:root{--bg:#f7f8fb;--panel:#fff;--ink:#222337;--muted:#858696;--line:#ebecf2;--accent:#7460dc;--accent-dark:#604ec5;--accent-soft:#f0edfc;--green:#289c79;--shadow:0 4px 20px #26264404;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{border:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h2{font-size:16px;font-weight:650}button:focus-visible,a:focus-visible,summary:focus-visible,label[tabindex]:focus-visible{outline:3px solid #a99be9;outline-offset:4px}.hidden{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar{position:fixed;inset:0 auto 0 0;width:216px;background:#fff;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:34px 20px 22px}.brand{display:flex;align-items:center;gap:12px;margin:0 12px 51px;font-size:26px;font-weight:750;letter-spacing:2px;line-height:1.15}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:1.5px;color:#9b96ae;margin-top:8px}.brand-mark{height:38px;width:37px;display:flex;align-items:center;gap:4px;transform:rotate(-8deg)}.brand-mark i{background:var(--accent);width:5px;border-radius:6px;height:22px}.brand-mark i:nth-child(2){height:37px}.brand-mark i:nth-child(3){height:29px}.brand-mark i:nth-child(4){height:16px}.nav-caption{color:#acaaba;font-size:11px;padding-left:16px;letter-spacing:1px;margin-bottom:12px}.nav-item{display:flex;align-items:center;gap:12px;border-radius:9px;padding:13px 14px;margin-bottom:7px;color:#777688;font-size:13px;font-weight:550;white-space:nowrap}.nav-item:hover{background:#faf9fd}.nav-item.active{background:var(--accent-soft);color:var(--accent-dark)}.nav-dot{margin-left:auto;width:5px;height:5px;background:var(--accent);border-radius:50%}.sidebar-bottom{margin-top:auto}.storage-card{padding:19px 17px;background:linear-gradient(130deg,#f6f4fd,#f9fafc);border:1px solid #f0ecf9;border-radius:12px;margin-bottom:23px}.storage-card svg{color:#9d8ad9;display:block;margin-bottom:9px}.storage-card strong{font-size:12px}.storage-card p{font-size:11px;color:#a09aae;line-height:1.85;margin-top:7px}.sidebar-foot{display:flex;align-items:center;gap:6px;color:#9896a7;font-size:10px}.sidebar-foot b{margin-left:auto;font-weight:400;color:#aaa7b8}.online-dot{width:5px;height:5px;border-radius:50%;background:#69b59c}
.app-shell{margin-left:216px}.topbar{height:75px;padding:0 40px;border-bottom:1px solid var(--line);background:#ffffffba;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{font-size:12px;color:#9b98aa}.breadcrumb span{margin:0 13px;color:#c5c2cf}.breadcrumb strong{font-weight:500;color:#656274}.top-actions{display:flex;align-items:center;gap:24px}.help-link{font-size:12px;color:#858094}.status-pill{font-size:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:6px;white-space:nowrap;color:#9e8050;background:#fbf6e9}.status-pill.ready{color:#488c72;background:#eff8f3}.status-pill::before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}main{padding:32px 40px 24px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:2.6px;font-weight:650;color:#a39bb9;margin-bottom:10px}h1{font-size:27px;line-height:1.5;letter-spacing:-.6px;font-weight:650}h1>span{color:var(--accent)}.page-heading p{font-size:12px;color:#9793a6;margin-top:7px}.provider-tag{font-size:10px;white-space:nowrap;color:#9b91b4;display:flex;align-items:center;gap:8px}.provider-tag i{height:6px;width:6px;background:#b9abdd;border-radius:50%}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:23px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.creation-panel{padding:25px}.panel-title{display:flex;align-items:center;gap:9px;margin-bottom:20px;min-height:24px}.panel-title>.subtle,.panel-title>.small-label,.panel-title>.text-link{margin-left:auto}.panel-title h2{font-size:14px}.step{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:650}.subtle{font-size:10px;color:#a19bad;font-weight:400}.small-label{font-size:9px;letter-spacing:1.8px;color:#b1aabd}.dropzone{border:1.5px dashed #dcd6ec;background:#fbfaff;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:184px;gap:10px;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:#f6f2ff}.upload-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eee9fc;color:#917bd0;margin-bottom:3px}.dropzone strong{font-size:12px;font-weight:500;color:#716580}.dropzone>span:last-child{color:#b0a8bb;font-size:10px}.dropzone b{font-weight:400}.section-divider{height:1px;background:var(--line);margin:25px 0}.video-file{overflow:hidden;border:1px solid var(--line);border-radius:10px}.video-file video{display:block;width:100%;height:205px;background:#211f2a;object-fit:contain}.file-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px}.file-caption>div{min-width:0}.file-caption strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-caption span{font-size:10px;color:var(--muted)}.text-button{padding:5px;background:none;color:var(--accent);font-size:11px;white-space:nowrap}.segmented{display:flex;gap:3px;background:#f5f4f8;border-radius:7px;padding:3px;margin-bottom:19px}.segmented button{flex:1;padding:7px 5px;border-radius:5px;font-size:11px;color:#9690a4;background:none}.segmented button.active{background:white;color:#7862bb;box-shadow:0 1px 5px #2f1f4510}.field-label,.field-top>label{display:block;font-size:11px;color:#625b71;margin-bottom:8px;font-weight:550}.field-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.text-link{color:var(--accent);font-size:11px}.text-link:hover{text-decoration:underline}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #e8e5ee;background:#fff;color:#514a61;border-radius:7px;padding:10px 12px;font-size:12px;outline:none;min-width:0;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:#aa98e3;box-shadow:0 0 0 3px #f4f0fd}input::placeholder,textarea::placeholder{color:#b6afc1}input[type=file]{padding:12px;background:#fbfaff;border-style:dashed;font-size:11px}input[type=file]::file-selector-button{border:0;background:#eeebf8;color:#8673b8;padding:7px 10px;border-radius:5px;margin-right:12px;cursor:pointer}select{padding-right:25px;height:40px}.select-with-action{display:flex;gap:9px}.select-with-action select{flex:1}.secondary-button{border:1px solid #e4dfed;background:#fff;border-radius:7px;padding:9px 14px;font-size:11px;color:#877a9f;display:inline-flex;gap:5px;align-items:center;justify-content:center;white-space:nowrap}.secondary-button svg{height:14px;width:14px}.secondary-button:hover{border-color:#bfb0e2;color:var(--accent)}.textarea-wrap{border:1px solid #e8e5ee;border-radius:9px;margin-top:15px;overflow:hidden}.textarea-wrap:focus-within{border-color:#aa98e3}.textarea-wrap textarea{display:block;resize:vertical;border:0;border-radius:0;box-shadow:none;min-height:135px;line-height:1.9;padding:13px}.textarea-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#a89fb6;padding:7px 13px 10px}.advanced{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.advanced summary{font-size:11px;color:#776c8a;cursor:pointer}.advanced summary span{float:right;color:#b0a7bd;font-size:10px}.advanced[open] summary{margin-bottom:16px}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.advanced-grid label{font-size:10px;color:#958aa4}.advanced-grid label input,.advanced-grid label select{margin-top:6px}.checkbox-row{display:flex;gap:8px;align-items:flex-start;font-size:10px;color:#958caa;line-height:1.65}.checkbox-row input{accent-color:var(--accent);flex-shrink:0;margin:2px 0 0;width:13px;height:13px}.advanced .checkbox-row{margin-top:14px}.consent{margin:20px 0 14px}.primary-button{padding:11px 20px;background:var(--accent);color:#fff;border-radius:8px;font-size:12px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 9px #7460dc13}.primary-button:hover{background:var(--accent-dark)}.primary-button svg{width:17px;height:17px}.full{width:100%}.field-help{font-size:10px;color:#a39aae;line-height:1.85;margin-top:11px}.spaced{margin-top:18px}.form-error{font-size:11px;color:#b64d64;background:#fff3f5;border:1px solid #f3d8df;border-radius:7px;padding:10px 13px;margin-top:13px;overflow-wrap:anywhere}.notice{font-size:11px;background:#faf5e9;border:1px solid #eee5d0;color:#a28a53;border-radius:9px;padding:11px 15px;margin-bottom:20px}.notice a{margin-left:9px;text-decoration:underline}.notice.hidden{display:none}.notice a:hover{color:#796130}
.output-column{display:flex;flex-direction:column;gap:20px}.output-panel{padding:23px}.empty-output{min-height:295px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#fbfaff,#f8f8fc);border:1px solid #f0edf6;border-radius:10px;position:relative;overflow:hidden}.empty-output::before{content:"";position:absolute;width:175px;height:175px;border:1px solid #eae5f750;border-radius:50%;top:29px}.empty-icon{display:grid;place-items:center;width:61px;height:61px;border:1px solid #e9e2f7;border-radius:18px;background:white;color:#b3a2d6;z-index:1;box-shadow:0 8px 25px #9c88c80a;margin-bottom:20px;transform:rotate(-5deg)}.empty-icon svg{width:27px;height:27px;transform:rotate(5deg)}.empty-output h3{font-weight:500;color:#8b7f9d;font-size:13px;z-index:1}.empty-output p{color:#b4aabd;font-size:10px;text-align:center;line-height:1.9;margin-top:8px;z-index:1}.output-note{display:flex;justify-content:center;gap:6px;margin-top:16px;color:#b2a7c0;font-size:10px}.output-note svg{width:13px;height:13px}.recent-panel{padding:22px}.history-list:empty::before{content:"还没有生成记录，开始你的第一次创作吧。";color:#b5abba;font-size:11px}.history-row{width:100%;display:flex;text-align:left;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #f1eef5;background:none;color:#766981}.history-row:first-child{border-top:0;padding-top:0}.history-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:9px;background:#f5f1fb;color:#ab98cb}.history-icon svg{height:16px;width:16px}.history-copy{min-width:0;flex:1}.history-copy strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.history-copy small{display:block;font-size:9px;color:#b9afc2;margin-top:3px}.history-badge{font-size:9px;color:#879f92;white-space:nowrap}.history-badge.failed{color:#bc8a92}.history-badge.running,.history-badge.queued{color:#a491bc}.tip-card{padding:22px 24px;position:relative;overflow:hidden;background:linear-gradient(115deg,#f2eefb,#edeffb);border:1px solid #e9e5f3;border-radius:13px}.tip-card>span{font-size:9px;letter-spacing:1px;color:#a294b8}.tip-card p{font-size:13px;line-height:1.9;color:#8b7ca0;margin-top:8px}.mini-wave{position:absolute;right:23px;bottom:22px;display:flex;align-items:center;gap:3px;opacity:.45;height:38px}.mini-wave i{width:3px;border-radius:3px;background:#afa0d0;height:var(--h,20px)}.processing{padding:33px 18px;background:#fbfaff;border-radius:10px;text-align:center}.processing strong{display:block;font-size:13px;color:#837092;margin:18px 0 8px}.processing p{font-size:10px;color:#b2a5c2}.spinner{display:inline-block;height:29px;width:29px;border:2px solid #e8dff5;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.progress-track{margin:19px 0 8px;background:#ede7f6;height:5px;overflow:hidden;border-radius:5px}.progress-track i{display:block;height:100%;background:var(--accent);transition:width .4s}.progress-value{font-size:10px;color:#a494bc}.result-heading{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;color:#628f77}.result-heading>span{display:grid;place-items:center;background:#edf6ef;width:24px;height:24px;border-radius:50%}.result-video{width:100%;max-height:360px;border-radius:9px;background:#201b29;display:block}.result-audio{width:100%;display:block;margin:17px 0}.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.result-actions a,.result-actions button{flex:1;font-size:11px}.result-summary{font-size:11px;color:#9986a9;line-height:1.85;overflow-wrap:anywhere}.audio-art{display:flex;align-items:center;justify-content:center;gap:5px;height:118px;background:linear-gradient(135deg,#f6f1fc,#f4f5fb);border-radius:10px}.audio-art i{width:4px;border-radius:6px;background:#bca8df;height:var(--h,20px);opacity:.7}.error-result{padding:23px;background:#fff7f8;border:1px solid #f3e4e7;border-radius:10px}.error-result h3{font-size:13px;color:#bd7e8e;margin-bottom:11px}.error-result p{font-size:11px;color:#a28a94;overflow-wrap:anywhere}.error-result small{display:block;color:#b69aa3;font-size:10px;margin-top:15px}.voice-workspace{margin-bottom:25px}.studio-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:-3px 0 22px}.studio-tabs button{display:flex;align-items:center;gap:5px;background:none;color:#a69bad;font-size:13px;padding:0 0 13px;border-bottom:2px solid transparent}.studio-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.studio-tabs svg{height:14px;width:14px}#ttsText{min-height:180px}.save-note{display:flex;gap:7px;align-items:flex-start;font-size:10px;color:#a699b5;line-height:1.9;margin-top:20px}.save-note svg{width:15px;height:15px;margin-top:2px}.reference-guide{padding:17px 18px;border:1px solid #eee8f5;background:#fcfaff;border-radius:9px;margin-top:16px;font-size:11px;color:#aa9bb8}.reference-guide strong{font-weight:500;color:#9783ab}.reference-guide p{font-size:10px;line-height:1.9;margin:7px 0}.reference-guide>span{font-size:10px;color:#b5a7c3}.library-panel{padding:25px}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.library-heading h2{font-size:15px;display:flex;gap:9px;align-items:center}.library-heading p{font-size:10px;color:#aa9eb7;margin-top:6px}.library-heading input{width:190px;font-size:11px}.count-badge{font-size:10px;color:#a18cb8;background:#f4f0fa;padding:2px 7px;border-radius:5px}.filter-row{display:flex;gap:8px;margin:22px 0 17px}.filter-row button{font-size:10px;border-radius:6px;background:transparent;color:#a697b2;padding:6px 12px}.filter-row button.active{background:#f1ecfb;color:var(--accent)}.voice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.voice-card{border:1px solid #eee8f3;border-radius:10px;padding:16px;transition:border-color .15s}.voice-card:hover{border-color:#cfc0e8}.voice-card-top{display:flex;gap:11px;align-items:center;margin-bottom:14px}.voice-avatar{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;background:var(--voice-bg,#f0eafb);color:var(--voice-fg,#a68abb);font-size:13px}.voice-info{min-width:0;flex:1}.voice-info strong{font-size:11px;font-weight:550;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.voice-info span{display:block;font-size:9px;color:#b0a0bb;margin-top:3px}.voice-card-actions{display:flex;align-items:center;gap:7px}.sample-button{font-size:10px;display:flex;align-items:center;gap:4px;background:#f9f7fc;color:#a18ab4;border-radius:5px;padding:5px 8px}.sample-button svg{width:11px;height:11px}.sample-button.playing{color:var(--accent);background:#f0eafa}.voice-use{font-size:10px;color:#9d82b7;background:none;margin-left:auto}.voice-export{font-size:10px;color:#9e8caf}.custom-tag{font-size:8px;background:#eef6f1;color:#91a995;border-radius:4px;padding:2px 5px}.library-note{font-size:10px;color:#bbafc5;margin-top:22px}.empty-library{grid-column:1/-1;padding:25px;text-align:center;color:#b4a5c0;font-size:12px}
.settings-grid{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.provider-panel{padding:23px}.provider-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:25px}.provider-logo{height:34px;width:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;font-weight:650;flex-shrink:0}.provider-logo.qwen{background:#efe7fc;color:#a487d3}.provider-logo.jimeng{background:#e7effb;color:#829ec6;font-size:15px}.provider-logo.tos{background:#e9f3ef;color:#8aac9b}.provider-heading h2{font-size:12px}.provider-heading p{font-size:9px;color:#b0a4bc;margin-top:3px}.provider-heading .status-pill{font-size:8px;padding:3px 6px;margin-left:auto}.provider-panel input{font-size:11px}.provider-panel .field-help{margin-top:17px}.settings-footer{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin:22px 0 28px}.settings-footer>span{font-size:10px;color:#a89ab7}.settings-footer .primary-button{flex-shrink:0}.settings-grid:disabled input{background:#faf9fc;color:#a399ad}.api-panel{padding:25px}.api-panel .panel-title{margin-bottom:0}.api-panel>.field-help{margin-bottom:15px}.api-row{display:grid;grid-template-columns:50px minmax(170px,1fr) 1fr;align-items:center;gap:15px;padding:15px 0;border-top:1px solid var(--line);font-size:11px;color:#a096af}.api-row code{color:#82728e;font-size:11px;overflow-wrap:anywhere}.method{font-size:9px;background:#f0edfa;color:#a190c1;padding:3px 7px;text-align:center;border-radius:5px;font-weight:650}.method.get{background:#edf4ef;color:#8ca894}footer{display:flex;justify-content:space-between;gap:20px;padding:16px 40px 23px;color:#b8b1c4;font-size:9px;max-width:1500px;margin:auto}footer>span:last-child{font-size:8px;letter-spacing:1px}.toast{position:fixed;left:calc(50% + 108px);bottom:30px;transform:translate(-50%,10px);background:#453955;color:white;border-radius:9px;font-size:12px;box-shadow:0 5px 25px #34214220;padding:12px 20px;opacity:0;pointer-events:none;transition:.2s;z-index:90;max-width:min(500px,85vw)}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){main{padding-top:39px}.creation-panel{padding:29px}.dropzone{min-height:205px}.page-heading{margin-bottom:32px}.workspace-grid{gap:27px}}
@media(max-width:1200px){.sidebar{width:185px;padding-left:14px;padding-right:14px}.brand{margin-left:8px}.app-shell{margin-left:185px}main{padding:27px 25px}.topbar{padding:0 25px}.workspace-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:18px}.creation-panel,.output-panel,.recent-panel{padding:20px}.panel-title>.subtle{display:none}.provider-tag{display:none}.settings-grid{grid-template-columns:1fr 1fr}.provider-panel:last-child{grid-column:1/-1}.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{left:calc(50% + 92px)}h1{font-size:24px}}
@media(max-width:950px){.sidebar{width:77px;padding:25px 12px}.brand{margin:0 auto 40px}.brand>span:last-child,.nav-caption,.nav-item:not(.active) .nav-dot,.sidebar-bottom{display:none}.nav-item{font-size:0;gap:0;padding:15px;justify-content:center}.nav-dot{display:none}.nav-item svg{width:20px;height:20px}.app-shell{margin-left:77px}.toast{left:calc(50% + 38px)}.top-actions{gap:12px}.help-link{font-size:10px}main{padding:25px 22px}.workspace-grid{grid-template-columns:minmax(0,1.25fr) minmax(240px,1fr);gap:15px}.creation-panel{padding:18px}.api-row{grid-template-columns:45px minmax(150px,1fr) 1fr;gap:10px}}
@media(max-width:760px){.sidebar{position:sticky;top:0;width:100%;height:64px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:10px 17px}.brand{margin:0 18px 0 0}.brand-mark{height:29px;width:26px;gap:3px}.brand-mark i{width:4px;height:15px}.brand-mark i:nth-child(2){height:27px}.brand-mark i:nth-child(3){height:21px}.brand-mark i:nth-child(4){height:12px}.sidebar nav{display:flex;gap:5px;flex:1;justify-content:flex-end}.nav-item{margin:0;font-size:10px;padding:9px 10px;gap:5px}.nav-item svg{width:15px;height:15px}.app-shell{margin-left:0}.topbar{height:50px;padding:0 19px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}.top-actions{gap:10px}.help-link{display:none}.status-pill{font-size:9px}main{padding:25px 17px 12px}.page-heading{gap:10px;margin-bottom:20px}h1{font-size:23px}.page-heading p{font-size:11px;line-height:1.9}.eyebrow{font-size:8px;margin-bottom:6px}.workspace-grid{grid-template-columns:1fr;gap:18px}.creation-panel{padding:21px}.output-column{gap:18px}.empty-output{min-height:220px}.empty-output::before{width:140px;height:140px;top:7px}.tip-card{display:none}.panel-title>.subtle{display:block}.settings-grid{grid-template-columns:1fr}.provider-panel:last-child{grid-column:auto}.settings-footer{align-items:stretch;flex-direction:column;gap:14px}.api-row{grid-template-columns:44px minmax(0,1fr);gap:8px}.api-row>span:last-child{grid-column:2;font-size:10px}.api-panel .panel-title{flex-wrap:wrap}.api-panel .panel-title>.text-link{margin-left:0}.library-panel{padding:20px}.library-heading{align-items:flex-start;flex-direction:column;gap:15px}.library-heading input{width:100%}.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.voice-card{padding:12px}.voice-card-top{gap:8px}.voice-avatar{height:29px;width:29px;font-size:11px}.voice-info strong{font-size:10px}.voice-info span{font-size:8px}.voice-card-actions{gap:4px}.sample-button,.voice-use,.voice-export{font-size:9px}.custom-tag{display:none}.toast{left:50%;width:max-content}.page-heading>.secondary-button{padding:8px;font-size:9px}.page-heading:has(#refreshConfig){align-items:flex-start;flex-direction:column}.notice{font-size:10px}.notice a{display:inline-block;margin-left:0}footer{padding:15px 19px;font-size:9px}footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sr-only{width:1px!important;max-width:1px!important;padding:0!important;border:0!important}
.field-label,.field-top>label,.checkbox-row,.dropzone strong,.segmented button{font-size:12px}
.field-help,.save-note,.textarea-meta,.library-note,.subtle,.empty-output p{font-size:11px;color:#81778f}
.page-heading p{color:#7d758a}.voice-info span,.history-copy small{color:#8f829c}
.panel-title h2{font-size:15px}.primary-button{font-size:13px}.dropzone>span:last-child{font-size:11px;color:#9c8cac}
.mini-wave i:nth-child(n+14){display:none}
.nav-item:not(.active) .nav-dot{display:none}
.config-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--accent);background:var(--accent-soft);padding:6px 11px;border-radius:7px;white-space:nowrap}
.config-link svg{width:15px;height:15px}.config-link:hover{background:#e7e0fa;color:var(--accent-dark)}

/* Unified creation workspace */
.storage-card{display:block}.storage-card:hover{border-color:#d5caed}
.voice-source-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:22px}
.source-choice{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;min-width:0;border:1px solid #e8e4f0;border-radius:9px;background:#fff;padding:14px 11px;color:#887b9b;transition:border-color .15s,background .15s}
.source-choice svg{width:19px;height:19px;margin-bottom:3px}
.source-choice strong{font-size:12px;font-weight:550}.source-choice small{font-size:10px;line-height:1.7;color:#91869f}
.source-choice:hover:not(:disabled){border-color:#b9a8e4}.source-choice.active{background:#f6f3ff;border-color:#9e89db;color:var(--accent-dark)}
.source-choice:disabled{opacity:.45;background:#faf9fc}
.clone-flow-note{display:flex;justify-content:flex-end;margin-top:12px}
.clone-flow-note .text-button{padding:0;margin-left:auto}
#scriptSection .textarea-wrap{margin-top:0}

/* API configuration, voice library and media preview stay in dialogs. */
body.modal-open{overflow:hidden}
.app-dialog{border:1px solid #e8e2f0;border-radius:17px;padding:0;width:calc(100% - 40px);max-width:1100px;max-height:calc(100dvh - 64px);color:var(--ink);background:var(--bg);box-shadow:0 24px 90px #24193438;overflow:hidden}
.app-dialog[open]{display:flex;flex-direction:column}
.app-dialog::backdrop{background:#241d3d66;backdrop-filter:blur(4px)}
.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 20px;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0}
.dialog-heading>div{min-width:0}.dialog-heading h2{font-size:19px;overflow-wrap:anywhere;line-height:1.6}
.dialog-heading p{font-size:12px;color:#91859e;margin-top:5px}
.close-dialog{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;background:#f3f0f8;color:#8d7a9d;font-size:23px;line-height:1;border-radius:8px}.close-dialog:hover{background:#e9e2f5;color:var(--accent-dark)}
.dialog-content{padding:26px 28px;overflow-y:auto;overscroll-behavior:contain;min-height:0}
.dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}
.settings-dialog{max-width:850px}.settings-dialog .settings-footer{margin-bottom:0}.settings-dialog .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.settings-dialog .provider-panel{padding:20px}.settings-dialog .provider-panel:last-child{grid-column:auto}
.voice-dialog{max-width:850px}.voice-dialog .voice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.preview-dialog{max-width:780px}.preview-dialog .result-video{max-height:52dvh}.preview-dialog .audio-art{height:180px}
.preview-dialog .result-actions{margin-top:22px}.preview-dialog .result-actions>*{flex:0 1 auto}
.preview-dialog .result-summary{padding:25px 0}.preview-dialog .dialog-heading h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

/* Server-backed generation library */
.generation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 17px;flex-wrap:wrap}
.generation-toolbar .filter-row{margin:0;gap:3px}.generation-toolbar .filter-row button{font-size:12px;padding:8px 12px;white-space:nowrap}
.generation-search{display:flex;gap:9px;flex:1;max-width:420px}.generation-search select{width:115px;flex-shrink:0}.generation-search input{flex:1;min-width:130px}
.list-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 2px;font-size:12px;color:#92869f}
.generation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.generation-card{overflow:hidden;transition:border-color .15s,box-shadow .15s}.generation-card:hover{border-color:#d7cbed;box-shadow:0 6px 20px #42336509}
.generation-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(125deg,#eee9f9,#f2f3fb);color:#b4a0d3}
.generation-cover::before,.generation-cover::after{content:"";position:absolute;width:210px;height:210px;border:1px solid #a991ce25;border-radius:50%;pointer-events:none}
.generation-cover::after{width:155px;height:155px}
.video-cover{background:linear-gradient(130deg,#3d344e,#665880);color:#d6c4f0}
.video-cover::before,.video-cover::after{border-color:#c9b6ec25}
.cover-type{position:absolute;left:14px;top:12px;font-size:10px;background:#ffffffaa;color:#8871a3;padding:3px 8px;border-radius:5px;z-index:1}
.video-cover .cover-type{background:#ffffff18;color:#e6dbf3}
.cover-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:50%;background:#ffffff65;z-index:1}.video-cover .cover-icon{background:#ffffff14}
.cover-icon svg{width:26px;height:26px}.cover-action{font-size:11px;margin-top:9px;z-index:1;color:#9b82b1}.video-cover .cover-action{color:#ccbcdf}
.generation-cover:hover .cover-icon{background:#fff9}.video-cover:hover .cover-icon{background:#ffffff30}
.generation-info{padding:17px 17px 18px}.generation-title{display:flex;align-items:center;gap:10px}
.generation-title h2{font-size:13px;font-weight:550;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generation-title .history-badge{font-size:10px}
.generation-info>p{font-size:10px;color:#a093ae;margin-top:5px}
.generation-actions{display:flex;align-items:center;gap:7px;margin-top:15px;flex-wrap:wrap}.generation-actions .primary-button,.generation-actions .secondary-button{font-size:11px;padding:7px 11px}.generation-actions .text-button{font-size:10px;margin-left:auto}
.empty-generations{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 25px;gap:13px;color:#9e8bad}.empty-generations>svg{width:34px;height:34px;margin-bottom:7px}.empty-generations h2{font-size:16px;font-weight:500}.empty-generations p{font-size:12px;color:#a69aaf}.empty-generations a{margin-top:10px}
.pagination{display:flex;justify-content:center;align-items:center;gap:21px;margin:28px 0 8px;font-size:11px;color:#a292b0}
@media(min-width:1600px){.output-column{position:sticky;top:24px}}
@media(max-width:1100px){.generation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generation-search{max-width:none}.source-choice{padding:12px 9px}.source-choice small{font-size:9px}}
@media(max-width:950px){.settings-dialog .settings-grid{grid-template-columns:1fr}.settings-dialog{max-width:650px}.settings-dialog .provider-heading{margin-bottom:18px}.settings-dialog .provider-panel{padding:22px}}
@media(max-width:760px){
  .app-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 28px);border-radius:13px}.dialog-heading{padding:20px;gap:12px}.dialog-heading h2{font-size:17px}.dialog-heading p{font-size:11px}.dialog-content{padding:20px}
  .voice-dialog .voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-dialog .voice-card-actions{flex-wrap:wrap}.voice-dialog .voice-use{margin-left:0}
  .page-heading{align-items:flex-start}.page-heading>a{flex-shrink:0;padding:9px 11px;font-size:10px}.page-heading>a svg{display:none}
  #page-studio .page-heading>a{display:none}.page-heading h1{font-size:22px}.source-choice{padding:12px 10px}.source-choice small{font-size:9px}
  .generation-toolbar{padding:12px;gap:10px}.generation-toolbar .filter-row{width:100%;gap:1px}.generation-toolbar .filter-row button{flex:1;padding:7px 8px;font-size:11px}.generation-search{width:100%}.generation-search select{width:104px}.generation-search input{font-size:11px}
  .generation-grid{gap:14px}.generation-info{padding:14px}.generation-actions .text-button{margin-left:0}.cover-type{left:10px;top:10px}.pagination{gap:15px}
}
@media(max-width:500px){.generation-grid{grid-template-columns:1fr}.generation-cover{aspect-ratio:1.95}.source-choice small{max-width:75px}.voice-source-choices{gap:7px}.source-choice{padding:12px 8px}.clone-flow-note{font-size:10px}.voice-dialog .voice-grid{grid-template-columns:1fr}.voice-dialog .voice-info strong{font-size:12px}.voice-dialog .voice-info span{font-size:10px}.voice-dialog .voice-card-actions>*{font-size:11px}.voice-dialog .voice-use{margin-left:auto}.preview-dialog .result-actions>*{flex:1 1 auto}}

.progress-track.indeterminate i{width:35%;animation:cloud-wait 1.8s ease-in-out infinite;transition:none}@keyframes cloud-wait{from{transform:translateX(-100%)}to{transform:translateX(300%)}}@media(prefers-reduced-motion:reduce){.progress-track.indeterminate i{animation:none;width:100%;opacity:.4}}
.workspace-grid>*{min-width:0}

.cover-media{position:absolute;inset:0;pointer-events:none;opacity:0}
.cover-media img{position:absolute;inset:0;width:100%;height:100%}
.cover-blur{object-fit:cover;filter:blur(18px) brightness(.65);transform:scale(1.12)}
.cover-frame{object-fit:contain;object-position:center}
.generation-cover.has-thumbnail{background:#292331}
.has-thumbnail .cover-media{opacity:1}
.generation-cover.has-thumbnail::before,.generation-cover.has-thumbnail::after{display:none}
.has-thumbnail .cover-type{background:#201827b8;color:#fff}
.has-thumbnail .cover-action{position:absolute;inset:auto 0 0;margin:0;padding:25px 12px 9px;background:linear-gradient(transparent,#16101fbb);color:#fff;text-shadow:0 1px 3px #0008;text-align:left}
.has-thumbnail .cover-icon{opacity:0;background:#21142d70;transition:opacity .15s}
.has-thumbnail:hover .cover-icon,.has-thumbnail:focus-visible .cover-icon{opacity:1;background:#21142d90}

.copy-workspace{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);align-items:start;gap:24px}
.copy-workspace>*{min-width:0}.copy-form,.copy-output,.copy-history-panel{padding:26px}
.copy-form .panel-title,.copy-output .panel-title,.copy-history-panel .panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}
.copy-workspace h2{font-size:15px;font-weight:600}.copy-form .small-label{font-size:10px;letter-spacing:2px;color:var(--muted)}
.copy-form textarea{line-height:1.8;min-height:0}.copy-options,.llm-field-grid{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-top:20px}
.copy-options label,.llm-field-grid label{font-size:12px;color:var(--muted)}.copy-options input,.copy-options select,.llm-field-grid input{margin-top:8px}
.copy-form .advanced{margin:22px 0}.copy-rule-list{font-size:12px;line-height:1.9;color:var(--muted);padding-left:18px;margin:18px 0 0}
.copy-form .notice{margin:18px 0}.copy-form .full{margin-top:12px}.copy-output-column{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;min-width:0}.copy-output-column>*{min-width:0}
#copyModelStatus{max-width:42%;overflow-wrap:anywhere;white-space:normal;text-align:right}
#copyOutputMeta{font-size:11px;color:var(--muted);overflow-wrap:anywhere;min-width:0;text-align:right}
.copy-output .panel-title h2{flex-shrink:0}.copy-output .empty-output{min-height:310px}
.copy-result-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px;font-size:11px;color:var(--muted)}
.copy-result-toolbar [data-copy-download]{margin-left:auto}.copy-card{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}
.copy-card-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px}.copy-card-heading strong{font-weight:600}.copy-card-heading span{font-size:11px;color:var(--muted)}
.copy-card textarea{line-height:1.95;font-size:14px;min-height:158px;max-height:480px;field-sizing:content;resize:vertical;background:#faf9fd}
.copy-card-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.copy-card-actions button{font-size:12px;padding:8px 13px}
.copy-history-panel .panel-title{margin-bottom:10px}.copy-history .history-row{width:100%;text-align:left}.copy-history .history-copy{min-width:0;flex:1}.copy-history .history-copy strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.copy-empty-history{font-size:12px;color:var(--muted);padding:18px 0}.copy-history-panel .pagination{margin-bottom:0}
.settings-grid .llm-panel{grid-column:1/-1}.llm-field-grid{grid-template-columns:1fr 1fr}.llm-fields{margin-bottom:18px}.llm-panel select{max-width:320px}
.copy-output .error-result p{overflow-wrap:anywhere}.copy-output .error-result button{margin-top:15px}
@media(max-width:1100px){.copy-workspace{gap:18px;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}.copy-form,.copy-output,.copy-history-panel{padding:22px}}
@media(max-width:950px){.copy-workspace{grid-template-columns:1fr}.copy-output .empty-output{min-height:200px}}
@media(max-width:760px){#page-copywriting .page-heading{flex-wrap:wrap;gap:14px}#copyModelStatus{max-width:100%;text-align:left}.copy-form,.copy-output,.copy-history-panel{padding:20px}.copy-options{grid-template-columns:90px minmax(0,1fr)}.copy-card textarea{font-size:14px}.llm-field-grid{grid-template-columns:1fr}.copy-card-actions{justify-content:stretch}.copy-card-actions button{flex:1}.copy-result-toolbar{gap:10px}.copy-history-panel .pagination{gap:12px}}

/* Follow the creation order: copy, voice, then avatar. */
.copy-count-help{display:block;font-size:10px;color:#9b91aa;margin-top:6px}
.copy-quantity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.copy-quantity label{font-size:12px;color:var(--muted)}.copy-quantity input{width:100%;margin-top:8px}.copy-quantity input[readonly]{background:#f6f3fc;color:var(--accent-dark)}
.copy-group-heading{padding:14px 16px;margin-top:22px;background:var(--accent-soft);border-radius:8px;overflow-wrap:anywhere}.copy-group-heading strong{display:block;font-size:13px;color:var(--accent-dark)}.copy-group-heading span{display:block;font-size:11px;color:var(--muted);margin-top:6px}
.copy-group-heading p{font-size:12px;line-height:1.8;margin-top:8px}.copy-material-plan{border:1px solid var(--line);border-radius:8px;margin-top:10px;padding:12px 14px;font-size:12px;overflow-wrap:anywhere}.copy-material-plan summary{cursor:pointer;font-weight:500}.copy-material-plan summary span{display:block;margin-top:5px;font-size:11px;color:var(--muted);font-weight:400}.copy-material-plan dl{margin-top:14px;line-height:1.9}.copy-material-plan dt{font-weight:600;margin-top:12px}.copy-material-plan dd{margin:3px 0 0;color:var(--muted);white-space:pre-line}.copy-material-link{margin:8px 0}.copy-material-link q{color:var(--text)}
.copy-generation-cover{display:flex;flex-direction:column;width:100%;aspect-ratio:16/9;text-align:left;background:linear-gradient(140deg,#f6f3ff,#fbfaff);padding:18px 20px;color:#685881;overflow:hidden}
.copy-cover-heading{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:13px}.copy-cover-heading svg{width:17px;height:17px}.copy-cover-heading b{margin-left:auto;font-size:10px;font-weight:400;color:#a08daf}
.copy-generation-cover p{font-size:13px;line-height:1.9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
.copy-cover-note{font-size:10px;color:#9f8eb1;margin-top:auto;padding-top:12px}.copy-generation-cover:hover{background:#f0ebfc}
#copyOutput{scroll-margin-top:90px}.copy-options input[type=number]{width:100%}
#localOnly a{display:inline-block;margin-left:0;margin-top:8px;font-weight:600}#localOnly{margin-bottom:18px}
.llm-panel #llmProvider{max-width:440px}.protocol-help{margin-top:10px}
.creation-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:30px;padding:7px;border:1px solid var(--line);border-radius:13px;background:#fff}
.flow-step{display:flex;align-items:center;gap:13px;min-width:0;padding:13px 15px;border-radius:8px;color:#8d879b;transition:background .15s,color .15s}
.flow-step:hover{background:#f8f6fd}.flow-step.active{background:var(--accent-soft);color:var(--accent-dark)}
.flow-number{width:31px;height:31px;border:1px solid #e8e3f1;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:600}
.active .flow-number{color:#fff;background:var(--accent);border-color:var(--accent)}
.flow-step strong{display:block;font-size:13px;font-weight:600}.flow-step small{display:block;font-size:11px;color:#9b91aa;margin-top:3px}
.flow-arrow{width:16px;height:16px;margin-left:auto;color:#c6bcd9;flex-shrink:0}
.studio-form.creation-panel{display:grid;gap:18px;padding:0;min-width:0}
.studio-step-section,.studio-submit{padding:25px;min-width:0;scroll-margin-top:26px}
.studio-step-section .panel-title{margin-bottom:12px}.studio-section-help{font-size:11px;color:#8a8097;line-height:1.9;margin-bottom:18px}
.studio-step-section h2 label{cursor:text;font-size:15px}.studio-step-section:focus{outline:none}.studio-step-section:focus-visible{outline:2px solid #a99be9;outline-offset:3px}
.studio-step-section .text-link{font-size:11px}.studio-step-section #scriptText{min-height:144px;line-height:1.9}
.studio-submit .consent{margin-top:0}.studio-submit .save-note{margin-bottom:0}
@media(max-width:1100px){.flow-step{gap:9px;padding:12px 9px}.flow-step small{font-size:10px}.flow-arrow{display:none}.studio-step-section,.studio-submit{padding:22px}}
@media(max-width:760px){
  .creation-flow{gap:3px;padding:5px;margin-bottom:24px}.flow-step{flex-direction:column;align-items:center;gap:7px;padding:10px 3px;text-align:center}.flow-step strong{font-size:11px}.flow-step small{display:none}.flow-number{width:26px;height:26px;font-size:10px;border-radius:7px}
  .studio-step-section,.studio-submit{padding:20px;scroll-margin-top:80px}.studio-form{gap:16px}.studio-step-section .panel-title{gap:8px}.studio-step-section .panel-title>.subtle{display:none}
  .nav-item{padding:9px 8px;font-size:10px}.sidebar nav{gap:2px}
}
/* Presenter source library */
.material-heading-actions{display:flex;gap:10px;flex-shrink:0}.material-hosts{display:flex;gap:12px;overflow-x:auto;padding:2px 1px 22px}.material-host{display:flex;align-items:center;gap:12px;min-width:165px;padding:13px 18px 13px 13px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink);flex-shrink:0}.material-host.active{border-color:var(--accent);background:var(--accent-soft)}.material-host strong{display:block;font-size:13px}.material-host small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.material-host-avatar{width:43px;height:48px;background:#eee8f7;border-radius:8px;overflow:hidden;display:grid;place-items:center;color:var(--accent)}.material-host-avatar img{width:100%;height:100%;object-fit:cover}.material-host-avatar svg{width:23px;height:23px}.material-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;margin-bottom:22px}.material-toolbar>div:first-child{display:flex;align-items:center;gap:14px}.material-toolbar h2{font-size:15px}.material-search{display:flex;align-items:center;gap:14px}.material-search input{width:230px}.material-search button{white-space:nowrap}.material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.material-card{overflow:hidden}.material-cover{position:relative;width:100%;aspect-ratio:4/5;background:#25212a;display:block;overflow:hidden}.material-cover>img{width:100%;height:100%;object-fit:contain;display:block}.material-cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#20132966;color:white;opacity:0;transition:opacity .15s}.material-cover-play svg{width:20px;height:20px}.material-cover:hover .material-cover-play,.material-cover:focus-visible .material-cover-play{opacity:1}.material-duration{position:absolute;bottom:10px;right:10px;font-size:11px;background:#160c25ae;color:white;padding:4px 7px;border-radius:5px;font-variant-numeric:tabular-nums}.material-selected{position:absolute;top:10px;left:10px;background:#eee8fc;color:var(--accent-dark);padding:5px 9px;font-size:11px;border-radius:5px}.material-card-body{padding:16px}.material-host-label{font-size:10px;color:var(--accent);background:var(--accent-soft);padding:3px 7px;border-radius:4px}.material-card h3{font-size:13px;line-height:1.6;margin-top:10px;overflow-wrap:anywhere}.material-card-body>p{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;margin:8px 0 16px}.material-card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.material-card-actions .secondary-button{padding:7px 11px;font-size:11px}.material-card-actions .text-link{font-size:11px}.material-empty{grid-column:1/-1;text-align:center;padding:65px 20px}.material-empty>span svg{width:36px;height:36px;color:var(--accent)}.material-empty h3{font-size:15px;margin:15px 0 10px}.material-empty p{font-size:12px;color:var(--muted)}.material-small-dialog{max-width:560px}.material-small-dialog .primary-button{margin-top:22px}.material-upload-queue{font-size:12px;margin-top:18px;max-height:250px;overflow-y:auto}.material-upload-queue>div{padding:11px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}.material-upload-queue small{font-size:11px;color:var(--muted)}.material-upload-queue small.form-error{color:#b34662}.material-picker-link{display:flex;flex-wrap:wrap;margin-bottom:14px;gap:7px}.material-picker-link span{margin-left:auto;font-size:11px;color:var(--accent)}
@media(max-width:1200px){.material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.material-heading{flex-direction:column;align-items:flex-start}.material-heading-actions{margin-top:8px}}
@media(max-width:760px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.material-toolbar{align-items:stretch;flex-direction:column;padding:15px}.material-toolbar>div:first-child{justify-content:space-between;flex-wrap:wrap}.material-search input{width:100%;min-width:0}.material-card-body{padding:12px}.material-card h3{font-size:12px}.material-card-body>p{font-size:10px;flex-wrap:wrap}.material-card-actions .secondary-button{font-size:10px;padding:7px 8px}.material-host{min-width:150px;padding:11px}.material-heading-actions{width:100%;flex-wrap:wrap}.material-heading-actions>*{flex:1}.sidebar{padding-left:10px;padding-right:10px}.sidebar .brand{margin-right:7px}.sidebar .nav-item{font-size:10px;padding:9px 5px;white-space:nowrap}.sidebar .nav-item svg{width:13px;height:13px}.material-cover-play{opacity:1;width:33px;height:33px}.material-cover-play svg{width:15px;height:15px}}
@media(max-width:360px){.sidebar .nav-item svg{display:none}}
/* Four-step production flow */
.creation-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-step{padding:12px 9px;gap:9px}.flow-step.completed .flow-number{border-color:#b8d0c2}.workflow-context{display:flex;align-items:center;gap:14px;padding:14px 18px;margin:-12px 0 26px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:12px}.workflow-context>img{width:40px;height:48px;object-fit:cover;border-radius:7px}.workflow-context>div>strong,.workflow-context>div>span{display:block}.workflow-context>div>span{font-size:11px;color:var(--muted);margin-top:4px}.workflow-context>.text-link{margin-left:auto;white-space:nowrap}.workflow-context-progress{display:flex!important;gap:10px;margin-left:auto}.workflow-context-progress>span{padding:5px 9px;background:#f6f3fa;border-radius:5px}.workflow-context-progress>span.done{background:#eaf4ef;color:#4c8066}.workflow-start{color:var(--muted);line-height:1.8}.kline-workspace{padding:24px;min-width:0}.kline-chart{width:100%;display:block;border-radius:12px;margin:15px 0}.kline-candidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:215px;overflow-y:auto;margin-top:15px}.kline-candidate{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:8px;padding:10px}.kline-candidate.selected{border-color:#a38cd8;background:#f6f2ff}.kline-candidate-info{min-width:0;background:none;text-align:left;flex:1}.kline-candidate-info strong{font-size:12px;display:block;color:var(--ink)}.kline-candidate-info span{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:4px}.kline-candidate>.text-button{white-space:nowrap;font-size:11px}.kline-provenance{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.kline-provenance strong{color:var(--ink)}.kline-provenance .status-pill{margin-left:auto;font-size:10px}.kline-facts{padding-left:0;list-style:none;margin:17px 0;font-size:12px;line-height:1.95;color:var(--ink)}.kline-facts li{margin:7px 0}.kline-facts li>span{font-size:10px;background:var(--accent-soft);border-radius:4px;color:var(--accent);padding:3px 6px;margin-right:7px}.kline-boundary{padding:10px 13px;border-radius:7px;background:#f5f2fa;color:#766687;font-size:11px;line-height:1.8}.kline-unmatched{padding:25px 15px;text-align:center;background:#f8f6fc;border-radius:10px;margin-top:16px}.kline-unmatched h3{font-size:14px}.kline-unmatched p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:10px}#findKlines{margin-top:15px}.copy-evidence-links{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.copy-evidence-links h4{font-size:12px;margin-bottom:12px}.copy-evidence-links p{line-height:1.9;margin:10px 0}.copy-evidence-links p>span{display:block;color:var(--muted);font-size:11px}.chart-confirmation{align-items:flex-start!important;line-height:1.8;margin:12px 0;font-size:11px}.chart-confirmation input{margin-top:4px;flex-shrink:0}.grounded-plan{padding:15px;margin-bottom:15px}.workflow-script{white-space:pre-wrap;line-height:2;font-size:13px;color:var(--ink);overflow-wrap:anywhere}#lipsyncChart{margin-top:18px}#voiceOutput .result-actions [data-reuse]{display:none}#toMaterials{margin-top:20px}#videoDropzone,#videoInput{display:none!important}.copy-output-column{min-width:0}#page-lipsync .video-file video{max-height:380px;object-fit:contain;background:#211b2b}.flow-step small{font-size:10px}.copy-form #copyBrief,.copy-form #copyMarket{min-height:65px}.copy-output .copy-card textarea{font-size:13px;line-height:2}#page-materials .material-heading h1{font-size:25px}
@media(min-width:1300px){.copy-workspace{grid-template-columns:minmax(330px,.8fr) minmax(0,1.45fr)}}
@media(max-width:1100px){.flow-step small{display:none}.workflow-context-progress{display:none!important}.kline-candidates{grid-template-columns:1fr}.kline-workspace{padding:20px}}
@media(max-width:760px){.creation-flow{gap:2px}.flow-step{padding:10px 2px;gap:7px}.flow-step strong{font-size:10px}.workflow-context{margin-top:-10px;padding:12px;gap:9px}.workflow-context>img{width:32px;height:40px}.workflow-context>div>span{font-size:10px}.workflow-context>.text-link{font-size:10px}.workflow-context-progress{display:none!important}.workflow-context>div{min-width:0}.workflow-context>div>strong{font-size:12px}.kline-workspace{padding:17px}.kline-provenance .status-pill{margin-left:0}.kline-facts{font-size:11px}.sidebar .brand{display:none}.sidebar nav{justify-content:space-between;width:100%}.sidebar .nav-item{padding:8px 5px;gap:4px;font-size:10px}.sidebar .nav-item svg{display:none}.sidebar{height:55px}.copy-workspace{display:flex;flex-direction:column}.copy-output-column{width:100%}.kline-candidates{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-number{width:24px;height:24px}#page-materials .material-heading h1{font-size:22px}}
@media(max-width:400px){.kline-candidates{grid-template-columns:1fr}.workflow-context>div>span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-context{gap:7px}.sidebar .nav-item{padding:8px 4px;font-size:9px}}

/* Workflow progress rail: keep the dependency order visible on every creation step. */
.workflow-context-flow{display:flex!important;align-items:center;gap:6px;margin-left:auto;min-width:0;white-space:nowrap}
.workflow-step-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:7px;background:#f6f3fa;color:#958ba4;font-size:10px;white-space:nowrap}
.workflow-step-chip i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;font-style:normal;font-size:9px;background:#ebe7f3;color:#8f83a5}
.workflow-step-chip.done{background:#eaf4ef;color:#4c8066}.workflow-step-chip.done i{background:#74b693;color:#fff}
.workflow-step-sep{color:#c6becf;font-size:14px;font-weight:400}.workflow-next{flex-shrink:0}.workflow-context-empty{min-width:175px}
@media(max-width:1100px){.workflow-context-flow{overflow-x:auto}.workflow-step-sep{display:none}.workflow-step-chip{padding:5px 6px}}
@media(max-width:760px){.workflow-context{flex-wrap:wrap}.workflow-context-flow{order:3;flex:1 0 100%;margin-left:0;justify-content:space-between;overflow:visible}.workflow-step-chip{padding:4px;font-size:9px;gap:3px}.workflow-step-chip i{width:15px;height:15px;font-size:8px}}

.kline-workspace>summary{cursor:pointer;list-style:none;margin-bottom:0}.kline-workspace>summary::after{content:"展开";font-size:11px;color:var(--accent)}.kline-workspace[open]>summary{margin-bottom:20px}.kline-workspace[open]>summary::after{content:"收起"}.kline-workspace>summary .subtle{margin-left:auto}
.kline-scene-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:12px}.kline-scene-heading label{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--muted);font-size:11px}.kline-scene-heading select{width:85px;padding:7px}.kline-focus-controls{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.kline-focus-controls button,.copy-evidence-links button{border:1px solid var(--line);background:#fff;border-radius:7px;color:var(--ink);font-size:11px;padding:8px 11px;text-align:left;cursor:pointer}.kline-focus-controls button[aria-pressed=true],.copy-evidence-links button[aria-pressed=true]{background:#fff8dd;border-color:#d8af31;color:#715511}.copy-evidence-links button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;line-height:1.8;margin:8px 0}.copy-evidence-links button span{flex-shrink:0;color:var(--muted);font-size:10px}.kline-chart{background:#181820;border-radius:9px;margin-bottom:0}.spotlight-panel{border-top:1px solid var(--line);padding-top:22px}.spotlight-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.spotlight-heading h3{font-size:15px}.spotlight-heading p{font-size:11px;color:var(--muted);margin:7px 0}.spotlight-heading .checkbox-row{white-space:nowrap;font-size:12px}.spotlight-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0 8px}.spotlight-settings label{font-size:11px;color:var(--muted)}.spotlight-settings select{margin-top:7px}.spotlight-stage-wrap{margin:18px 0;display:flex;gap:18px;align-items:center;background:#f7f5f9;border-radius:10px;padding:15px}.spotlight-stage{position:relative;overflow:hidden;background:#181820;width:180px;max-width:50%;flex-shrink:0;border-radius:8px}.spotlight-actor{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.spotlight-backdrop{position:absolute;inset:0;background:#181820}#spotlightImage{position:absolute;width:92%;left:4%;bottom:5.5%;height:auto}.spotlight-stage.fullscreen #spotlightImage{width:96%;left:2%;top:50%;bottom:auto;transform:translateY(-50%)}.spotlight-preview-caption{font-size:12px;line-height:1.9}.spotlight-preview-caption strong,.spotlight-preview-caption span{display:block}.spotlight-preview-caption span{font-size:11px;color:var(--muted);margin-top:10px}.spotlight-estimate{font-size:11px;line-height:1.9;color:#826919;background:#fff9e6;padding:12px;border-radius:7px;margin-bottom:15px}.spotlight-cue{border:1px solid var(--line);border-radius:8px;padding:12px;margin:10px 0}.spotlight-cue.playing{border-color:#d8af31;background:#fffcf0}.spotlight-cue-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.spotlight-cue-top select{flex:1;min-width:0;font-size:12px;padding:8px}.spotlight-cue-top button{white-space:nowrap;font-size:11px}.spotlight-cue-times{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:end}.spotlight-cue-times label{font-size:10px;color:var(--muted);min-width:0}.spotlight-cue-times input{padding:8px;margin-top:6px}.spotlight-cue-times button{font-size:10px;padding-bottom:11px;white-space:nowrap}.spotlight-panel .chart-confirmation{font-size:12px;margin-top:20px}
@media(max-width:760px){.kline-scene-heading{align-items:flex-start}.kline-scene-heading strong{line-height:1.8}.kline-focus-controls button{font-size:10px;padding:7px 9px}.copy-evidence-links button{align-items:flex-start}.spotlight-stage-wrap{padding:10px;gap:12px}.spotlight-stage{width:145px}.spotlight-cue{padding:10px}.spotlight-cue-times{gap:7px}.spotlight-cue-top{gap:8px}.spotlight-cue-times input{padding:8px 5px}.spotlight-preview-caption{font-size:11px}}

.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.knowledge-card{overflow:hidden;padding:0}.knowledge-cover{border:0;display:block;width:100%;padding:16px;background:#ece7de}.knowledge-cover img{display:block;width:100%;height:355px;object-fit:contain}.knowledge-card-info{padding:20px}.knowledge-card-info>span{font-size:11px;color:var(--muted)}.knowledge-card-info h2{font-size:17px;margin:7px 0}.knowledge-card-info p{font-size:12px;color:var(--muted);min-height:36px}.knowledge-card-info>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.knowledge-card-info .primary-button{font-size:11px;padding:10px 13px}.knowledge-toolbar{padding:20px;margin-bottom:15px}.knowledge-toolbar .filter-row{flex-wrap:wrap;gap:7px;margin-bottom:14px}.knowledge-toolbar input{max-width:420px}.knowledge-dialog{width:min(740px,94vw)}#knowledgePreviewImage{width:100%;max-height:72vh;object-fit:contain;background:#ece7de;display:block}.knowledge-preview-actions{display:flex;justify-content:center;gap:15px;margin-top:18px}.evergreen-note{background:#f6f0e3;border-left:3px solid #d6b34c;color:#756347;font-size:12px;padding:12px 14px;line-height:1.9;margin-bottom:18px}.knowledge-library-link{display:block;margin-top:9px;font-size:11px}.copy-knowledge{display:flex;align-items:center;gap:18px;padding:15px;background:#f9f5ed;border-radius:9px;margin:15px 0}.copy-knowledge img{width:72px;height:128px;object-fit:contain}.copy-knowledge span,.copy-knowledge strong{display:block}.copy-knowledge span{font-size:11px;color:var(--muted)}.copy-knowledge strong{font-size:14px;margin:8px 0}.copy-knowledge button{font-size:11px}.endcard-panel{padding-top:22px;margin-top:25px;border-top:1px solid var(--line)}.endcard-panel h3{font-size:15px}.endcard-settings{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:15px;margin:15px 0}.endcard-settings label{font-size:11px;color:var(--muted)}.endcard-settings select,.endcard-settings input{margin-top:7px}#endcardPreview{display:flex;align-items:center;gap:18px;background:#faf7ef;padding:15px;border-radius:9px}#endcardPreview button{border:0;padding:0;background:none;flex-shrink:0}#endcardPreview img{display:block;width:130px;height:231px;object-fit:contain}#endcardPreview strong{font-size:14px}#endcardPreview p{font-size:12px;line-height:1.9}#endcardPreview span{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.knowledge-grid{grid-template-columns:1fr;gap:18px}.knowledge-cover img{height:390px}.knowledge-card-info{padding:17px}.knowledge-preview-actions{gap:9px}.knowledge-preview-actions button,.knowledge-preview-actions a{font-size:11px;padding:10px}.endcard-settings{grid-template-columns:minmax(0,1fr) 85px;gap:10px}#endcardPreview{gap:12px;padding:10px}#endcardPreview img{width:105px;height:187px}.sidebar .nav-item{font-size:9px;padding:8px 3px}.knowledge-toolbar{padding:15px}.knowledge-toolbar .filter-row button{font-size:10px}}

/* Handwritten endcards retain their full paper borders. */
.knowledge-cover img{aspect-ratio:3/4;object-fit:contain;height:auto;width:100%;max-height:480px}.knowledge-card-info .secondary-button{padding:10px 13px;font-size:11px}.copy-knowledge img{height:96px}#endcardPreview img{height:auto;aspect-ratio:3/4}

/* Compact page headings and controls after removing instructional copy. */
.page-heading{margin-bottom:24px}.page-heading h1{margin:0}.source-choice{gap:8px}.field-help:empty,#lipsyncChart:empty,#endcardPreview:empty{display:none}

.material-fit{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0;font-size:12px}.material-fit span{font-size:11px;color:var(--muted)}.material-recommended{display:inline-block;padding:4px 7px;margin-bottom:8px;border-radius:5px;background:#eaf4ef;color:#4c8066;font-size:10px}.material-recommended+.material-host-label{margin-left:8px}.material-heading-actions{flex-wrap:wrap;justify-content:flex-end}#materialAudioDuration{font-size:12px}@media(max-width:760px){.material-heading{flex-wrap:wrap}.material-heading-actions{justify-content:flex-start;width:100%}.material-heading-actions #materialContinue{order:1;width:100%}}

.creation-flow{grid-template-columns:repeat(5,minmax(0,1fr))}.render-source-picker{padding:20px;margin-bottom:22px}#renderForm{padding:24px;min-width:0}#renderStage video{display:block;width:100%;height:100%;object-fit:contain}#renderStage .spotlight-backdrop,#spotlightImage{pointer-events:none}.render-playback{display:flex;gap:10px;align-items:center;margin-top:12px}.render-playback input{padding:0;min-width:0;flex:1}.render-playback span{font-size:11px;white-space:nowrap}#renderSubmit{margin-top:20px}#renderStage{margin:auto}#renderChart{margin-top:20px}@media(max-width:760px){#renderForm{padding:16px}.sidebar nav{overflow-x:auto;justify-content:flex-start;gap:8px}.sidebar .nav-item{flex-shrink:0}.flow-step strong{font-size:9px}.render-playback{gap:7px}.render-playback .secondary-button{padding:8px}}

#renderForm .spotlight-stage-wrap{flex-direction:column;align-items:stretch;gap:0}#renderStage{width:min(100%,260px);max-width:100%;margin:auto}#renderForm .spotlight-preview-caption{margin-top:8px}#renderForm .render-playback{width:100%}
.search-grid,.topic-library-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px}.search-grid label{font-size:12px;color:var(--muted);min-width:0}.search-grid input,.search-grid select{margin-top:7px}.topic-selection-meta,.search-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;font-size:12px}.topic-choices{display:grid;gap:8px;max-height:320px;overflow:auto;margin:12px 0}.topic-choice{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid var(--line);border-radius:8px;font-size:12px;cursor:pointer}.topic-choice input{width:16px;flex-shrink:0;margin:3px 0}.topic-choice small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.topic-choice.selected{border-color:var(--purple,#7561d9);background:#f6f3ff}.kline-candidate-info small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.similar-adjustment{background:#fff8df;padding:14px;border-radius:8px;display:grid;gap:9px;font-size:12px}.kline-scene-heading input{width:76px;padding:7px}.kline-candidates{max-height:380px;overflow:auto}.tuning-grid{margin-bottom:14px}.render-kline-picker{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:18px}.render-kline-picker h3{font-size:15px;margin:0 0 8px}.render-kline-picker span{font-size:11px;color:var(--muted)}.render-kline-picker button{font-size:12px;white-space:nowrap}.render-kline-dialog{width:min(1050px,96vw)}#renderKlineSearchMount{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px}#renderKlineSearchMount .panel{margin:0;min-width:0}.render-kline-dialog #useRenderKline{margin-top:20px}#endcardOverlay{position:absolute;max-width:92%;max-height:48%;width:auto;height:auto;left:50%;bottom:3.5%;transform:translateX(-50%);pointer-events:none;object-fit:contain}#endcardPreview{background:#efedf2}.spotlight-settings input{margin-top:7px}
@media(max-width:760px){#renderKlineSearchMount{grid-template-columns:minmax(0,1fr);gap:16px}.render-kline-picker{align-items:flex-start}.render-kline-picker button{padding:10px}.topic-library-tools{grid-template-columns:minmax(0,1fr)}.search-grid{gap:9px}.search-grid label{font-size:11px}.kline-scene-heading{flex-wrap:wrap}.render-kline-dialog .dialog-content{padding:14px}}
.custom-copy-panel{margin:18px 0 4px;padding:15px 16px;background:linear-gradient(135deg,#faf8ff,#fff);border:1px solid #ddd5f0;border-radius:11px}.custom-copy-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.custom-copy-heading .field-label{margin:0;font-size:13px;color:var(--ink)}.optional-label{font-size:10px;color:var(--muted);font-weight:400;margin-left:5px}.custom-copy-badge{font-size:10px;color:#6755aa;background:#f0ebff;border-radius:999px;padding:4px 8px;white-space:nowrap}.custom-copy-panel textarea{display:block;width:100%;margin-top:9px;min-height:112px;line-height:1.75;resize:vertical}.custom-copy-panel .field-help{margin:8px 0 0;font-size:11px;line-height:1.7;color:var(--muted)}
.kline-edit-dialog{width:min(1050px,96vw)}.chart-edit-toolbar,.chart-edit-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.chart-edit-toolbar>div{display:flex;align-items:center;gap:12px}.chart-edit-toolbar strong{font-size:13px}.chart-edit-toolbar .secondary-button{padding:7px 12px}.chart-edit-tools{justify-content:flex-start;margin:16px 0}#klineEditCanvas{display:block;width:100%;aspect-ratio:1000/550;background:#181820;border-radius:10px;touch-action:none;user-select:none}#klineEditCanvas [data-drag-field]{cursor:ns-resize}#klineEditCanvas [data-drag-field=body]{cursor:move}#klineEditCanvas circle:focus{stroke:#fff;stroke-width:5}.chart-frame-controls{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:18px 0}.chart-frame-controls label{font-size:12px}.chart-frame-controls input{padding:0;margin-top:12px;display:block;width:100%}.chart-frame-controls output{color:var(--muted);margin-left:8px}.topic-choices{max-height:290px}#topicLibraryFields{margin-bottom:14px}#klineSearchFields .full{margin-top:18px}
@media(max-width:760px){.kline-edit-dialog .dialog-content{padding:12px}.chart-edit-toolbar{flex-wrap:wrap}.chart-edit-toolbar>div{gap:10px}.chart-edit-tools{gap:10px;flex-wrap:wrap}.chart-edit-tools button{font-size:11px}.chart-frame-controls{gap:14px}.chart-edit-toolbar .text-button{font-size:11px}.chart-edit-toolbar strong{font-size:12px}.kline-edit-dialog{width:98vw}.render-kline-picker{flex-wrap:wrap}}
#klineEditCanvas{height:auto;stroke:none;fill:none}
#klineEditViewport{width:100%;overflow-x:auto;overscroll-behavior-x:contain;border-radius:10px}#klineEditCanvas{max-width:none;touch-action:pan-x}.chart-edit-toolbar>div{flex-wrap:wrap}@media(max-width:760px){.chart-edit-toolbar>div:last-child{justify-content:space-between;width:100%}}

#manualKlineSettings summary,#endcardManual summary{cursor:pointer;font-size:12px;color:var(--muted);padding:12px 0}#spotlightStatus{font-size:12px;color:var(--muted);margin:12px 0}.semantic-cue-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.semantic-cue-times label{font-size:11px;min-width:0}.semantic-cue-times input{margin-top:7px;padding:8px}.semantic-cue-times button{font-size:10px}.cue-quote{font-size:12px;line-height:1.8;color:var(--muted)}.spotlight-actions{display:flex;justify-content:space-between;gap:10px}#spotlightStatus.form-error{color:#b13c3c}

#endcardOverlay{bottom:8%;max-width:96%;max-height:72%}.speech-timeline summary{cursor:pointer;font-size:12px;color:var(--muted);padding:10px 0}.speech-lines{max-height:220px;overflow:auto;display:grid;gap:4px}.speech-lines button{display:flex;gap:12px;border:0;background:#f7f5fa;padding:9px;border-radius:6px;text-align:left;font-size:12px;line-height:1.7;cursor:pointer}.speech-lines time{min-width:46px;color:var(--muted)}.speech-timeline-links{display:flex;gap:18px;font-size:11px;margin:8px 0}

.custom-copy-actions{display:flex;justify-content:flex-end;margin-top:10px}.custom-copy-actions .secondary-button{font-size:11px}@media(max-width:400px){.custom-copy-actions .secondary-button{width:100%}}