:root{color:#17201c;background:#f4f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f4f7f5;--bg-soft: #eaf0ef;--panel: rgba(255, 255, 255, .88);--panel-strong: #ffffff;--panel-muted: #f6f9f7;--border: #d8e1de;--border-strong: #b9c9c3;--text: #17201c;--muted: #617069;--subtle: #7d8b84;--accent: #18a77a;--accent-strong: #0f6d55;--accent-ink: #ffffff;--cyan: #2d8fc9;--amber: #c78b1d;--shadow: 0 24px 70px rgba(31, 48, 42, .13);--focus: rgba(24, 167, 122, .22);--radius: 8px}:root[data-theme=dark]{color:#edf7f2;background:#0d1111;--bg: #0d1111;--bg-soft: #121a1b;--panel: rgba(20, 27, 28, .9);--panel-strong: #151d1e;--panel-muted: #101819;--border: #283638;--border-strong: #3a4b4d;--text: #edf7f2;--muted: #a8b8b1;--subtle: #7f918a;--accent: #2bd69d;--accent-strong: #5be7b9;--accent-ink: #071111;--cyan: #58b9f0;--amber: #e0ac42;--shadow: 0 24px 80px rgba(0, 0, 0, .34);--focus: rgba(43, 214, 157, .22)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-soft) 78%,transparent),transparent 42%),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.topbar{animation:page-reveal .42s cubic-bezier(.2,.75,.25,1) both;position:relative;z-index:60}.workspace{animation:page-reveal .52s 80ms cubic-bezier(.2,.75,.25,1) both;position:relative;z-index:1}.site-footer{animation:fade-reveal .5s .18s ease both}.section-body{animation:section-open .22s ease both;transform-origin:top}.language-menu{animation:menu-open .18s cubic-bezier(.2,.75,.25,1) both;transform-origin:top right}.auth-modal .auth-panel,.confirm-panel{animation:modal-enter .22s cubic-bezier(.2,.75,.25,1) both}.audio-box{animation:result-reveal .32s cubic-bezier(.2,.75,.25,1) both}.history-item{animation:history-arrive .3s cubic-bezier(.2,.75,.25,1) both}.primary-action:not(:disabled):hover,.content-template-panel button:hover,.download-link:hover{box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 22%,transparent);transform:translateY(-1px)}.primary-action:active,.content-template-panel button:active,.download-link:active{transform:translateY(0)}.primary-action:disabled{animation:generating-pulse 1.25s ease-in-out infinite}.trial-icon svg{animation:icon-float 3s ease-in-out infinite}@keyframes page-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-reveal{0%{opacity:0}to{opacity:1}}@keyframes section-open{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-open{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes history-arrive{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes generating-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 5px var(--focus)}}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.auth-loading{align-items:center;color:var(--muted);display:flex;font-weight:800;justify-content:center;min-height:100vh}.auth-shell{align-items:stretch;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr);margin:0 auto;max-width:1060px;min-height:100vh;padding:7vh 24px}.auth-brand{align-items:flex-start;background:#0b1110;color:#edf7f2;display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,7vw,76px)}.auth-mark{align-items:center;background:#56e0ce;border-radius:8px;color:#071111;display:flex;height:52px;justify-content:center;margin-bottom:28px;width:52px}.auth-brand p{color:#56e0ce;font-size:.78rem;font-weight:850;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.auth-brand h1{font-size:clamp(2.1rem,5vw,4rem);line-height:.98;max-width:430px}.auth-brand>span{color:#a8b8b1;line-height:1.65;margin-top:22px;max-width:390px}.auth-panel{align-self:center;background:var(--panel-strong);border:1px solid var(--border);padding:clamp(28px,6vw,64px);position:relative}.auth-close{align-items:center;background:var(--panel-muted);border:1px solid var(--border);border-radius:50%;color:var(--muted);display:flex;height:34px;justify-content:center;position:absolute;right:14px;top:14px;width:34px}.auth-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,#07110e 68%,transparent);display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:100}.auth-modal .auth-shell{display:block;margin:0;max-width:440px;min-height:auto;padding:0;width:100%}.auth-modal .auth-brand{display:none}.auth-modal .auth-panel{align-self:auto;border-radius:10px;box-shadow:0 28px 90px #00000061;padding:34px;width:100%}.auth-modal .auth-heading h2{font-size:1.35rem;padding-right:34px}.auth-modal .auth-tabs{margin-bottom:22px}.auth-modal .auth-form{gap:15px}.auth-modal .turnstile-wrap{margin:2px 0}.confirm-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,#07110e 68%,transparent);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:120}.confirm-panel{background:var(--panel-strong);border:1px solid var(--border);border-radius:8px;box-shadow:0 28px 90px #00000061;max-width:420px;padding:28px;width:100%}.confirm-icon{align-items:center;background:var(--panel-muted);border:1px solid var(--border);border-radius:7px;color:var(--accent-strong);display:flex;height:44px;justify-content:center;margin-bottom:18px;width:44px}.confirm-panel h2{font-size:1.25rem;margin:0 0 9px}.confirm-panel p{color:var(--muted);line-height:1.55;margin:0}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.confirm-actions button{align-items:center;background:transparent;border:1px solid var(--border);border-radius:7px;color:var(--text);display:inline-flex;font-weight:800;gap:7px;min-height:42px;padding:0 15px}.confirm-actions .confirm-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.auth-fatal{background:#8f2d2d;bottom:20px;color:#fff;left:50%;margin:0;max-width:min(520px,calc(100vw - 32px));padding:12px 16px;position:fixed;transform:translate(-50%)}.turnstile-wrap{align-items:center;display:flex;justify-content:center;min-height:65px;overflow:hidden;width:100%}.guest-shell{align-items:center;display:flex;flex-direction:column;gap:22px;justify-content:center;min-height:100vh;padding:24px}.site-footer{color:var(--subtle);font-size:.76rem;margin:24px auto 0;text-align:center}.guest-shell .site-footer{margin:0}.guest-panel{background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;max-width:440px;padding:34px;width:100%}.guest-brand{align-items:center;background:#079b98;border-radius:8px;color:#fff;display:flex;height:50px;justify-content:center;width:50px}.guest-panel>p{color:var(--accent-strong);font-size:.76rem;font-weight:850;margin:2px 0 -9px;text-transform:uppercase}.guest-panel h1{font-size:2.1rem}.guest-trial-preview{align-items:center;background:color-mix(in srgb,var(--cyan) 5%,var(--panel-muted));border:1px solid color-mix(in srgb,var(--cyan) 30%,var(--border));border-radius:12px;display:flex;gap:12px;padding:12px}.guest-trial-preview>div{align-items:center;background:#079b98;border-radius:50%;color:#fff;display:flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.guest-trial-preview span,.guest-trial-preview strong{display:block}.guest-trial-preview span{color:var(--muted);font-size:.8rem;line-height:1.45}.guest-trial-preview strong{color:var(--accent-strong);font-size:.9rem}.guest-login{align-items:center;background:transparent;border:0;color:var(--muted);display:flex;font-size:.84rem;gap:7px;justify-content:center;min-height:36px}.auth-heading h2{font-size:1.55rem;margin:0 0 22px}.auth-tabs{border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;margin-bottom:28px}.auth-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font-weight:800;padding:10px}.auth-tabs button.active{border-bottom-color:var(--accent);color:var(--accent-strong)}.auth-form,.auth-form label{display:flex;flex-direction:column}.auth-form{gap:18px}.auth-form label{color:var(--muted);font-size:.86rem;font-weight:750;gap:7px}.auth-input{align-items:center;background:var(--panel-muted);border:1px solid var(--border);border-radius:7px;display:flex;min-height:46px;padding:0 12px}.auth-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.auth-input svg{color:var(--subtle);flex:0 0 auto}.auth-input input{background:transparent;border:0;color:var(--text);min-width:0;outline:0;padding:0 0 0 10px;width:100%}.auth-message{color:var(--amber);font-size:.86rem;line-height:1.45;margin:0}.auth-submit{align-items:center;background:var(--accent);border:0;border-radius:7px;color:var(--accent-ink);display:flex;font-weight:850;gap:9px;justify-content:center;min-height:48px}.auth-submit:disabled{cursor:wait;opacity:.7}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{color:var(--text);min-height:100vh;padding:22px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:18px;margin:0 auto 18px;max-width:1320px}.brand-lockup{min-width:220px}.eyebrow{color:var(--accent-strong);font-size:.78rem;font-weight:850;letter-spacing:.04em;margin:0 0 5px;text-transform:uppercase}h1{font-size:clamp(1.75rem,3.8vw,3rem);line-height:1;margin:0}.top-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-left:auto}.user-chip{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:999px;display:flex;gap:4px;height:40px;max-width:230px;padding:0 4px 0 13px}.user-chip>span{color:var(--muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip button{align-items:center;background:transparent;border:0;border-radius:50%;color:var(--muted);display:flex;flex:0 0 auto;height:31px;justify-content:center;width:31px}.user-chip button:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-strong)}.trial-chip{align-items:center;background:color-mix(in srgb,var(--cyan) 5%,var(--panel-strong));border:1px solid color-mix(in srgb,var(--cyan) 32%,var(--border));border-radius:16px;display:flex;gap:13px;min-height:76px;padding:11px 16px 11px 13px;width:min(290px,100%)}.trial-icon{align-items:center;background:#079b98;border-radius:50%;color:#fff;display:flex;flex:0 0 auto;height:48px;justify-content:center;width:48px}.trial-icon svg{transform:rotate(-8deg)}.trial-copy{display:flex;flex-direction:column;min-width:0}.trial-copy strong{color:var(--accent-strong);font-size:.88rem;line-height:1.35}.trial-copy strong b{color:#078985;font-size:1rem;white-space:nowrap}:root[data-theme=dark] .trial-copy strong b{color:#67f0d7}:root[data-theme=dark] .trial-chip{background:color-mix(in srgb,#0b6965 24%,var(--panel-strong));border-color:color-mix(in srgb,#56e0ce 48%,var(--border))}.trial-copy span{color:var(--muted);font-size:.78rem;line-height:1.3}.trial-chip.empty{background:color-mix(in srgb,#c54949 10%,var(--panel));border-color:color-mix(in srgb,#c54949 35%,var(--border))}.trial-chip.empty strong{color:#c54949}.trial-chip.empty .trial-icon{background:#c54949}.trial-chip.empty .trial-copy strong b{color:#c54949}.login-button,.admin-link{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:999px;color:var(--text);display:inline-flex;font-size:.84rem;font-weight:800;gap:7px;height:40px;padding:0 13px;text-decoration:none}.admin-link{color:var(--accent-strong)}.theme-switch{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:3px;padding:3px}.theme-switch{grid-template-columns:repeat(2,34px)}.theme-switch button,.icon-button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--muted);display:inline-flex;height:32px;justify-content:center;width:32px}.theme-switch button.active,.icon-button:hover{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-strong)}.language-picker{position:relative;z-index:20}.language-trigger{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:999px;color:var(--text);display:grid;gap:9px;grid-template-columns:18px 22px minmax(74px,1fr) 16px;height:40px;padding:0 12px;text-align:left;width:176px}.language-trigger:hover,.language-trigger:focus-visible{border-color:color-mix(in srgb,var(--accent) 48%,var(--border))}.language-trigger>svg:first-child{color:var(--muted)}.language-trigger>svg:last-child{color:var(--muted);transition:transform .16s ease}.language-trigger>svg:last-child.open{transform:rotate(180deg)}.language-code,.language-option-code{color:var(--muted);font-size:.68rem;font-weight:900;line-height:1;text-transform:uppercase}.language-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-menu{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 40px color-mix(in srgb,#000 20%,transparent);display:grid;gap:2px;min-width:176px;padding:5px;position:absolute;right:0;top:calc(100% + 7px)}.language-menu button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--text);display:grid;gap:10px;grid-template-columns:24px 1fr;min-height:36px;padding:7px 9px;text-align:left;width:100%}.language-menu button:hover,.language-menu button.active{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent-strong)}.language-menu button.active .language-option-code{color:var(--accent-strong)}:root[data-theme=dark] .language-menu button.active{background:#123d35;color:#67f0d7}:root[data-theme=dark] .language-menu button.active .language-option-code{color:#67f0d7}.workspace{display:grid;gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(340px,.82fr);margin:0 auto;max-width:1320px}.control-panel,.output-stage,.history-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.control-panel{display:flex;flex-direction:column;gap:12px;padding:16px}.output-panel{display:flex;flex-direction:column;gap:18px}.mode-switch{background:var(--panel-muted);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:5px;grid-template-columns:repeat(3,1fr);padding:5px}.mode-switch button,.preset-row button,.chip-row button{align-items:center;border-radius:7px;display:inline-flex;font-weight:820;gap:8px;justify-content:center;min-height:40px;padding:0 12px}.mode-switch button{background:transparent;border:0;color:var(--muted)}.mode-switch button.active{background:linear-gradient(135deg,var(--accent),var(--cyan));color:var(--accent-ink)}.field-block{display:flex;flex-direction:column;gap:8px}.field-block>span,.select-field>span,.range-field>span,.number-field>span{color:var(--muted);font-size:.84rem;font-weight:830}textarea,input,select{background:var(--panel-strong);border:1px solid var(--border);border-radius:7px;color:var(--text);outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}textarea{line-height:1.55;min-height:190px;padding:14px;resize:vertical}input,select{min-height:40px;padding:0 10px}textarea:focus,input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.text-composer textarea{font-size:1rem}.content-template-panel{align-items:end;border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:grid;gap:12px;grid-template-columns:minmax(150px,1fr) minmax(140px,1fr) minmax(110px,.65fr) auto;padding:14px 0}.content-template-title{align-items:center;align-self:center;color:var(--text);display:flex;gap:9px}.content-template-panel label{color:var(--muted);display:flex;flex-direction:column;font-size:.78rem;font-weight:800;gap:6px}.content-template-panel button{align-items:center;background:var(--accent);border:0;border-radius:7px;color:var(--accent-ink);display:inline-flex;font-weight:850;gap:8px;justify-content:center;min-height:40px;padding:0 13px}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.preset-row button,.chip-row button{background:color-mix(in srgb,var(--accent) 10%,var(--panel-strong));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));color:var(--accent-strong)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row button{font-size:.88rem;min-height:34px}.settings-band{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-muted) 78%,transparent)}.primary-band{display:flex;flex-direction:column;gap:12px;padding:14px}.section-title,.section-heading{align-items:center;color:var(--text);display:flex;font-weight:880;gap:8px;min-height:28px}.section-header{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:12px}.section-toggle{align-items:center;background:transparent;border:0;color:var(--text);display:flex;flex:1;gap:12px;justify-content:space-between;min-height:34px;min-width:0;padding:0;text-align:left}.section-actions{align-items:center;color:var(--subtle);display:inline-flex;flex-shrink:0;font-size:.82rem;font-weight:800;gap:6px}.section-body{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;padding:14px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.compact-grid{grid-template-columns:minmax(0,1fr)}.wide-field{grid-column:1 / -1}.select-field,.number-field,.range-field{display:flex;flex-direction:column;gap:7px;min-width:0}.compact input{width:100%}.toggle{align-items:center;background:var(--panel-strong);border:1px solid var(--border);border-radius:7px;color:var(--muted);display:flex;font-weight:820;gap:9px;min-height:40px;padding:0 10px}.toggle input{accent-color:var(--accent);min-height:auto}.computed-line,.status-line,.muted{color:var(--muted);font-size:.92rem;margin:0}.computed-line{background:color-mix(in srgb,var(--cyan) 8%,var(--panel-strong));border:1px solid color-mix(in srgb,var(--cyan) 20%,var(--border));border-radius:7px;padding:10px 12px}.file-drop{align-items:center;background:var(--panel-strong);border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);display:flex;font-weight:820;min-height:62px;padding:0 14px}.file-drop input{display:none}.reference-script{align-items:center;background:color-mix(in srgb,var(--accent) 9%,var(--panel-strong));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:var(--radius);display:flex;gap:14px;justify-content:space-between;padding:13px 14px}.reference-script>div{display:flex;flex-direction:column;gap:5px;min-width:0}.reference-script span{color:var(--accent-strong);font-size:.76rem;font-weight:850;text-transform:uppercase}.reference-script strong{color:var(--text);font-size:.95rem;line-height:1.5}.reference-script button{align-items:center;background:var(--panel-strong);border:1px solid var(--border);border-radius:7px;color:var(--muted);display:flex;flex:0 0 auto;height:38px;justify-content:center;padding:0;width:38px}.reference-script button:hover{border-color:var(--accent);color:var(--accent-strong)}.recorder-panel{align-items:center;background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:10px;grid-template-columns:auto auto minmax(0,1fr) auto;min-height:62px;padding:9px}.record-button{align-items:center;background:var(--text);border:0;border-radius:7px;color:var(--bg);display:inline-flex;font-weight:850;gap:8px;min-height:42px;padding:0 13px}.recorder-panel.recording{border-color:color-mix(in srgb,#e24b4b 55%,var(--border))}.recorder-panel.recording .record-button{background:#c83f3f;color:#fff}.recorder-panel.recording .recording-time:before{animation:recording-pulse 1.1s ease-in-out infinite;background:#e24b4b;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:7px;width:8px}.recording-time{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.84rem;white-space:nowrap}.recording-preview{height:40px;min-width:0}.remove-recording{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--muted);display:flex;height:36px;justify-content:center;width:36px}.remove-recording:hover{background:color-mix(in srgb,#e24b4b 12%,transparent);color:#d14a4a}.recording-error{color:#d14a4a;font-size:.84rem;margin:0}@keyframes recording-pulse{50%{opacity:.35}}.slider-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.range-field span{align-items:center;display:flex;justify-content:space-between;gap:12px}.range-field strong{color:var(--text);font-size:.84rem}.range-field input{accent-color:var(--accent);padding:0}.check-row{display:flex;flex-wrap:wrap;gap:10px}.primary-action{align-items:center;background:linear-gradient(135deg,var(--accent),var(--cyan));border:0;border-radius:var(--radius);color:var(--accent-ink);display:flex;font-weight:900;gap:10px;justify-content:center;min-height:50px}.primary-action:disabled{cursor:wait;opacity:.72}.output-stage,.history-panel{padding:16px}.audio-box{align-items:center;background:var(--panel-muted);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:12px;justify-content:center;margin:14px 0 12px;min-height:210px;padding:16px}audio{width:100%}.download-link{align-items:center;background:var(--text);border-radius:7px;color:var(--bg);display:inline-flex;font-weight:850;gap:8px;min-height:40px;padding:0 12px;text-decoration:none}.empty-output{color:var(--subtle);font-weight:820}.history-list{display:flex;flex-direction:column;gap:10px}.history-viewport{height:984px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-gutter:stable}.history-virtual-space{position:relative}.history-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;overflow:hidden;padding:12px}.history-item-head,.history-item-head>div,.history-actions{align-items:center;display:flex}.history-item-head{justify-content:space-between;margin-bottom:6px}.history-item-head>div{gap:10px;margin:0}.history-actions{gap:5px;margin:0}.history-actions button,.history-pagination button{align-items:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;width:30px}.history-actions button:hover,.history-pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}.history-actions button:disabled,.history-pagination button:disabled{cursor:not-allowed;opacity:.45}.history-item strong{color:var(--text)}.history-item span,.history-item p{color:var(--muted);font-size:.86rem;margin:0}.history-edit{background:var(--panel-muted);border:1px solid var(--accent);border-radius:6px;color:var(--text);display:block;font:inherit;height:42px;margin:0 0 8px;padding:7px 9px;resize:none;width:100%}.history-item audio{height:40px}.history-pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:12px}.history-pagination span{color:var(--muted);font-size:.82rem;font-weight:800;min-width:90px;text-align:center}.access-denied{align-items:center;display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:100vh}.access-denied a{color:var(--accent-strong)}.admin-shell{color:var(--text);margin:0 auto;max-width:1500px;min-height:100vh;padding:24px}.admin-header,.admin-section-title{align-items:center;display:flex;justify-content:space-between}.admin-header{margin-bottom:20px}.admin-header p{color:var(--accent-strong);font-size:.78rem;font-weight:850;margin:0 0 5px;text-transform:uppercase}.admin-header h1{align-items:center;display:flex;font-size:1.8rem;gap:10px}.admin-header>a{align-items:center;color:var(--text);display:flex;gap:7px;text-decoration:none}.admin-stats{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.admin-stats>div,.admin-section,.admin-player{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.admin-stats>div{display:flex;flex-direction:column;gap:6px;padding:16px}.admin-stats span{color:var(--muted);font-size:.82rem}.admin-stats strong{font-size:1.7rem}.admin-section{margin-bottom:16px;padding:16px}.admin-section-title{margin-bottom:14px}.admin-section-title h2{font-size:1.05rem;margin:0}.admin-section button,.danger-button{align-items:center;background:var(--panel-strong);border:1px solid var(--border);border-radius:6px;color:var(--text);display:inline-flex;gap:7px;min-height:34px;padding:0 10px}.admin-settings{display:grid;gap:14px}.admin-settings .admin-section-title{margin:0}.admin-settings label{color:var(--muted);display:flex;flex-direction:column;font-size:.84rem;gap:7px}.admin-settings input,.admin-settings textarea{background:var(--panel-strong);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:10px}.admin-settings textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.admin-settings .danger-button{color:#c54949;justify-self:start}.admin-message{color:var(--amber);margin:0}.admin-player{bottom:16px;box-shadow:var(--shadow);margin:0 auto;max-width:620px;padding:12px;position:sticky;z-index:30}.admin-table-wrap{overflow:auto}.admin-table-wrap table{border-collapse:collapse;font-size:.8rem;min-width:1180px;width:100%}.admin-table-wrap th,.admin-table-wrap td{border-bottom:1px solid var(--border);padding:10px;text-align:left;vertical-align:top}.admin-table-wrap th{color:var(--muted);font-size:.72rem;text-transform:uppercase}.admin-table-wrap td p{line-height:1.4;margin:0 0 6px;max-width:320px}.admin-table-wrap small{color:var(--subtle);display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis}.admin-table-wrap code{display:block;font-size:.7rem;max-height:90px;max-width:310px;overflow:auto;white-space:pre-wrap}.history-item p{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-height:1.45;margin-bottom:10px;overflow:hidden}@media(max-width:980px){.content-template-panel{grid-template-columns:1fr 1fr}.content-template-title{grid-column:1 / -1}.history-viewport{height:820px}.auth-shell{grid-template-columns:1fr;padding:0}.auth-brand{min-height:300px;padding:34px 24px}.auth-panel{align-self:stretch;border-left:0;border-right:0;padding:32px 24px}.admin-stats{grid-template-columns:1fr}.trial-chip{min-height:68px;width:min(280px,100%)}.app-shell{padding:14px}.topbar,.workspace{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.top-actions{justify-content:flex-end;width:100%}.form-grid,.slider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.content-template-panel{grid-template-columns:1fr}.content-template-title{grid-column:auto}.recorder-panel{grid-template-columns:1fr auto}.recording-preview{grid-column:1;width:100%}.remove-recording{grid-column:2}.mode-switch,.form-grid,.slider-grid{grid-template-columns:1fr}.section-header{align-items:stretch}.toggle-label{display:none}}