body{padding-top:48px}.preview-bar{position:fixed;inset:0 0 auto;min-height:48px;z-index:20;background:#e6eddb;color:#3b5949;border-bottom:1px solid #cfd9c4;display:flex;align-items:center;justify-content:space-between;padding:9px 24px;gap:10px;font-size:11px}.preview-bar>div{display:flex;align-items:center;gap:12px}.preview-dot{width:7px;height:7px;background:#5d8c51;border-radius:50%}.preview-controls select,.preview-controls button{border:1px solid #c7d4bc;background:#f9fbf5;border-radius:5px;padding:5px 8px;font-size:11px;color:#3a5a43}.sidebar{top:48px}.layout{min-height:calc(100vh - 48px)}.details-button{background:transparent;color:#758572;font-size:19px;margin-left:auto;border-radius:5px;padding:0 7px;align-self:flex-start}.details-button:hover{background:#eff3e9}.export-note{font-size:10px;color:#87937e;padding:0 0 14px;display:flex;gap:8px}.export-note span{border:1px solid #e5eadd;border-radius:4px;padding:3px 6px}.manager-original-tools{display:flex;gap:8px;align-items:center}.detail-intro{display:flex;gap:17px;align-items:center;background:#f2f6ed;padding:17px;border-radius:9px;margin-bottom:23px}.detail-intro p{font-size:12px;line-height:1.6;color:#6b7f60;margin:4px 0 0}.detail-intro .voice-avatar{width:58px;height:58px}.language-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e7edde}.language-row:last-child{border-bottom:0}.language-row .lang-title{flex:1}.language-row strong{font-size:13px}.language-row small{display:block;color:#88987e;font-size:10px;margin-top:4px}.row-icon{background:#f0f4eb;color:#66815a;border-radius:5px;padding:8px;display:flex}.row-icon.danger{background:transparent;color:#a7776b}.row-icon:hover{background:#e5eddf}.danger-zone{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #eadfd8;margin-top:26px;padding-top:22px}.danger-zone p{margin:0;font-size:11px;color:#9a897b;line-height:1.6;max-width:320px}.delete-summary{border:1px solid #e8dcd3;border-radius:8px;background:#fbf6f0;padding:18px;margin-bottom:20px}.delete-summary strong{display:block;margin-bottom:8px}.delete-summary p{font-size:12px;line-height:1.8;color:#8b6d60;margin:0}.btn.destructive{background:#a55f4f;color:white}.detail-headline{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.detail-headline h3{margin:0}.original-player{display:flex;gap:8px;align-items:center;margin-top:8px}.demo-audio-note{font-size:10px;color:#8b947c;margin:12px 0 0}.demo-welcome{border-radius:9px;background:#ecf3e4;padding:17px 20px;margin-bottom:24px;font-size:12px;color:#5f7852;line-height:1.7}.demo-login-note{font-size:12px;color:#6b855d;background:#eff5e7;padding:12px;border-radius:6px;margin-top:20px}.no-languages{padding:24px;text-align:center;background:#f5f8f1;border-radius:8px;font-size:12px;line-height:1.7;color:#789069}.footer-note{font-size:11px}.search-originals{margin-bottom:20px;width:100%}.original-row .details h3 .status{margin-left:8px}.btn.small,.language-chip,.meta{font-size:12px}.card-actions{flex-wrap:wrap}.card-actions .btn{flex:1}audio{max-width:100%}@media(max-width:800px){.preview-bar{position:sticky;top:0;padding:10px 14px;flex-wrap:wrap}body{padding-top:0}.preview-note{display:none}.preview-controls label{display:none}.sidebar{top:0}.layout{min-height:calc(100vh - 135px)}.manager-original-tools{width:100%;justify-content:flex-end}.danger-zone{align-items:start;flex-direction:column}.language-row{flex-wrap:wrap}.preview-bar>div{gap:7px}.btn.small{font-size:11px}}
/* Shared controls */
.preview-controls #theme-toggle{display:flex;gap:6px;align-items:center;padding:5px 9px;min-width:100px;justify-content:center}.flag{width:22px;height:16px;object-fit:cover;display:inline-block;flex:0 0 22px;border-radius:2px;box-shadow:0 0 0 1px #00000012;vertical-align:middle}.language-tag{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px}.language-picker{position:relative;min-width:180px;max-width:100%;color:var(--ink)}.language-picker summary{list-style:none;min-height:43px;border:1px solid #dce3d8;border-radius:6px;background:#fff;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;cursor:pointer;user-select:none}.language-picker summary::-webkit-details-marker{display:none}.language-picker[open] summary{border-color:#5b8b73;outline:2px solid #deebdf}.language-picker .chevron{font-size:16px;line-height:10px;color:#819180}.language-picker[open] .chevron{transform:rotate(180deg)}.language-picker.compact{min-width:0}.language-picker.compact summary{min-height:34px;padding:7px 9px;background:#f3f6f0;border:0}.language-picker.compact .language-tag{font-size:11px}.picker-popup{position:absolute;z-index:40;top:calc(100% + 6px);left:0;width:290px;max-width:calc(100vw - 65px);background:#fff;border:1px solid #dce5d8;border-radius:9px;box-shadow:0 15px 40px #14372925;padding:9px}.voice-card .picker-popup{left:auto;right:0}.picker-search{width:100%;border:1px solid #dce5d8;border-radius:6px;background:#f6f8f3;padding:10px 11px;font-size:12px;color:#2d483a}.picker-options{max-height:235px;overflow:auto;padding-top:6px}.picker-options button{display:flex;align-items:center;gap:10px;width:100%;border-radius:5px;background:transparent;text-align:left;padding:9px 8px;color:#344d40;font-size:13px}.picker-options button[hidden]{display:none}.picker-options button:hover,.picker-options button:focus{background:#edf3e7}.picker-options button[aria-selected=true]{background:#e6efdf;color:#245d47}.picker-options small{display:block;font-size:10px;margin-top:3px;color:#8b9887}.picker-options .icon{margin-left:auto;width:15px}.picker-empty{font-size:12px;text-align:center;padding:15px;color:var(--muted)}.field>.language-picker{width:100%}.field>.language-picker .picker-popup{width:100%}.filter-panel{margin-bottom:24px}.filter-panel>.filters{margin-bottom:13px;flex-wrap:wrap}.filters .count{margin-left:auto}.date-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:13px}.filter-caption{font-size:11px;color:#7d8b7e;min-width:105px}.date-controls .filter-select{min-height:35px;padding:7px 10px;font-size:11px;width:150px}.date-field{display:flex;align-items:center;gap:7px;font-size:11px;color:#7d8b7e}.date-field input{border:1px solid #dce3d8;border-radius:5px;padding:7px 8px;background:white;color:#355341;min-height:35px;font-size:11px;width:131px}.date-controls .filter-reset{margin-left:auto}.voice-card .export-note{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;font-size:10px}.export-note time{font-size:10px;color:#8b9785}.status-overview{display:flex;gap:8px;flex-wrap:wrap;margin:-5px 0 24px}.status-overview button{padding:9px 12px;border:1px solid #e0e7da;border-radius:6px;font-size:12px;color:#7b8976;background:#fff}.status-overview button b{font-size:11px;margin-left:7px;font-weight:500}.status-overview button.selected{border-color:#bbd0ae;background:#eaf2e2;color:#3f6546}.original-filters>.search{flex:1;min-width:180px}.original-filters>.filter-select{width:175px}.original-filters>.language-picker{min-width:170px;flex:1}.results-line{display:flex;justify-content:space-between;font-size:11px;color:#8b9983;margin-bottom:12px;padding:0 4px}.original-row .details h3{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.original-row .details h3 .status{margin:0}.original-row{padding:19px 22px}.original-languages{display:flex;flex-wrap:wrap;margin-top:5px}.original-languages .language-tag{font-size:11px}.original-languages .flag{width:17px;height:12px;flex-basis:17px}.original-actions{display:flex;flex-direction:column;align-items:flex-end;gap:11px}.original-actions time{font-size:11px;color:#8d9985}.stage-ready{background:#e7f1e4;color:#507e4e}.stage-uploaded{background:#eaf0f2;color:#648192}.stage-queued{background:#eeeaf6;color:#8074a0}.stage-generating{background:#e8eff7;color:#5d80a9}.stage-failed{background:#fae9e3;color:#aa6652}.stage-review{background:#f6f0dc;color:#8d783e}.pending-language{margin-bottom:20px}.detail-intro .btn{margin-top:9px}.language-row .lang-title strong{font-weight:500}.quota-source{display:grid;gap:4px}.quota-source>span{font-size:9px;color:#82917c}.quota-source select{max-width:125px;background:transparent;border:0;color:#45664f;font-size:11px;padding:0}.quota{gap:20px}.quota-track{width:95px}.section-title{display:flex;align-items:start;justify-content:space-between;gap:20px}.section-title h3{margin:0 0 8px}.section-title .btn{margin:0}.account-settings>h3{margin:0 0 10px}.account-card{margin-top:18px;padding:19px;border:1px solid #e0e8d9;border-radius:8px;background:#fafcf7}.account-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-title h3{margin:0;font-size:14px}.account-title .btn{margin:0}.account-metrics{margin:7px 0 10px!important;font-size:11px!important}.key-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e6ecdf}.key-row>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.key-row strong{font-size:12px;font-weight:500}.key-row code{font-size:11px;color:#8f9b88}.key-row .btn{margin:0}.key-row .icon{width:16px;height:16px}.account-card>.btn{margin-top:13px}.compact-notice{margin:20px 0 0;font-size:11px;padding:10px 13px}.format-card,.text-card{margin-top:18px}.format-card h3{margin:0 0 13px}.format-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e2e9dc;font-size:12px}.format-row strong{font-weight:500}.format-row span{color:#7c8c72;text-align:right}.format-card p{margin-top:15px}.spaced{margin-top:18px!important}.modal-head .subtle .language-tag{vertical-align:middle}.filter-panel .language-picker{flex-shrink:0}.no-languages .btn{margin-top:15px}.no-languages .language-tag{margin-top:9px}.voice-card:has(.language-picker[open]){z-index:12;transform:none}.voice-card{position:relative}.date-controls input:focus{outline:2px solid #b9d7b1}.key-form{margin-top:20px}
/* Dark theme: preserve the green identity and readable hierarchy. */
:root[data-theme=dark]{color-scheme:dark;background:#121918;color:#e1e6e1;--ink:#dae4db;--muted:#97a49b;--accent:#87a999;--line:#2f3a35;--paper:#1c2622;--soft:#29362f}
[data-theme=dark] body{background:#121918;color:#dee6de}[data-theme=dark] .preview-bar{background:#24322b;border-color:#39473b;color:#bdc8bb}[data-theme=dark] .preview-controls select,[data-theme=dark] .preview-controls button{background:#17211b;border-color:#465443;color:#c5d1c0}[data-theme=dark] .sidebar{background:#172724;color:#e0e7dd}[data-theme=dark] .nav button.active{background:#3c4d3f;color:#e5ebe0}[data-theme=dark] .nav button:hover{background:#2c4037}[data-theme=dark] .topbar{background:#18201d}[data-theme=dark] .breadcrumb,[data-theme=dark] .breadcrumb strong{color:#a1aea2}[data-theme=dark] .quota-label,[data-theme=dark] .quota-source>span{color:#95a393}[data-theme=dark] .quota-number{color:#dfe7da}[data-theme=dark] .quota-source select{color:#bbc9b7}[data-theme=dark] option{background:#1e2923;color:#dde6d8}[data-theme=dark] .quota-track,[data-theme=dark] .quota-track::-webkit-progress-bar{background:#334136}[data-theme=dark] .quota-track::-webkit-progress-value{background:#89a07c}[data-theme=dark] .subtle,[data-theme=dark] .meta,[data-theme=dark] .eyebrow,[data-theme=dark] .count,[data-theme=dark] .filter-caption,[data-theme=dark] .date-field,[data-theme=dark] .results-line,[data-theme=dark] .original-actions time,[data-theme=dark] .export-note time{color:#99a594}[data-theme=dark] .voice-card,[data-theme=dark] .original-row,[data-theme=dark] .job-row,[data-theme=dark] .setting-card{background:#1c2722;border-color:#323e36}[data-theme=dark] .voice-card:hover{box-shadow:0 10px 30px #0002}[data-theme=dark] .voice-avatar{background:#354030;color:#c1cbb5}[data-theme=dark] .voice-card:nth-child(3n+2) .voice-avatar{background:#2c4144;color:#b4cdd2}[data-theme=dark] .voice-card:nth-child(3n+3) .voice-avatar{background:#463d2e;color:#d9c29f}[data-theme=dark] .card-language{color:#9da897;border-color:#2f3930}[data-theme=dark] .audio-dots span{background:#626e5a}[data-theme=dark] .voice-card.playing .audio-dots span{background:#a4b892}[data-theme=dark] .btn{background:#456e5f;color:#eff5eb}[data-theme=dark] .btn:hover{background:#537d6b}[data-theme=dark] .btn.secondary{background:#25332b;color:#c2cfbb;border-color:#445241}[data-theme=dark] .btn.secondary:hover{background:#334236}[data-theme=dark] .btn.ghost{background:transparent;color:#a8b7a0}[data-theme=dark] .btn.danger{background:#452e28;color:#e5b3a2}[data-theme=dark] .btn.destructive{background:#a45f4d;color:#fff}[data-theme=dark] .tabs button{color:#909a87}[data-theme=dark] .tabs button.selected{color:#bdcdb0}[data-theme=dark] .tabs button.selected:after{background:#9eb18f}[data-theme=dark] .pill{background:#323f33;color:#b5c1a8}[data-theme=dark] .field{color:#b7c4ad}[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea,[data-theme=dark] .filter-select,[data-theme=dark] .search,[data-theme=dark] .date-field input,[data-theme=dark] .language-picker summary{background:#1a231e;color:#cad6c1;border-color:#3e4b3b}[data-theme=dark] .field input:focus,[data-theme=dark] .field select:focus,[data-theme=dark] .field textarea:focus,[data-theme=dark] .filter-select:focus,[data-theme=dark] .search:focus,[data-theme=dark] .date-controls input:focus{outline-color:#66795a;border-color:#93a582}[data-theme=dark] .language-picker[open] summary{outline-color:#66795a;border-color:#93a582}[data-theme=dark] .language-picker.compact summary{background:#2a382d}[data-theme=dark] .picker-popup{background:#202a23;border-color:#4a5942;box-shadow:0 15px 40px #0008}[data-theme=dark] .picker-search{background:#151d18;color:#cbd6c2;border-color:#46553e}[data-theme=dark] .picker-options button{color:#c5d2bb}[data-theme=dark] .picker-options button:hover,[data-theme=dark] .picker-options button:focus{background:#354335}[data-theme=dark] .picker-options button[aria-selected=true]{background:#3e4f3b;color:#edf1e4}[data-theme=dark] .picker-options small{color:#929f86}[data-theme=dark] .details-button{color:#a8b49b}[data-theme=dark] .details-button:hover{background:#384434}[data-theme=dark] .export-note span{border-color:#424c3c;color:#adb99f}[data-theme=dark] .filter-reset{color:#b1bda3}[data-theme=dark] .status-overview button{background:#1f2a23;color:#a7b49a;border-color:#3e4a37}[data-theme=dark] .status-overview button.selected{background:#384632;color:#d0dcc0;border-color:#677558}[data-theme=dark] .language-chip{background:#2f3b2e;color:#becbaf}[data-theme=dark] .status{background:#4a4329;color:#e0cd8b}[data-theme=dark] .stage-ready,[data-theme=dark] .status.ready{background:#344131;color:#bacdaa}[data-theme=dark] .stage-uploaded{background:#2d4044;color:#b0d3dc}[data-theme=dark] .stage-queued{background:#3c334a;color:#c8b8e0}[data-theme=dark] .stage-generating{background:#2e3e54;color:#a8c2e1}[data-theme=dark] .stage-failed{background:#4c3029;color:#e2ae9c}[data-theme=dark] .notice{background:#2c382a;color:#bdcaad;border-color:#45523e}[data-theme=dark] .notice.warning{background:#433e26;color:#d8c58e;border-color:#5c5130}[data-theme=dark] .empty,[data-theme=dark] .no-languages{background:#1d2821;color:#afbca0;border-color:#43503d}[data-theme=dark] .empty p{color:#a3ae97}[data-theme=dark] .empty .empty-icon{background:#344231;color:#c0cfaf}[data-theme=dark] dialog{background:#1d2721;color:#d4dfcb;border-color:#46563d;box-shadow:0 24px 90px #0008}[data-theme=dark] dialog::backdrop{background:#050a08aa}[data-theme=dark] .modal-head{border-color:#374433}[data-theme=dark] .close{background:#364432;color:#d2dec8}[data-theme=dark] .detail-intro,[data-theme=dark] .secret,[data-theme=dark] .demo-login-note{background:#2d3a2a;color:#c2ceb4;border-color:#43533b}[data-theme=dark] .detail-intro p,[data-theme=dark] .form-hint,[data-theme=dark] .demo-audio-note,[data-theme=dark] .login-note,[data-theme=dark] .footer-note{color:#a0ae93}[data-theme=dark] .language-row,[data-theme=dark] .sample-option{border-color:#3e4b38}[data-theme=dark] .language-row small{color:#9ca88d}[data-theme=dark] .row-icon{background:#2f3d2d;color:#bcc9ad}[data-theme=dark] .row-icon.danger{background:transparent;color:#d69c88}[data-theme=dark] .danger-zone{border-color:#4a3a2d}[data-theme=dark] .danger-zone p{color:#baa88f}[data-theme=dark] .delete-summary{background:#352a20;border-color:#5a4433}[data-theme=dark] .delete-summary p{color:#d2b49a}[data-theme=dark] .dropfield{background:#253123;border-color:#516047}[data-theme=dark] .dropfield input{background:transparent}[data-theme=dark] .dropfield small{color:#a0ac93}[data-theme=dark] .checks{color:#c2cfb3}[data-theme=dark] .account-card{background:#19241e;border-color:#384733}[data-theme=dark] .account-card .key-row,[data-theme=dark] .format-row{border-color:#374431}[data-theme=dark] .setting-card p,[data-theme=dark] .format-row span{color:#a4b097}[data-theme=dark] .key-row code{color:#99a68b}[data-theme=dark] .form-error{color:#e8ad98}[data-theme=dark] .login-form-wrap{background:#18211c}[data-theme=dark] .login-art{background:#162722}[data-theme=dark] #toast{background:#496145;color:#f0f3e9}[data-theme=dark] #toast.bad{background:#8c5140}
@media(max-width:1150px){.topbar{gap:15px}.quota{gap:15px}.quota-track{width:80px}.date-controls .filter-reset{margin-left:0}.original-filters>.search{min-width:100%;}.original-filters>.filter-select{flex:1}.filter-caption{min-width:100%}.filters .language-picker{flex:1}.date-controls .sort{margin-left:auto}.section-title{flex-wrap:wrap}}
@media(max-width:800px){.preview-controls #theme-toggle{min-width:30px}.preview-controls #theme-toggle span{display:none}.preview-bar{min-height:49px}.preview-bar>div{gap:7px}.preview-bar strong{font-size:11px}.preview-controls select{max-width:100px}.topbar{height:auto;min-height:78px;padding-top:12px;padding-bottom:12px}.quota{justify-content:flex-end;width:100%;gap:16px}.quota-source{margin-right:auto}.quota-track{width:75px}.quota-number{font-size:12px}.filter-panel .filters{gap:8px}.filters .language-picker{min-width:160px}.original-filters>.filter-select{width:calc(50% - 5px);font-size:12px}.original-filters>.language-picker{min-width:100%}.date-controls{gap:8px}.date-controls .period{width:140px}.date-controls .sort{margin-left:0;width:130px}.date-field input{width:125px}.original-row{padding:17px;gap:12px}.original-actions{flex-direction:row;justify-content:flex-end;width:100%;align-items:center}.original-actions time{margin-right:auto}.results-line span:last-child{display:none}.status-overview{gap:6px}.status-overview button{font-size:11px;padding:8px 10px}.key-row{align-items:start;flex-direction:column}.format-row{flex-direction:column;gap:7px}.format-row span{text-align:left}.section-title .btn{font-size:12px}.heading .btn{font-size:12px}.picker-popup{width:280px}.voice-card .picker-popup{max-width:calc(100vw - 90px)}.account-title{align-items:start;flex-wrap:wrap}.account-card{padding:14px}.quota-source select{max-width:110px}.filter-caption{min-width:100%}}
@media(max-width:510px){.preview-bar{padding:9px 11px;gap:7px}.preview-bar strong{font-size:10px}.preview-controls #demo-reset{font-size:10px;padding:5px}.preview-bar>div{gap:5px}.preview-controls select{max-width:88px;font-size:10px}.preview-dot{display:none}.status-overview button{flex:1;white-space:nowrap}.status-overview button:first-child{flex:0}.date-field{gap:5px}.date-field input{width:120px}.date-controls .period{width:100%}.quota{gap:11px}.quota-source select{max-width:99px}.quota-track{width:66px}.quota-number span{font-size:10px}.quota-source>span{font-size:9px}.filter-panel .filters>.filter-select{width:calc(50% - 4px)}.filters>.language-picker{min-width:100%;}.section-title .btn{width:100%}.preview-controls label{display:none}.date-controls .filter-reset{margin-left:auto}.setting-card{padding:20px}.original-row .details{min-width:calc(100% - 65px)}.picker-popup{max-width:calc(100vw - 88px)}}

body{padding-top:0}.sidebar{top:0}.layout{min-height:100vh}.theme-toggle{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:7px;white-space:nowrap;font-size:11px}.theme-toggle span{display:none}.login-theme{position:absolute;right:24px;top:24px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:26px;font-size:12px}.sample-option{flex-wrap:wrap;gap:12px}.sample-option audio{width:250px;max-width:100%}.topbar{gap:16px}.quota{margin-left:auto}@media(max-width:800px){.topbar{flex-wrap:wrap}.quota{order:3}.layout{min-height:100vh}}