/* Manual studio and its future light-mode surface share one small token set. */
body.manual-editor-page{--surface:#1d1d1d;--surface-2:#252525;--canvas:#171717;--line:#404040;--text:#f4f4f4;--muted:#aeb3b8;--accent:#83c7e8;--accent-soft:#233841;--danger:#ef9fa7;--success:#82d6a7;margin:0;background:#111;color:var(--text);color-scheme:dark;font-family:Vazirmatn,system-ui,sans-serif}
html[data-podly-theme=light] body.manual-editor-page{--surface:#fff;--surface-2:#f0f3f5;--canvas:#f6f8fa;--line:#d4dde2;--text:#24313a;--muted:#5d6b75;--accent:#176b99;--accent-soft:#e0eef5;--danger:#b43d50;--success:#13794b;color-scheme:light;background:#f6f8fa}
body.manual-editor-page *{box-sizing:border-box}body.manual-editor-page :is(button,input,textarea,select){font:inherit}body.manual-editor-page button{cursor:pointer}body.manual-editor-page button:disabled{opacity:.42;cursor:not-allowed}body.manual-editor-page :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px}body.manual-editor-page button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.manual-shell{width:100%;height:100dvh;min-height:0;display:flex;flex-direction:column;padding:10px 12px;gap:9px;overflow:hidden}.manual-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:0 0 54px;padding:4px 13px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.manual-heading,.manual-header-actions,.transport,.edit-tools,.zoom-tools,.manual-library-actions{display:flex;align-items:center;gap:8px}.manual-heading{min-width:0}.manual-heading>a{color:var(--muted);font-size:22px;text-decoration:none;padding:4px}.manual-heading small,.manual-section-head small,.manual-dialog header small{display:block;color:var(--accent);font-size:10px}.manual-heading h1{font-size:15px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manual-header-actions{white-space:nowrap}.manual-header-actions #saveState{color:var(--muted);font-size:11px}.icon-button,.text-button{display:inline-grid;place-items:center;min-width:33px;min-height:33px;padding:4px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);white-space:nowrap}.icon-button:hover:not(:disabled),.text-button:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.text-button{color:var(--text);font-size:11px}.primary-button{border:1px solid #5c9bb5;background:#29434c;color:#ecfaff;padding:8px 13px;border-radius:8px;font-size:11px;font-weight:700}.primary-button:hover:not(:disabled){background:#335762}.manual-layout{display:grid;grid-template-columns:minmax(270px,310px) minmax(0,1fr);gap:9px;flex:1;min-height:0}.manual-library,.manual-workspace{min-width:0;min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:12px}.manual-library{display:flex;flex-direction:column;padding:12px;gap:10px}.manual-section-head{display:flex;align-items:center;justify-content:space-between}.manual-section-head h2{font-size:14px;margin:2px 0}.manual-library-actions{flex-wrap:wrap}.manual-library-actions .text-button{border-bottom:1px solid var(--line);border-radius:0}.character-chips{display:flex;gap:5px;flex-wrap:wrap}.character-chips button{border:1px solid var(--line);border-radius:20px;padding:4px 8px;background:transparent;color:var(--muted);font-size:10px}.clip-library{flex:1;min-height:0;overflow:auto;display:grid;align-content:start;gap:7px;padding-left:3px}.empty-note{color:var(--muted);font-size:11px;line-height:1.9}.library-card{border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--canvas);display:grid;gap:6px}.library-card[draggable=true]{cursor:grab}.library-card[draggable=true]:active{cursor:grabbing}.library-card header{display:flex;justify-content:space-between;align-items:start;gap:7px}.library-card strong{font-size:11px;overflow-wrap:anywhere}.library-card small,.library-card p{color:var(--muted);font-size:10px;margin:0;line-height:1.6}.library-card .state{color:var(--accent);white-space:nowrap}.library-card[data-status=failed] .state{color:var(--danger)}.library-card[data-status=completed] .state{color:var(--success)}.library-card progress{width:100%;height:3px;accent-color:var(--accent)}.library-card footer{display:flex;align-items:center;justify-content:space-between;gap:4px}.library-card footer button{padding:2px 5px;min-height:29px}.manual-workspace{display:flex;flex-direction:column;padding:10px;gap:8px;overflow:hidden}.manual-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;min-height:42px;padding-bottom:7px;border-bottom:1px solid var(--line)}.transport output{font:11px ui-monospace,monospace;color:var(--muted);min-width:96px}.transport #playMix{color:var(--accent);font-size:15px}.edit-tools span{height:18px;border-left:1px solid var(--line)}.zoom-tools output{font-size:10px;min-width:21px;text-align:center;color:var(--muted)}.manual-timeline-scroll{flex:1;min-height:180px;overflow:auto;background:var(--canvas);border:1px solid var(--line);border-radius:9px;direction:ltr}.manual-timeline{position:relative;min-height:100%;display:flex;flex-direction:column}.manual-ruler{height:35px;flex:none;position:relative;border-bottom:1px solid var(--line);background:var(--surface)}.manual-ruler i{position:absolute;top:0;height:100%;border-left:1px solid var(--line);padding:8px 4px;color:var(--muted);font:10px ui-monospace,monospace;font-style:normal}.manual-lane{position:relative;flex:1;min-height:130px;border-bottom:1px solid var(--line)}.manual-lane:last-of-type{border-bottom:0}.lane-title{position:sticky;left:0;top:0;display:inline-block;z-index:5;background:var(--surface-2);color:var(--muted);padding:5px 9px;border-radius:0 0 7px 0;font-size:10px;direction:rtl}.lane-content{position:absolute;inset:0}.manual-lane.drag-over{background:var(--accent-soft)}.timeline-clip{position:absolute;top:38px;height:calc(100% - 49px);min-height:52px;border:1px solid #6c9aad;border-radius:7px;background:#29414a;overflow:hidden;cursor:grab;touch-action:none;color:#eefaff}.timeline-clip.music{background:#423a2b;border-color:#998661}.timeline-clip.selected{outline:2px solid var(--accent);outline-offset:1px}.timeline-clip.dragging{opacity:.8;cursor:grabbing}.timeline-clip canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.75;pointer-events:none}.timeline-clip strong{position:relative;z-index:1;display:block;max-width:100%;padding:5px 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;text-shadow:0 1px 3px #111}.timeline-clip .edge{position:absolute;z-index:2;top:0;bottom:0;width:9px;cursor:ew-resize;border-left:2px solid #d8e6ec}.timeline-clip .edge.left{left:0}.timeline-clip .edge.right{right:0}.manual-playhead{position:absolute;z-index:8;top:0;bottom:0;border-left:1px solid #f1cc79;pointer-events:none}.manual-playhead:before{content:'';position:absolute;top:0;left:-5px;border-top:9px solid #f1cc79;border-left:5px solid transparent;border-right:5px solid transparent}.timeline-help{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;line-height:1.6}.manual-inspector{min-height:64px;max-height:125px;overflow:auto;border-top:1px solid var(--line);padding:8px 1px}.inspector-empty{color:var(--muted);font-size:11px}.inspector-fields{display:flex;align-items:end;flex-wrap:wrap;gap:9px}.inspector-fields strong{font-size:11px;min-width:100px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-fields label{display:grid;gap:4px;color:var(--muted);font-size:10px}.inspector-fields input{width:85px;min-height:31px;background:var(--canvas);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px;direction:ltr}.inspector-fields input[type=range]{width:110px;min-height:auto;accent-color:var(--accent)}.manual-message{min-height:16px;margin:0;color:var(--muted);font-size:10px}.manual-message.error{color:var(--danger)}
.manual-dialog{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);padding:0;box-shadow:0 20px 70px #0009}.manual-dialog::backdrop{background:#000a}.manual-dialog form{padding:18px;display:grid;gap:13px;max-height:calc(100dvh - 32px);overflow:auto}.manual-dialog header,.manual-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.manual-dialog h2{font-size:17px;margin:2px 0}.manual-dialog label{display:grid;gap:5px;color:var(--muted);font-size:11px}.manual-dialog input,.manual-dialog select,.manual-dialog textarea{width:100%;padding:9px 10px;background:var(--canvas);border:1px solid var(--line);border-radius:8px;color:var(--text);resize:vertical}.manual-dialog textarea{line-height:1.9}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.estimate-line{margin:0;padding:9px;background:var(--accent-soft);color:var(--text);border-radius:7px;font-size:11px}.dialog-error{min-height:12px;color:var(--danger);font-size:11px;margin:0}.manual-project-studio .manual-project-form{max-width:560px;margin:auto;padding:24px;display:grid;gap:16px}.manual-project-form label{display:grid;gap:8px}.manual-project-form input{background:#171a1d;border:1px solid #4b5157;border-radius:9px;color:#fff;padding:11px}.manual-project-form p,.manual-project-error{color:#aeb3b8;font-size:12px;margin:0}.manual-project-error{color:#ef9fa7}
html[data-podly-theme=light] body.manual-editor-page :is(.primary-button){background:#176b99;border-color:#176b99;color:#fff}html[data-podly-theme=light] body.manual-editor-page .timeline-clip{background:#d9edf5;border-color:#3e849e;color:#233b47}html[data-podly-theme=light] body.manual-editor-page .timeline-clip.music{background:#eee5d4;border-color:#a08049;color:#403522}html[data-podly-theme=light] body.manual-editor-page .timeline-clip strong{text-shadow:none}html[data-podly-theme=light] .manual-project-form input{background:#fff;color:#24313a;border-color:#d4dde2}
@media(max-width:980px){.manual-layout{grid-template-columns:250px minmax(0,1fr)}.manual-header-actions #saveState{display:none}.timeline-help span:last-child{display:none}}
@media(max-width:760px){.manual-shell{height:auto;min-height:100dvh;overflow:visible}.manual-header{flex-wrap:wrap;min-height:54px;flex-basis:auto}.manual-layout{display:flex;flex-direction:column}.manual-library{max-height:280px;min-height:210px}.manual-workspace{height:65dvh;min-height:460px}.manual-toolbar{justify-content:start}.manual-inspector{max-height:150px}.timeline-help{font-size:9px}}
.manual-library .library-card footer{flex-wrap:wrap;justify-content:flex-start}
.manual-new-clip{width:100%;text-align:center;font-size:12px;padding:11px}.manual-timeline-scroll{position:relative}.manual-empty-timeline{position:absolute;z-index:7;left:50%;top:50%;width:min(420px,calc(100% - 30px));transform:translate(-50%,-50%);display:grid;justify-items:center;gap:10px;padding:20px;text-align:center;direction:rtl;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px #0005}.manual-empty-timeline[hidden],#retryLoad[hidden]{display:none!important}.manual-empty-timeline p{margin:0;font-size:13px;font-weight:700}.manual-empty-timeline small{color:var(--muted);line-height:1.8}.manual-empty-timeline .primary-button{font-size:12px}#retryLoad{align-self:flex-start;color:var(--accent)}.manual-dialog select{color-scheme:dark;appearance:auto;cursor:pointer}html[data-podly-theme=light] body.manual-editor-page .manual-dialog select{color-scheme:light}
.manual-dialog .dialog-hint{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.manual-header-actions #retryLoad{color:var(--accent);border:1px solid var(--accent);padding:5px 9px}
.manual-library .library-card .clip-voice-settings{display:block;overflow-wrap:anywhere;line-height:1.8;color:var(--text)}
.manual-library .library-card [data-action=delete]{color:var(--danger)}.manual-library .library-card [data-action=delete]:hover{background:#6b333844}
.manual-edit-panel{display:grid;gap:5px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);font-size:10px;max-height:148px;overflow:auto}.range-controls,.mixer-controls,.track-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.range-controls label,.mixer-controls label,.track-control label{display:inline-flex;align-items:center;gap:4px;color:var(--muted)}.range-controls input[type=number]{width:65px;min-height:25px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:5px;color:var(--text);direction:ltr}.manual-edit-panel button{border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--text);padding:4px 7px;font-size:10px}.manual-edit-panel button:hover{border-color:var(--accent)}.mixer-controls input[type=range],.track-control input[type=range]{width:72px;accent-color:var(--accent)}.mixer-controls input[type=checkbox],.track-control input[type=checkbox]{accent-color:var(--accent)}.track-controls{border-top:1px solid var(--line);padding-top:4px}.track-control{display:flex;gap:6px;align-items:center}.track-control+ .track-control{border-inline-start:1px solid var(--line);padding-inline-start:8px}.manual-range{position:absolute;z-index:6;top:35px;bottom:0;background:#83c7e828;border-left:1px solid var(--accent);border-right:1px solid var(--accent);pointer-events:none}.manual-range[hidden]{display:none}.timeline-marker{position:absolute;z-index:4;top:0;transform:translateX(-50%);height:31px;border:0;background:transparent;color:#edb768;cursor:pointer}.timeline-clip.muted{opacity:.42}.inspector-fields input[type=checkbox]{width:auto;min-height:auto}.manual-dialog input[type=checkbox]{width:auto}
@media(max-width:760px){.manual-edit-panel{max-height:190px}.manual-workspace{min-height:560px}.range-controls,.mixer-controls{gap:5px}.manual-edit-panel button{padding:5px}}
.manual-editor-page [hidden]{display:none!important}