.tool-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:var(--color-accent);color:#fff}.back-link{color:#fff;text-decoration:none}.tool-title{font-size:18px;margin:0;font-weight:600}.share-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px}.tool-content{max-width:600px;margin:0 auto;padding:20px}.input-section{width:100%;margin-bottom:24px}.input-group{width:100%;margin-bottom:16px}.setting-label{display:block;font-size:16px;margin-bottom:8px;color:var(--color-text);font-weight:500;text-align:center}.text-input{width:100%;box-sizing:border-box;padding:16px;border:1px solid var(--border-color);border-radius:12px;font-size:16px;background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.options-container{width:100%;margin-bottom:24px;border:1px solid var(--border-color);border-radius:12px;background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.options-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer}.toggle-icon{transition:transform .3s ease}.toggle-icon.open{transform:rotate(180deg)}.options-content{display:none;width:100%;box-sizing:border-box}.options-content.open{display:block;height:auto;padding:0 16px 16px}.option-group{width:100%;margin-bottom:16px}.select-input{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--color-surface);font-size:16px}.checkbox-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:16px}.style-options{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.style-option{padding:12px 0;background-color:var(--color-surface);border:1px solid var(--color-accent);border-radius:24px;font-size:14px;color:var(--color-text);cursor:pointer;transition:all .2s ease}.style-option.active{background-color:var(--color-accent);color:#fff}.generate-button{width:100%;padding:16px;margin:24px 0;border-radius:12px;background-color:var(--color-accent);color:#fff;border:none;cursor:pointer;font-size:18px;font-weight:600;box-shadow:0 4px 12px var(--color-border-hover)}.generate-button:active{transform:scale(.98);box-shadow:0 2px 6px var(--color-accent-light)}.output-section{width:100%;margin-bottom:24px}.result-container{width:100%;position:relative}.output-textarea{width:100%;box-sizing:border-box;padding:16px;border:1px solid var(--border-color);border-radius:12px;min-height:120px;resize:vertical;font-size:16px;font-family:monospace;background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.copy-button{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--color-accent);cursor:pointer;padding:4px;border-radius:4px;background-color:#fffc}.copy-button.highlight{background-color:var(--color-accent);color:#fff}.preview-section{width:100%;margin-bottom:24px}.preview-container{width:100%;padding:16px;border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;min-height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);box-shadow:var(--shadow-sm);font-size:16px}.share-section{width:100%;margin-bottom:24px}.share-container{width:100%}.share-row{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.share-button-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:8px 0}.share-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.share-label{font-size:12px;color:var(--color-text);text-align:center}.share-button-item.copy .share-icon{background-color:#f5f5f5;color:#555}.share-button-item.twitter .share-icon{background-color:#1da1f2}.share-button-item.line .share-icon{background-color:#00b900}.share-button-item.instagram .share-icon{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80)}.share-button-item.facebook .share-icon{background-color:#1877f2}.share-button-item.mail .share-icon{background-color:#ea4335}.share-button-item.web-share .share-icon{background-color:#4285f4}.share-button-item.qrcode .share-icon{background-color:#000}.hint-text{width:100%;text-align:center;font-size:14px;color:var(--color-text-secondary);margin-top:16px;margin-bottom:24px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background-color:#000c;color:#fff;padding:12px 24px;border-radius:24px;font-size:14px;opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1000}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:1000}.modal.show{display:flex}.modal-content{background-color:var(--color-surface);border-radius:12px;width:90%;max-width:400px;box-shadow:var(--shadow-md)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:18px;margin:0}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-tertiary)}.modal-body{padding:24px 16px;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}#qrcodeDisplay{margin-bottom:16px;width:100%;text-align:center}.qrcode-text{text-align:center;font-size:14px;color:var(--color-text-secondary);margin:0;width:100%}@media(min-width:768px){.checkbox-group{grid-template-columns:repeat(3,1fr)}.style-options{grid-template-columns:repeat(4,1fr)}}