:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;color:#17201c;background:#f4f5f1;font-synthesis:none;--ink: #17201c;--ink-2: #25312b;--paper: #f4f5f1;--surface: #ffffff;--muted: #69736d;--muted-2: #98a19c;--line: #dde2de;--line-dark: #c8ceca;--lime: #d9ff57;--lime-dark: #aecf36;--coral: #ff8169;--blue: #78b7ff;--green: #247755;--red: #c8493d;--shadow: 0 12px 32px rgba(20, 30, 25, .08)}*{box-sizing:border-box;letter-spacing:0}html{min-width:320px;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}body.modal-open{overflow:hidden}::selection{background:var(--lime);color:var(--ink)}.loading-screen,.fatal-screen,.maintenance-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;text-align:center;padding:32px}.loading-screen p,.fatal-screen p,.maintenance-screen p{margin:0;color:var(--muted)}.fatal-screen h1,.maintenance-screen h1{margin:8px 0 0;font-size:28px}.brand-mark{width:34px;height:34px;border-radius:7px;background:var(--ink);display:flex;align-items:center;justify-content:center;gap:3px;flex:none}.brand-mark span{width:3px;border-radius:3px;background:var(--lime);animation:brand-wave 1.7s ease-in-out infinite}.brand-mark span:nth-child(1){height:10px;animation-delay:-.4s}.brand-mark span:nth-child(2){height:20px;animation-delay:-.2s}.brand-mark span:nth-child(3){height:14px;animation-delay:-.6s}.brand-mark span:nth-child(4){height:7px;animation-delay:-.1s}.brand-mark-large{width:52px;height:52px;border-radius:8px;gap:4px}.brand-mark-large span{width:4px}.brand-mark-large span:nth-child(2){height:28px}@keyframes brand-wave{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1.15)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes equalize{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.spin{animation:spin .9s linear infinite}.eyebrow{font-family:DM Mono,monospace;font-size:11px;line-height:1.4;color:var(--muted);text-transform:uppercase}.primary-button,.secondary-button,.text-button,.icon-button,.generate-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}.primary-button{min-height:40px;padding:0 17px;border-radius:6px;background:var(--ink);color:#fff;font-weight:600}.primary-button:hover{background:#000;transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.generate-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary-button-wide{width:100%}.secondary-button{min-height:38px;padding:0 14px;background:#fff;border:1px solid var(--line);border-radius:6px;font-size:13px;font-weight:600}.secondary-button:hover{border-color:var(--ink)}.text-button{padding:6px 0;background:transparent;color:var(--muted);font-size:13px}.text-button:hover{color:var(--ink)}.icon-button{position:relative;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--line);border-radius:6px}.icon-button:hover{border-color:var(--ink);background:#fff}.icon-button.danger{color:var(--red)}.icon-button:disabled{opacity:.3;cursor:not-allowed}.tooltip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);padding:5px 7px;background:var(--ink);color:#fff;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:20}.icon-button:hover .tooltip{opacity:1}.announcement{min-height:34px;padding:5px 24px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:#edf0ed;font-size:12px}.announcement svg{color:var(--lime)}.announcement button{padding:1px 0;margin-left:7px;background:transparent;color:var(--lime);border-bottom:1px solid currentColor;cursor:pointer}.site-header{height:68px;padding:0 28px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;border-bottom:1px solid var(--line);background:#f4f5f1f5;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.announcement+.site-header{top:34px}.brand{display:flex;align-items:center;gap:11px;width:max-content}.brand>div:last-child{display:flex;flex-direction:column;gap:1px}.brand strong{font-size:16px;line-height:1.35}.brand small{font:9px/1.2 DM Mono,monospace;color:var(--muted)}.site-header nav{display:flex;align-items:center;justify-content:center;gap:2px}.site-header nav button,.site-header nav a{height:36px;padding:0 13px;display:flex;align-items:center;gap:6px;background:transparent;border-radius:5px;color:var(--muted);font-size:13px;cursor:pointer}.site-header nav button:hover,.site-header nav a:hover,.site-header nav button.active{background:#e9ece8;color:var(--ink)}.header-actions{display:flex;align-items:center;gap:8px}.access-pill,.login-button{height:36px;padding:0 12px;display:flex;align-items:center;gap:7px;border-radius:6px;border:1px solid var(--line-dark);background:#fff;font-size:12px;font-weight:600;cursor:pointer}.access-pill.active{background:#efffc0;border-color:#c6e85d}.free-pill{height:30px;display:flex;align-items:center;gap:6px;color:var(--green);font-size:12px;font-weight:600}.free-pill i,.live-dot{width:7px;height:7px;border-radius:50%;background:#3dcc84;box-shadow:0 0 0 4px #3dcc841f}.user-menu{position:relative}.user-menu>button{height:36px;padding:0 10px;display:flex;align-items:center;gap:6px;background:transparent;border-radius:6px;cursor:pointer;font-size:12px}.user-menu>div{display:none;position:absolute;top:100%;right:0;padding-top:6px}.user-menu:hover>div{display:block}.user-menu>div button{width:130px;height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);cursor:pointer}.mobile-menu-button{display:none;width:36px;height:36px;border-radius:6px;background:#fff;border:1px solid var(--line)}.studio-shell{min-height:calc(100vh - 102px);display:grid;grid-template-columns:252px minmax(420px,1fr) 338px;max-width:1600px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--surface);position:relative}.mode-rail{background:#eef0ec;border-right:1px solid var(--line);padding:30px 18px 22px;display:flex;flex-direction:column}.rail-heading{display:flex;align-items:baseline;justify-content:space-between;padding:0 6px 18px}.rail-heading span{font-size:13px;font-weight:700}.rail-heading small{font-size:10px;color:var(--muted)}.mode-tabs{display:flex;flex-direction:column;gap:7px}.mode-tab{min-height:88px;position:relative;display:grid;grid-template-columns:30px 34px 1fr;align-items:center;gap:8px;padding:12px 10px 12px 7px;text-align:left;border-radius:7px;background:transparent;border:1px solid transparent;cursor:pointer;overflow:hidden}.mode-tab:hover{background:#ffffff9e}.mode-tab.active{background:#fff;border-color:var(--line-dark);box-shadow:0 5px 14px #17201c0d}.mode-tab:disabled{opacity:.35;cursor:not-allowed}.mode-index{align-self:start;padding-top:2px;font:10px DM Mono,monospace;color:var(--muted-2)}.mode-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:#dfe4df}.accent-lime .mode-icon{background:var(--lime)}.accent-coral .mode-icon{background:#ffd4cb}.accent-blue .mode-icon{background:#cfe6ff}.mode-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.mode-copy strong{font-size:13px}.mode-copy small{font-size:10px;line-height:1.45;color:var(--muted)}.active-line{position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:0 3px 3px 0;background:var(--ink)}.rail-status{margin-top:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;padding:10px 7px 0}.composer{padding:42px clamp(28px,4vw,64px) 48px;min-width:0;overflow:hidden}.composer-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:34px}.composer-header .eyebrow{display:flex;align-items:center;gap:10px}.composer-header .eyebrow i{width:34px;height:1px;background:var(--line-dark)}.composer-header h1{margin:10px 0 0;font-size:clamp(32px,4vw,52px);line-height:1.06;font-weight:600}.text-editor-section,.direction-section{animation:fade-up .35s ease both}.section-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-label-row>label{font-size:13px;font-weight:700}.section-label-row>span{font:10px DM Mono,monospace;color:var(--muted)}.text-editor-section>textarea{width:100%;min-height:208px;resize:vertical;border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);border-radius:0;padding:22px 4px;background:transparent;outline:none;font-size:18px;line-height:1.9}.text-editor-section>textarea::placeholder{color:#aeb5b1}.text-editor-section>textarea:focus{border-bottom-color:var(--ink)}.tag-toolbar{min-height:48px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);overflow:hidden}.tag-toolbar>span{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted);font-size:11px}.tag-scroll{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.tag-scroll::-webkit-scrollbar{display:none}.tag-scroll button,.suggestion-chips button,.style-control details div button{height:26px;padding:0 9px;flex:none;background:#f1f3f0;border:1px solid transparent;border-radius:5px;color:var(--muted);font-size:10px;cursor:pointer}.tag-scroll button:hover,.suggestion-chips button:hover,.style-control details div button:hover{background:#fff;color:var(--ink);border-color:var(--line-dark)}.direction-section{margin-top:30px}.mode-switch{height:28px;display:flex;align-items:center;gap:5px;padding:0 8px;border-radius:5px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.mode-switch.active{background:#efffc0;color:var(--ink)}.instruction-input{width:100%;min-height:84px;padding:13px 15px;resize:vertical;border:1px solid var(--line);border-radius:6px;background:#fafbf9;outline:none;font-size:13px;line-height:1.65}.instruction-input:focus{border-color:var(--ink);background:#fff}.director-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.director-fields label{padding:12px;background:#f5f7f4;border:1px solid var(--line);border-radius:6px}.director-fields label span{display:block;margin-bottom:6px;font-size:10px;font-weight:700;color:var(--muted)}.director-fields textarea{width:100%;min-height:82px;padding:0;border:0;outline:0;resize:vertical;background:transparent;font-size:11px;line-height:1.6}.result-player{margin-top:28px;padding:17px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(150px,1fr) minmax(90px,150px) minmax(180px,1fr) auto;align-items:center;gap:16px;animation:fade-up .35s ease both}.result-status{display:flex;align-items:center;gap:10px}.result-status>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--lime)}.result-status>div{min-width:0;display:flex;flex-direction:column;gap:2px}.result-status strong{font-size:12px}.result-status small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-wave{height:36px;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden}.result-wave i{width:2px;flex:none;background:#9ea8a2;border-radius:2px}.result-player audio{width:100%;height:34px}.result-actions{display:flex;gap:5px}.mobile-generate{display:none}.inspector{background:#f8f9f6;border-left:1px solid var(--line);padding:25px 22px 0;min-width:0;display:flex;flex-direction:column;max-height:calc(100vh - 102px);position:sticky;top:102px;overflow-y:auto}.inspector-heading{height:34px;display:flex;align-items:center;gap:8px;padding-bottom:13px;border-bottom:1px solid var(--ink);font-size:12px;font-weight:700}.inspector-heading button{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;background:transparent;cursor:pointer}.rotate{transform:rotate(180deg)}.control-section{padding:20px 0;border-bottom:1px solid var(--line)}.control-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.control-title span{font-size:11px;font-weight:700}.control-title small{font:9px DM Mono,monospace;color:var(--muted)}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.voice-option{min-width:0;height:54px;padding:5px 7px;display:flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer;text-align:left}.voice-option:hover{background:#fff}.voice-option.selected{background:#fff;border-color:var(--ink);box-shadow:0 3px 10px #141e190d}.voice-avatar{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e3e7e2;font:10px DM Mono,monospace;position:relative}.voice-avatar i{position:absolute;right:0;bottom:1px;width:7px;height:7px;border-radius:50%;background:var(--blue);border:2px solid #fff}.voice-option:nth-child(3n+2) .voice-avatar i{background:var(--coral)}.voice-option:nth-child(3n) .voice-avatar i{background:var(--lime-dark)}.voice-option>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.voice-option strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-option small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-option>svg{margin-left:auto;color:var(--green)}.design-prompt{width:100%;min-height:118px;padding:11px;border:1px solid var(--line);border-radius:6px;resize:vertical;outline:none;background:#fff;font-size:11px;line-height:1.65}.design-prompt:focus{border-color:var(--ink)}.suggestion-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.toggle-row,.admin-switch{position:relative;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-row{margin-top:14px;font-size:11px}.toggle-row input,.admin-switch input{position:absolute;opacity:0}.toggle-row i,.admin-switch i{width:34px;height:19px;padding:2px;background:#cbd1cc;border-radius:20px;transition:background .18s ease}.toggle-row i:before,.admin-switch i:before{content:"";display:block;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:transform .18s ease}.toggle-row input:checked+i,.admin-switch input:checked+i{background:var(--ink)}.toggle-row input:checked+i:before,.admin-switch input:checked+i:before{transform:translate(15px);background:var(--lime)}.toggle-row.disabled{opacity:.42;cursor:not-allowed}.control-hint{margin:10px 0 0;display:flex;gap:6px;color:var(--muted);font-size:9px;line-height:1.55}.control-hint svg{flex:none;margin-top:1px}.upload-zone{min-height:112px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed #adb5b0;border-radius:6px;background:#fff;cursor:pointer;text-align:center;transition:background .18s ease,border-color .18s ease}.upload-zone.dragging{border-color:var(--ink);background:#f0ffc7}.upload-zone.has-file{border-style:solid;border-color:var(--green);background:#f2faf5}.upload-zone input{display:none}.upload-zone strong{max-width:100%;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-zone small{color:var(--muted);font-size:9px}.remove-file{margin:8px auto 0;display:flex;align-items:center;gap:4px;background:transparent;color:var(--red);font-size:9px;cursor:pointer}.consent-note{margin:10px 0 0;display:flex;align-items:center;gap:5px;color:var(--green);font-size:9px}.style-control details{border-top:1px solid #eceeeb}.style-control details:first-of-type{border-top:0}.style-control summary{height:34px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:10px}.style-control summary::-webkit-details-marker{display:none}.style-control details[open] summary svg{transform:rotate(180deg)}.style-control details div{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:9px}.segmented-control{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line);border-radius:6px;background:#e9ece8}.segmented-control button{height:29px;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;font:10px DM Mono,monospace}.segmented-control button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #141e1914}.generate-dock{margin-top:auto;padding:18px 0 19px;position:sticky;bottom:0;background:#f8f9f6}.quota-line{margin-bottom:9px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.quota-line svg{color:var(--green)}.generate-button{width:100%;height:48px;border-radius:6px;background:var(--ink);color:#fff;font-size:13px;font-weight:700}.generate-button:hover{background:#000;transform:translateY(-1px)}.generate-dock>small{display:block;margin-top:7px;text-align:center;color:var(--muted);font-size:8px}.sound-progress{position:fixed;left:50%;bottom:28px;transform:translate(-50%);height:50px;padding:0 18px;display:flex;align-items:center;gap:3px;border-radius:7px;background:var(--ink);color:#fff;box-shadow:var(--shadow);z-index:45}.sound-progress span{width:3px;height:20px;background:var(--lime);border-radius:3px;animation:equalize .7s ease-in-out infinite}.sound-progress span:nth-child(2){animation-delay:-.1s}.sound-progress span:nth-child(3){animation-delay:-.2s}.sound-progress span:nth-child(4){animation-delay:-.35s}.sound-progress span:nth-child(5){animation-delay:-.15s}.sound-progress p{margin:0 0 0 9px;font-size:11px}.site-footer{min-height:54px;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:24px;display:grid;place-items:center;background:#0d120f8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-in .18s ease both}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.modal-shell{width:min(620px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;border-radius:8px;background:var(--surface);box-shadow:0 28px 80px #0003;overflow:hidden;animation:fade-up .24s ease both}.modal-header{min-height:78px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-header h2{margin:3px 0 0;font-size:18px}.modal-body{padding:22px;overflow-y:auto}.access-modal{width:min(780px,100%)}.access-layout{display:grid;grid-template-columns:230px 1fr;gap:30px}.qr-panel{padding:18px;border-radius:7px;background:var(--ink);color:#fff;align-self:start}.qr-panel>img,.qr-placeholder{aspect-ratio:1;width:100%;border-radius:5px;background:#fff}.qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink)}.qr-placeholder span{margin-top:8px;font-size:12px;font-weight:700}.qr-placeholder small{color:var(--muted);font-size:9px}.qr-caption{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px}.wechat-dot{width:7px;height:7px;border-radius:50%;background:#42d37d}.lead-copy{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.step-list{margin:18px 0 20px;padding:0;display:grid;gap:8px;list-style:none}.step-list li{min-height:36px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px}.step-list li>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#edf0ec;font:9px DM Mono,monospace}.step-list p{margin:0;font-size:11px}.step-list svg{color:var(--muted-2)}.code-form label{display:block;margin-bottom:7px;font-size:11px;font-weight:700}.input-with-icon{height:44px;margin-bottom:10px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line-dark);border-radius:6px}.input-with-icon:focus-within{border-color:var(--ink)}.input-with-icon input{min-width:0;flex:1;border:0;outline:0;font:12px DM Mono,monospace;text-transform:uppercase}.privacy-note{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:9px}.inline-error{margin:8px 0;padding:8px 10px;border-radius:5px;background:#fff0ed;color:var(--red);font-size:11px;line-height:1.5}.auth-modal{width:min(430px,100%)}.auth-segments{margin-bottom:18px}.auth-form{display:grid;gap:14px}.auth-form>label{display:grid;gap:6px;font-size:11px;font-weight:700}.auth-form input{width:100%;height:42px;padding:0 11px;border:1px solid var(--line-dark);border-radius:6px;outline:0}.auth-form input:focus{border-color:var(--ink)}.password-input{position:relative}.password-input button{position:absolute;right:5px;top:5px;width:32px;height:32px;display:grid;place-items:center;background:transparent;cursor:pointer}.auth-footnote{margin:15px 0 0;color:var(--muted);font-size:9px;text-align:center}.history-modal{width:min(780px,100%)}.history-list{display:grid}.history-row{min-width:0;display:grid;grid-template-columns:38px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.history-row:first-child{padding-top:0}.history-row:last-child{border-bottom:0}.history-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:7px;background:#edf0ec}.history-main{min-width:0}.history-meta{display:flex;gap:10px;color:var(--muted);font-size:9px}.history-meta span{display:flex;align-items:center;gap:4px}.history-main>p{margin:6px 0 9px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-main audio{width:min(100%,360px);height:30px}.history-actions{display:flex;gap:5px}.empty-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.empty-state h3{margin:10px 0 4px;color:var(--ink);font-size:14px}.empty-state p{margin:0;font-size:10px}.guide-modal{width:min(800px,100%)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.guide-grid section{padding:20px;background:#fff}.guide-grid svg{color:var(--green)}.guide-grid h3{margin:10px 0 6px;font-size:13px}.guide-grid p{margin:0;color:var(--muted);font-size:10px;line-height:1.75}.guide-warning{margin-top:14px;padding:14px;display:flex;gap:10px;background:#fff7e4;border:1px solid #f2d99b;border-radius:6px}.guide-warning svg{flex:none}.guide-warning strong{font-size:11px}.guide-warning p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.share-modal{width:min(650px,100%)}.share-card{aspect-ratio:1.65;min-height:310px;padding:28px;display:flex;flex-direction:column;border-radius:7px;color:#fff;overflow:hidden}.share-brand{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.mini-wave{width:26px;height:26px;display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(255,255,255,.3);border-radius:5px}.mini-wave span{width:2px;background:var(--share-accent);border-radius:2px}.mini-wave span:nth-child(1){height:7px}.mini-wave span:nth-child(2){height:15px}.mini-wave span:nth-child(3){height:11px}.mini-wave span:nth-child(4){height:5px}.share-mode{align-self:flex-end;margin-top:-22px;padding:5px 8px;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:var(--share-accent);font:9px DM Mono,monospace}.share-card h3{margin:34px 0 12px;max-width:75%;font-size:28px;line-height:1.2}.share-quote{margin:0;max-width:82%;color:#ffffffb3;font-size:11px;line-height:1.7}.share-waveform{margin-top:auto;height:50px;display:flex;align-items:center;gap:3px;overflow:hidden}.share-waveform i{width:3px;flex:1;max-width:6px;background:var(--share-accent);opacity:.75;border-radius:3px}.share-footer{padding-top:12px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.17);font-size:8px;color:#fff9}.share-footer strong{color:#fff}.share-actions{margin-top:15px;display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;top:22px;left:50%;z-index:150;transform:translate(-50%);min-height:44px;max-width:min(460px,calc(100vw - 32px));padding:9px 10px 9px 14px;display:flex;align-items:center;gap:9px;border-radius:7px;background:var(--ink);color:#fff;box-shadow:var(--shadow);animation:fade-up .25s ease both;font-size:11px}.toast>svg{color:var(--lime);flex:none}.toast-error>svg{color:#ff9a89}.toast span{flex:1}.toast button{width:26px;height:26px;display:grid;place-items:center;background:transparent;color:#fff;cursor:pointer}.admin-app{min-height:100vh;display:grid;grid-template-columns:226px 1fr;background:#f2f4f1}.admin-sidebar{position:sticky;top:0;height:100vh;padding:20px 14px;display:flex;flex-direction:column;background:var(--ink);color:#fff;z-index:60}.admin-brand{min-height:50px;padding:0 7px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand>div:nth-child(2){display:flex;flex-direction:column}.admin-brand strong{font-size:14px}.admin-brand small{color:#ffffff73;font:8px DM Mono,monospace}.admin-brand>button{display:none;margin-left:auto;width:32px;height:32px;background:transparent;color:#fff}.admin-sidebar nav{margin-top:20px;display:grid;gap:3px}.admin-sidebar nav button{position:relative;height:42px;padding:0 12px;display:flex;align-items:center;gap:10px;border-radius:6px;background:transparent;color:#ffffff8c;cursor:pointer;text-align:left;font-size:12px}.admin-sidebar nav button:hover{background:#ffffff0f;color:#fff}.admin-sidebar nav button.active{background:#d9ff571c;color:var(--lime)}.admin-sidebar nav button i{position:absolute;right:0;width:3px;height:18px;border-radius:3px 0 0 3px;background:var(--lime)}.sidebar-bottom{margin-top:auto;display:grid;gap:4px}.admin-profile{margin-bottom:10px;padding:13px 8px;display:flex;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.admin-profile>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);font-size:11px;font-weight:700}.admin-profile div{min-width:0;display:flex;flex-direction:column}.admin-profile strong{font-size:10px;overflow:hidden;text-overflow:ellipsis}.admin-profile small{color:#fff6;font-size:8px}.sidebar-bottom>button,.sidebar-bottom>a{height:36px;padding:0 9px;display:flex;align-items:center;gap:8px;background:transparent;color:#ffffff80;border-radius:5px;cursor:pointer;font-size:10px}.sidebar-bottom>button:hover,.sidebar-bottom>a:hover{color:#fff;background:#ffffff0d}.admin-main{min-width:0}.admin-topbar{height:62px;padding:0 28px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:40}.admin-topbar>div:first-of-type{display:flex;gap:7px;font-size:11px}.admin-topbar>div:first-of-type span{color:var(--muted)}.topbar-health{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.topbar-health i{width:7px;height:7px;border-radius:50%;background:#3dcc84}.sidebar-trigger{display:none;width:34px;height:34px;margin-right:9px;background:transparent}.admin-content{max-width:1440px;margin:0 auto;padding:30px 32px 60px}.admin-page-title{margin-bottom:24px;display:flex;align-items:flex-end;justify-content:space-between}.admin-page-title h1{margin:4px 0 0;font-size:29px;line-height:1.2}.admin-section{padding:22px;border:1px solid var(--line);border-radius:7px;background:#fff}.admin-section-heading{margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-section-heading h2{margin:4px 0 0;font-size:15px}.admin-section-heading h2 small{color:var(--muted);font-size:10px;font-weight:400}.admin-section-heading p{margin:5px 0 0;color:var(--muted);font-size:9px}.admin-alert{min-height:64px;margin-bottom:16px;padding:12px 15px;display:flex;align-items:center;gap:11px;border:1px solid #efc66c;border-radius:7px;background:#fff8e8}.admin-alert>svg{color:#b47700;flex:none}.admin-alert div{flex:1}.admin-alert strong{font-size:11px}.admin-alert p{margin:2px 0 0;color:#806935;font-size:9px}.admin-alert button{display:flex;align-items:center;gap:3px;background:transparent;color:#8c5c00;font-size:10px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-block{min-height:142px;padding:17px;position:relative;border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden}.stat-block>div{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.stat-block>strong{display:block;margin-top:25px;font:500 28px DM Mono,monospace}.stat-block>strong small{margin-left:5px;color:var(--muted);font:9px Noto Sans SC,sans-serif}.stat-block>i{position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--line)}.stat-block.tone-lime>i{background:var(--lime)}.stat-block.tone-blue>i{background:var(--blue)}.stat-block.tone-coral>i{background:var(--coral)}.stat-block.tone-ink>i{background:var(--ink)}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}.usage-bars{display:grid;gap:17px}.usage-bars>div{display:grid;grid-template-columns:72px 1fr 28px 22px;align-items:center;gap:9px}.usage-bars span{font-size:9px}.usage-bars>div>i{height:7px;border-radius:4px;background:#edf0ed;overflow:hidden}.usage-bars b{display:block;height:100%;min-width:5px;border-radius:inherit;background:var(--ink)}.usage-bars>div:nth-child(2) b{background:var(--coral)}.usage-bars>div:nth-child(3) b{background:var(--blue)}.usage-bars strong{font:9px DM Mono,monospace;text-align:right}.usage-bars small{color:var(--muted-2);font:8px DM Mono,monospace}.status-list{display:grid}.status-list>div{height:39px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:9px}.status-list>div:last-child{border-bottom:0}.status-list span{display:flex;align-items:center;gap:7px;color:var(--muted)}.status-list i{width:7px;height:7px;border-radius:50%}.status-ok{background:#3dcc84}.status-warn{background:#f4a62b}.status-list strong{font-size:9px}.recent-table{padding-bottom:10px}.admin-login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(400px,46%) 1fr;background:var(--surface);position:relative}.admin-back{position:absolute;left:28px;top:24px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;z-index:2}.admin-login-panel{width:min(410px,100%);margin:auto;padding:70px 42px}.admin-login-brand{display:flex;align-items:center;gap:9px;margin-bottom:55px;font-size:13px;font-weight:700}.admin-login-panel h1{margin:11px 0 13px;font-size:40px;line-height:1.12}.admin-login-panel>p{margin:0 0 28px;color:var(--muted);font-size:11px}.admin-login-panel form{display:grid;gap:13px}.admin-login-visual{min-height:100vh;padding:36px;display:flex;flex-direction:column;background:var(--ink);color:#fff;overflow:hidden}.frequency-label{display:flex;justify-content:space-between;color:#ffffff8c;font:10px DM Mono,monospace}.frequency-label strong{color:var(--lime)}.frequency-lines{flex:1;display:flex;align-items:center;gap:5px}.frequency-lines i{flex:1;max-width:10px;min-width:2px;border-radius:6px;background:var(--lime);animation:equalize 2.4s ease-in-out infinite;transform-origin:center}.frequency-lines i:nth-child(3n){background:var(--blue);animation-delay:-.8s}.frequency-lines i:nth-child(5n){background:var(--coral);animation-delay:-1.4s}.admin-login-visual p{max-width:420px;margin:0;color:#ffffffb3;font-size:24px;line-height:1.45}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:start}.settings-nav{position:sticky;top:86px;display:grid;gap:3px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff}.settings-nav button{height:39px;padding:0 9px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;background:transparent;border-radius:5px;color:var(--muted);font-size:10px;cursor:pointer;text-align:left}.settings-nav button:hover{background:#f2f4f1}.settings-nav button.active{background:var(--ink);color:#fff}.settings-form{min-width:0;padding:27px}.settings-heading{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.settings-heading h2{margin:5px 0 7px;font-size:19px}.settings-heading p{margin:0;max-width:650px;color:var(--muted);font-size:10px;line-height:1.65}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-field{min-width:0;display:grid;align-content:start;gap:7px;font-size:10px;font-weight:600}.admin-field>span{display:flex;justify-content:space-between;gap:10px}.admin-field small{color:var(--muted);font-size:8px;font-weight:400}.admin-field.full{grid-column:1 / -1}.admin-field input,.admin-field textarea,.record-filters select{width:100%;border:1px solid var(--line-dark);border-radius:6px;background:#fff;outline:none}.admin-field input{height:40px;padding:0 11px}.admin-field input[type=color]{padding:4px}.admin-field textarea{min-height:82px;padding:10px 11px;resize:vertical;line-height:1.6}.admin-field input:focus,.admin-field textarea:focus,.record-filters select:focus{border-color:var(--ink)}.admin-switch{min-height:58px;padding:10px 0;border-bottom:1px solid var(--line)}.admin-switch>span{display:flex;flex-direction:column;gap:3px}.admin-switch strong{font-size:10px}.admin-switch small{color:var(--muted);font-size:8px;font-weight:400}.admin-switch i{width:40px;height:22px;flex:none}.admin-switch i:before{width:18px;height:18px}.admin-switch input:checked+i:before{transform:translate(18px)}.switch-stack{display:grid;margin-bottom:16px}.api-note{margin:18px 0;padding:14px;display:flex;gap:10px;border:1px solid #bfdae9;border-radius:6px;background:#f1f8fc}.api-note svg{flex:none;color:#28769f}.api-note strong{font-size:10px}.api-note p{margin:3px 0 0;color:var(--muted);font-size:8px;line-height:1.6}.numeric-grid{margin-top:18px}.popup-config,.share-config-layout{display:grid;grid-template-columns:220px 1fr;gap:22px;margin-top:20px}.qr-upload-preview{aspect-ratio:1;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed var(--line-dark);border-radius:7px;background:#f7f8f6;color:var(--muted)}.qr-upload-preview img{width:100%;height:100%;object-fit:contain}.qr-upload-preview label{min-height:31px;padding:0 9px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font-size:9px;cursor:pointer}.qr-upload-preview input{display:none}.share-admin-preview{aspect-ratio:.78;padding:18px;display:flex;flex-direction:column;border-radius:7px;color:#fff}.share-admin-preview>span{font-size:9px;font-weight:700}.share-admin-preview>small{margin-top:24px;color:var(--share-accent);font:8px DM Mono,monospace}.share-admin-preview h3{margin:9px 0;font-size:20px;line-height:1.25}.share-admin-preview p{margin:0;color:#ffffffa6;font-size:8px;line-height:1.7}.share-admin-preview>div{margin-top:auto;height:40px;display:flex;align-items:center;gap:2px}.share-admin-preview i{flex:1;background:var(--share-accent);opacity:.8}.share-admin-preview footer{padding-top:8px;border-top:1px solid rgba(255,255,255,.2);font-size:7px}.settings-savebar{position:sticky;bottom:0;margin:28px -27px -27px;padding:13px 27px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-savebar span{color:var(--muted);font-size:8px}.codes-layout{display:grid;gap:16px}.code-generator .form-grid{grid-template-columns:repeat(3,1fr)}.full-button{grid-column:1 / -1;height:44px}.codes-table-section{padding-bottom:8px}.table-tools,.record-filters{display:flex;gap:7px}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:9px}.data-table th{height:34px;padding:0 10px;text-align:left;color:var(--muted);background:#f5f7f4;border-bottom:1px solid var(--line);font-weight:500;white-space:nowrap}.data-table td{height:48px;padding:7px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table td>strong{display:block;font-size:9px}.data-table td>small{display:block;color:var(--muted);font-size:8px}.copy-code{display:flex;align-items:center;gap:6px;background:transparent;font:9px DM Mono,monospace;cursor:pointer}.status-badge{min-height:24px;padding:0 8px;display:inline-flex;align-items:center;border-radius:12px;background:#ecefed;color:var(--muted);font-size:8px;cursor:pointer}.status-badge.active{background:#e4f8ec;color:var(--green)}.status-badge.failed{background:#fff0ed;color:var(--red)}.records-table .record-text{max-width:300px;overflow:hidden;text-overflow:ellipsis}.records-table audio{width:180px;height:28px}.record-filters select{width:auto;height:34px;padding:0 26px 0 8px;font-size:9px}.user-list{display:grid}.user-list article{min-height:62px;padding:10px 0;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.user-list article:last-child{border-bottom:0}.user-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#eef0ed}.user-list article>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.user-list strong{font-size:10px}.user-list small{color:var(--muted);font-size:8px}.security-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px;align-items:start}.security-form{display:grid;gap:13px}.audit-list{max-height:450px;overflow:auto}.audit-list>div{min-height:45px;display:grid;grid-template-columns:13px 1fr;align-items:center;gap:7px;border-bottom:1px solid var(--line)}.audit-list i{width:7px;height:7px;border-radius:50%;background:var(--lime-dark)}.audit-list span{display:flex;flex-direction:column;gap:2px}.audit-list strong{font:9px DM Mono,monospace}.audit-list small{color:var(--muted);font-size:8px}.admin-loading,.admin-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:9px}@media(max-width:1220px){.studio-shell{grid-template-columns:210px minmax(400px,1fr) 310px}.mode-rail{padding-left:12px;padding-right:12px}.mode-tab{grid-template-columns:25px 30px 1fr;gap:5px}.voice-grid{grid-template-columns:1fr}.composer{padding-left:30px;padding-right:30px}.result-player{grid-template-columns:1fr 1fr auto}.result-wave{display:none}}@media(max-width:980px){.site-header{grid-template-columns:1fr auto;padding:0 18px}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;padding:10px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.site-header nav.open{display:grid}.site-header nav button,.site-header nav a{justify-content:flex-start}.mobile-menu-button{display:grid;place-items:center}.studio-shell{display:block;border:0}.mode-rail{padding:14px 18px;border:0;border-bottom:1px solid var(--line)}.rail-heading,.rail-status{display:none}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.mode-tab{min-height:68px;grid-template-columns:28px 1fr;padding:9px}.mode-index,.mode-copy small{display:none}.mode-icon{grid-row:1}.mode-copy{grid-column:2}.active-line{left:10px;right:10px;top:auto;bottom:0;width:auto;height:3px}.composer{padding:32px 26px 120px}.inspector{position:static;max-height:none;padding:25px 26px 105px;border-left:0;border-top:1px solid var(--line)}.voice-grid{grid-template-columns:1fr 1fr 1fr}.generate-dock{position:fixed;left:0;right:0;bottom:0;z-index:35;padding:11px 18px;display:grid;grid-template-columns:1fr minmax(260px,40%);align-items:center;gap:12px;border-top:1px solid var(--line);box-shadow:0 -8px 25px #141e1912}.generate-dock .quota-line{margin:0}.generate-dock>small{display:none}.site-footer{padding-bottom:84px}.admin-app{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow)}.admin-sidebar.open{transform:translate(0)}.admin-brand>button,.sidebar-trigger{display:grid;place-items:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow-x:auto}.settings-nav button{min-width:130px}.settings-nav button svg:last-child{display:none}}@media(max-width:720px){.announcement{padding:6px 12px;min-height:38px;text-align:center}.announcement span{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement+.site-header{top:38px}.site-header{height:60px}.site-header nav{top:60px}.brand small{display:none}.header-actions .login-button{width:36px;padding:0;justify-content:center;font-size:0}.access-pill span{display:none}.access-pill{width:36px;padding:0;justify-content:center}.mode-rail{padding:10px}.mode-tab{min-height:60px;display:flex;justify-content:center;padding:7px}.mode-icon{width:29px;height:29px}.mode-copy strong{font-size:10px}.composer{padding:26px 18px 110px}.composer-header{margin-bottom:27px}.composer-header h1{font-size:34px}.desktop-break{display:none}.composer-header .text-button{font-size:0;width:32px;height:32px;border:1px solid var(--line);border-radius:6px}.text-editor-section>textarea{min-height:190px;font-size:16px}.tag-toolbar>span{display:none}.director-fields{grid-template-columns:1fr}.result-player{grid-template-columns:1fr auto}.result-player audio{grid-column:1 / -1}.inspector{padding:22px 18px 100px}.voice-grid{grid-template-columns:1fr 1fr}.generate-dock{grid-template-columns:1fr;padding:9px 12px}.generate-dock .quota-line{display:none}.site-footer{display:grid;justify-items:center;text-align:center;padding-bottom:82px}.modal-backdrop{padding:0;align-items:end}.modal-shell{width:100%;max-height:92vh;border-radius:8px 8px 0 0}.modal-header{min-height:68px;padding:15px 18px}.modal-body{padding:18px}.access-layout{grid-template-columns:1fr}.qr-panel{width:min(210px,70%);margin:0 auto}.step-list li{grid-template-columns:24px 1fr}.step-list svg{display:none}.guide-grid{grid-template-columns:1fr}.share-card{min-height:280px;padding:20px}.share-card h3{margin-top:26px;font-size:22px}.share-actions{display:grid;grid-template-columns:1fr 1fr}.share-actions .primary-button{grid-column:1 / -1}.history-row{grid-template-columns:34px 1fr}.history-actions{grid-column:2}.history-main audio{width:100%}.admin-login-screen{display:block;padding:80px 20px 30px}.admin-login-panel{padding:25px 10px}.admin-login-brand{margin-bottom:38px}.admin-login-panel h1{font-size:34px}.admin-login-visual{display:none}.admin-topbar{height:56px;padding:0 14px}.topbar-health{display:none}.admin-content{padding:22px 14px 50px}.admin-page-title h1{font-size:24px}.stats-grid{gap:8px}.stat-block{min-height:116px;padding:13px}.stat-block>strong{margin-top:20px;font-size:23px}.dashboard-grid{grid-template-columns:1fr}.settings-form,.admin-section{padding:16px}.settings-form{overflow:hidden}.form-grid,.code-generator .form-grid{grid-template-columns:1fr}.admin-field.full,.full-button{grid-column:auto}.popup-config,.share-config-layout{grid-template-columns:1fr}.qr-upload-preview{width:min(220px,100%)}.share-admin-preview{width:min(260px,100%)}.settings-savebar{margin:25px -16px -16px;padding:11px 16px}.settings-savebar span{display:none}.security-grid{grid-template-columns:1fr}.admin-section-heading{display:grid}.record-filters{flex-wrap:wrap}.records-table .record-text{max-width:180px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}