body{min-height:100dvh;padding:56px 1rem 5rem}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#006fee08 1px,#0000 1px),linear-gradient(90deg,#006fee08 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.page-wrap{z-index:1;max-width:1120px;margin:0 auto;position:relative}.fd-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:20px}.fd-section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:8px;margin:0 0 14px;font-size:11px;font-weight:700;display:flex}.fd-section-title:after{content:"";background:var(--border);flex:1;height:1px}.fd-label{color:var(--fg-muted);margin:14px 0 6px;font-size:12px;font-weight:600;display:block}.fd-label:first-of-type{margin-top:0}.fd-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--fg);border-radius:8px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s}.fd-input:focus{border-color:var(--primary)}select.fd-input{min-height:44px}.fd-textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--fg);resize:vertical;border-radius:8px;outline:none;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Pretendard,Inter,sans-serif;font-size:14px;line-height:1.7;transition:border-color .2s}.fd-textarea:focus{border-color:var(--primary)}.fd-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.fd-btn-primary{background:var(--primary);color:#fff}.fd-btn-primary:hover{background:var(--primary-h)}.fd-btn-ghost{border:1px solid var(--border);color:var(--fg-muted);background:0 0}.fd-btn-ghost:hover{border-color:var(--primary);color:var(--primary);background:#006fee0f}.fd-btn-danger{color:var(--danger);background:#f312601a}.fd-btn-danger:hover{background:#f312602e}.fd-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=720px),(pointer:coarse){.fd-input,.fd-textarea{font-size:16px}}.tts-layout{grid-template-columns:300px 1fr;align-items:stretch;gap:1.25rem;display:grid}@media (width<=720px){.tts-layout{grid-template-columns:1fr}}.sidebar{flex-direction:column;gap:1rem;display:flex}.field-grid-2{grid-template-columns:1fr 1fr;gap:1rem;margin-top:18px;display:grid}.field-grid-2 .fd-label:first-of-type{margin-top:0}.opt-check{color:var(--fg);cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:6px 0;font-size:14px;display:flex}.opt-check input{width:20px;height:20px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.range-row{justify-content:space-between;align-items:center;display:flex}.range-val{color:var(--primary);font-size:12px;font-weight:700}input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:99px;width:100%;height:4px;margin:12px 0}input[type=range]:focus-visible{outline:2px solid var(--primary);outline-offset:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border:2px solid var(--bg);border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #006fee4d}.btn-grid-2{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.btn-grid-2 .fd-btn,#record{width:100%}.hint-mini{color:var(--fg-muted);text-align:center;margin:8px 0 0;font-size:11px;line-height:1.5}.hint-mini b{color:var(--fg);font-weight:700}.hint-mini.is-off{color:var(--danger)}.voice-notice{color:var(--fg);background:color-mix(in srgb, var(--warning,#f5a524) 14%, transparent);border:1px solid color-mix(in srgb, var(--warning,#f5a524) 45%, transparent);border-radius:10px;align-items:flex-start;gap:8px;margin:10px 0 0;padding:10px 12px;font-size:13px;line-height:1.55;display:flex}.voice-notice[hidden]{display:none}.voice-notice .ic{color:var(--warning,#f5a524);flex:none;margin-top:3px}.main-col{flex-direction:column;gap:.75rem;height:100%;display:flex}#text{flex:1;min-height:400px}.read-view{background:var(--bg);border:1px solid var(--border);min-height:400px;max-height:70dvh;color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;flex:1;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Pretendard,Inter,sans-serif;font-size:14px;line-height:1.7;position:relative;overflow-y:auto}.read-view[hidden]{display:none}.read-view mark{background:color-mix(in srgb, var(--primary) 28%, transparent);color:var(--fg);border-radius:3px}@media (width<=720px),(pointer:coarse){.read-view{font-size:16px}}#text::selection{color:var(--fg);background:#006fee59}#text::selection{color:var(--fg);background:#006fee59}.hint{color:var(--fg-muted);text-align:center;min-height:2.8em;font-size:13px;line-height:1.6}.hint code{background:var(--bg-sec);border-radius:4px;padding:1px 5px}