@font-face{font-family:VDO;src:url('/font/sans')}@font-face{font-family:VDOBold;src:url('/font/bold');font-weight:800}@font-face{font-family:VDOSerif;src:url('/font/serif')}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#101116;color:#e9ebf3;font:13px VDO,Tahoma,sans-serif}body{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,select{cursor:pointer}button{border:1px solid #31333f;background:#23252f;padding:9px 13px;border-radius:7px;transition:.15s}button:hover{background:#303341;border-color:#68617d}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b1a3ff;outline-offset:2px}input,select,textarea{background:#191b23;border:1px solid #363846;border-radius:6px;padding:8px;min-width:0}input[type=range]{padding:0;accent-color:#b5a0ff;height:18px}input[type=checkbox]{accent-color:#a28aff}input[type=color]{width:42px;padding:3px;height:31px}textarea{width:100%;resize:vertical;min-height:78px}.primary{background:#b4a0ff;color:#1c1532;font-weight:bold;border-color:#b4a0ff}.primary:hover{background:#c5b6ff}.wide{width:100%}header{height:66px;border-bottom:1px solid #2b2d37;background:#15161d;display:flex;align-items:center;gap:16px;padding:0 20px}.brand{display:flex;align-items:center;gap:7px;white-space:nowrap;background:none;border:0;font-size:19px;padding:0;color:#b9a4ff}.brand b{color:#f3f0ff}.brand span{color:#9195a7;font-size:13px;letter-spacing:1.5px}.divider{height:24px;width:1px;background:#363540}#name{background:none;border:1px solid transparent;width:210px}#name:hover{border-color:#363846}.saved{color:#9ba593;font-size:11px;white-space:nowrap}.header-actions{display:flex;gap:7px;margin-left:auto}.header-actions button{padding:8px 12px}main{display:grid;grid-template-columns:74px 238px minmax(360px,1fr) 250px;height:calc(100vh - 66px)}.rail{border-right:1px solid #2b2d37;background:#14151c;display:flex;flex-direction:column;align-items:stretch;padding-top:14px;gap:5px}.rail button{border:0;background:none;color:#888fa2;padding:14px 0;border-radius:0;font-size:11px}.rail button span{display:block;font-size:23px;line-height:1.2;margin-bottom:7px}.rail button.active{background:#292237;color:#c9b7ff;border-left:3px solid #b69bff}.rail-bottom{margin-top:auto;text-align:center;color:#666e81;padding:20px;font-size:10px;line-height:1.7}.library,.inspector{background:#191a22;border-right:1px solid #2b2d37;padding:18px 15px;overflow:auto;position:relative}.library{display:flex;flex-direction:column}.tab{flex:1}.tab[hidden]{display:none}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}h2{font-size:14px;margin:0 0 16px;font-weight:600}.panel-title h2{margin:0}.panel-title>span{font-size:10px;background:#272835;color:#9499ab;border-radius:4px;padding:2px 6px}.import{display:block;padding:11px;text-align:center;color:#c9b8ff;background:#2b253b;border:1px dashed #685380;border-radius:7px;cursor:pointer}.import:hover{background:#3b2d50}.hint{color:#858da1;line-height:1.8;font-size:11px;margin:12px 0 19px}.media-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.media-card{position:relative;min-width:0;background:#232530;border:1px solid #343744;border-radius:7px;overflow:hidden;cursor:pointer}.media-card:hover{border-color:#aa90e2}.media-thumb{height:68px;background:#10131b;display:flex;align-items:center;justify-content:center;font-size:25px;color:#a99ccf}.media-thumb video,.media-thumb img{width:100%;height:100%;object-fit:cover;pointer-events:none}.media-card small{display:block;padding:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.media-card .media-duration{position:absolute;right:4px;top:46px;font-size:9px;padding:1px 4px;border-radius:3px;background:#000a}.media-card .add{position:absolute;right:4px;top:4px;background:#b4a0ff;color:#17121e;border:0;border-radius:4px;padding:1px 7px}.empty-library{text-align:center;color:#6c7389;font-size:32px;padding:40px 0}.empty-library p{font-size:11px;line-height:1.9}.storage-dot{margin-top:24px;border-top:1px solid #2d303b;padding-top:12px;font-size:10px;color:#838c9d;display:flex;gap:5px}.storage-dot>span:first-child{color:#7cd6ad}.workspace{display:flex;flex-direction:column;min-width:0;background:#101116;min-height:0}.canvas-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #222530;flex-shrink:0}.breadcrumb{font-size:11px;color:#9097aa}.breadcrumb span{font-size:9px;color:#a59ac8;margin-left:12px}.canvas-toolbar select{font-size:11px;padding:5px 8px}.stage{flex:1;min-height:130px;display:flex;align-items:center;justify-content:center;padding:24px 30px;background:radial-gradient(ellipse at center,#222331 0,#101117 75%);overflow:hidden}#frame{position:relative;overflow:hidden;background:#000;box-shadow:0 15px 50px #0006;flex-shrink:0}#frame video,#frame>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}#frame [hidden]{display:none}#text-overlay{position:absolute;inset:0;pointer-events:none}.overlay-text{position:absolute;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;line-height:1.3;max-width:92%;transform:translate(-50%,-50%);cursor:move;pointer-events:auto;user-select:none}.overlay-text.selected{outline:1px dashed #d2baff;outline-offset:7px}#empty{position:absolute;inset:0;background:linear-gradient(145deg,#181822,#101017);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center}.empty-mark{font-size:70px;color:#a38cd4;line-height:1}#empty h1{font-size:19px;margin:18px 0 4px;font-weight:500}#empty p{font-size:11px;color:#8890a5;margin-bottom:22px}#preview-shade{position:absolute;inset:0;background:#000;pointer-events:none;opacity:0}.transport{display:flex;align-items:center;gap:11px;padding:10px 16px;border-top:1px solid #272936;flex-shrink:0}.transport .play{background:#c4b1ff;color:#17121f;border:0;border-radius:50%;width:34px;height:34px;padding:0}.transport #clock{font:10px Consolas,monospace;white-space:nowrap}#clock i{color:#727d91;font-style:normal}.transport input{flex:1;width:40px}.transport button{font-size:10px;padding:6px 8px}.timeline{height:237px;flex-shrink:0;border-top:1px solid #323441;background:#161820;padding:0 16px}.timeline-toolbar{display:flex;gap:14px;align-items:center;height:40px}.timeline-toolbar b{font-size:12px}.timeline-toolbar>span{font-size:10px;color:#8d95a8}.zoom{display:flex;align-items:center;gap:7px;margin-left:auto;color:#8a93a6;font-size:10px}.zoom input{width:80px}#timeline-scroll{overflow:auto;position:relative;height:159px}#ruler{height:20px;position:relative;font:9px Consolas;color:#727c90;min-width:100%}#ruler span{position:absolute;top:0;border-left:1px solid #434657;padding-left:5px;height:12px}.track{position:relative;min-width:100%;height:40px;background:linear-gradient(90deg,#20232c77,#191b2277);margin-bottom:5px;border-radius:4px}.video-track{display:flex;gap:2px}.timeline-clip{flex-shrink:0;background:#4a3e6a;border:1px solid #77639e;border-radius:5px;overflow:hidden;position:relative;padding:5px 8px;font-size:10px;cursor:grab;min-width:20px;color:#ded4f3}.timeline-clip.selected{border:2px solid #d2bcff;box-shadow:0 0 0 1px #d2bcff55 inset}.timeline-clip small{display:block;color:#b6a9cd;font:9px Consolas;margin-top:2px}.timeline-text,.timeline-audio{position:absolute;height:32px;top:4px;border-radius:4px;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 7px;cursor:pointer}.timeline-text{background:#6f552e;border:1px solid #bd9359;color:#f1dbb5}.timeline-audio{background:#245652;border:1px solid #448d84;color:#c3ebe5}.timeline-text.selected,.timeline-audio.selected{outline:1px solid #fff}.timeline-audio svg{position:absolute;inset:8px 0 0;width:100%;height:25px;opacity:.25}#playhead{position:absolute;top:20px;bottom:0;width:1px;background:#ddc5ff;pointer-events:none}#playhead:before{content:'';position:absolute;top:-6px;left:-4px;width:9px;height:9px;background:#ddc5ff;transform:rotate(45deg)}.timeline-footer{display:flex;justify-content:space-between;color:#747e93;font-size:9px;padding-top:9px}.inspector{border-right:0;border-left:1px solid #2b2d37;padding:18px 15px}.inspector label,dialog label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:13px 0;font-size:11px;color:#adb3c4}.inspector input[type=number]{width:75px}.inspector input[type=range]{width:105px}.inspector select{max-width:125px;font-size:11px}.inspector h3{font-size:11px;color:#adb4c8;border-top:1px solid #343744;padding-top:18px;margin-top:22px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.preset{min-height:50px;padding:8px 5px;font-size:13px;font-weight:bold;background:#12141c;border:1px solid #3e3c4b}.preset.active{border:1px solid #b79aff;background:#342846}.item-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 8px;background:#242630;border:1px solid #353946;border-radius:6px;margin:8px 0;cursor:pointer}.item-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row small{color:#9199ac;font-size:10px}.item-row button{padding:3px 7px}.upload-row{font-size:10px;padding:8px;background:#302a43;color:#cfc0f2;margin:8px 0;border-radius:5px}.login{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 70% 30%,#392e55 0,#12131c 55%);display:flex;align-items:center;justify-content:center}.login[hidden]{display:none}.login-card{width:400px;max-width:90vw;padding:30px}.login h1{font-size:36px;line-height:1.5;font-weight:500;margin-top:35px}.login p{color:#a0a2b4;line-height:1.8}.login label{display:block;font-size:12px;margin:24px 0 8px}.login input,.login button.primary{width:100%;padding:13px;margin-bottom:10px}.login-card>small{display:block;margin-top:40px;color:#6b7085;letter-spacing:2px;font-size:10px}#loginerror{color:#ffb1b6;font-size:12px}dialog{background:#1d1e29;color:#e9e9f1;border:1px solid #464052;border-radius:14px;padding:28px;width:480px;max-width:94vw;max-height:86vh;overflow:auto;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#05060bcc;backdrop-filter:blur(6px)}.dialog-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.dialog-title small{font-size:9px;letter-spacing:2px;color:#ab96c9}.dialog-title h2{font-size:23px;margin:8px 0}.dialog-title>button{background:none;border:0}.project-row{display:flex;gap:10px;align-items:center;padding:16px 10px;border-bottom:1px solid #3b3c49;cursor:pointer}.project-row:hover{background:#302a40}.project-row .project-icon{font-size:25px;color:#bba7e8}.project-row small{display:block;color:#8d97ad;font-size:10px}.project-row button{margin-left:auto;font-size:10px}.export-summary{padding:15px;background:#14161e;color:#b5b8c9;font-size:12px;border:1px solid #383340;border-radius:8px;margin:20px 0}.job-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin:25px 0 10px}.job-top b{font-weight:400}progress{width:100%;height:8px;border:0;accent-color:#b8a0ff}progress::-webkit-progress-bar{background:#373340;border-radius:4px}progress::-webkit-progress-value{background:#baa1ff;border-radius:4px}.download{display:block;color:#cbb7ff;padding:14px;margin-top:15px;border:1px solid #746087;border-radius:7px;text-align:center;text-decoration:none}.download[hidden]{display:none}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#e3d7ff;color:#21182d;border-radius:8px;box-shadow:0 6px 30px #0008;z-index:200;display:none;font-size:12px;max-width:90vw}#app[hidden]{display:none}.error{color:#ffb4b4!important}.text-style-subtitle{color:white;text-shadow:-2px -2px #000,2px 2px #000,0 2px #000;font-weight:800}.text-style-bold{font-weight:800;text-shadow:2px 3px 4px #000}.text-style-outline{-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:2px 2px #000}.text-style-neon{text-shadow:0 0 2px #a855f7,0 0 8px #a855f7;font-weight:800}.text-style-box{background:#514091e6;padding:8px 14px;border-radius:2px}.text-style-title{font-family:VDOSerif;font-weight:400;text-shadow:2px 3px 4px #000}.mini-actions{display:flex;gap:6px;flex-wrap:wrap}.mini-actions button{font-size:10px;padding:7px}.inspector-note{padding:12px;background:#252333;color:#b2a4ca;font-size:10px;line-height:1.8;border-radius:6px}@media(max-width:1200px){main{grid-template-columns:65px 200px minmax(300px,1fr) 220px}header{gap:10px;padding:0 14px}#name{width:155px}.saved{max-width:145px;overflow:hidden;text-overflow:ellipsis}.stage{padding:15px}}@media(max-width:980px){body{overflow:auto}main{height:auto;min-height:calc(100vh - 66px);grid-template-columns:60px 185px minmax(320px,1fr)}.inspector{grid-column:2/4;border-top:1px solid #343442;max-height:350px}.workspace{height:700px}.rail{grid-row:1/3}.saved{display:none}.header-actions #save,.header-actions #logout{display:none}.timeline-footer span{display:none}.stage{padding:12px}.transport{gap:7px;padding:10px}.transport button{font-size:9px}header .divider{display:none}}@media(max-width:650px){header{height:60px;padding:0 10px;gap:8px}.brand span{display:none}#name{width:125px;font-size:11px}.header-actions button{padding:7px 9px}.header-actions #redo{display:none}main{grid-template-columns:50px minmax(0,1fr)}.rail{grid-row:1/4}.library{grid-column:2;grid-row:2;max-height:260px;border-top:1px solid #333344}.library .media-list{grid-template-columns:repeat(4,1fr)}.library .storage-dot{display:none}.workspace{grid-column:2;grid-row:1;height:620px}.inspector{grid-column:2;grid-row:3}.stage{padding:8px}.canvas-toolbar{padding:0 10px}.breadcrumb{font-size:10px}.breadcrumb span{display:none}.transport{gap:6px}.transport #clock{font-size:9px}.transport #duplicate{display:none}.transport #remove{display:none}.timeline{padding:0 8px;height:220px}.timeline-footer{font-size:8px}.timeline-toolbar{gap:8px}#empty h1{font-size:15px}#empty p{font-size:10px}.empty-mark{font-size:45px}.timeline-toolbar .zoom input{width:60px}.rail button{font-size:9px}.rail-bottom{padding:10px}.media-thumb{height:55px}.media-card .media-duration{top:33px}#empty .primary{font-size:11px}.login h1{font-size:32px}}

.inspector-actions{display:none}@media(max-width:650px){.header-actions #redo{display:block}.inspector-actions{display:flex;gap:8px;margin-top:18px}.inspector-actions button{flex:1}.inspector{max-height:none}.header-actions{gap:4px}#name{width:110px}}

.overlay-text{width:max-content}

/* Editing workspace: precise trim handles and visual text style gallery. */
:root{--edit-accent:#69e5d2}.timeline{height:268px;background:#12151b}.timeline-toolbar{height:44px}.video-track{height:57px}.timeline-clip{height:56px;padding:9px 13px;background:linear-gradient(160deg,#3d5261,#263b48);border-color:#557886;font-size:11px}.timeline-clip.selected,.timeline-clip.trimming{border-color:var(--edit-accent);box-shadow:inset 0 0 0 1px var(--edit-accent)}.timeline-clip small{color:#bdd6dc;margin-top:8px}.trim-handle{position:absolute;top:0;bottom:0;width:10px;cursor:ew-resize;touch-action:none;z-index:5;background:#69e5d23b;opacity:0}.timeline-clip:hover .trim-handle,.timeline-clip.selected .trim-handle,.timeline-clip.trimming .trim-handle{opacity:1}.trim-start{left:0;border-right:1px solid #8ffff155}.trim-end{right:0;border-left:1px solid #8ffff155}.trim-handle:after{content:'';position:absolute;top:18px;height:18px;left:4px;width:2px;border-radius:2px;background:#c5fff4}.trim-readout{position:fixed;z-index:300;transform:translateX(-50%);background:#d5fff6;color:#12362d;border:1px solid #7cd6c3;padding:7px 12px;border-radius:5px;pointer-events:none;font:12px VDO,sans-serif;box-shadow:0 4px 15px #0005}.track-badges{color:#7faaa8!important;font-size:9px!important}#timeline-scroll{height:181px}#ruler{height:23px;cursor:ew-resize;touch-action:none}#playhead{top:23px;background:#83f6df}.text-track{background:#242019}.audio-track{background:#162723}.timeline-footer{font-size:9px}.preset-grid{gap:9px}.preset{min-height:83px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;overflow:hidden;transition:background .15s,border-color .15s,transform .15s}.preset:hover{transform:translateY(-2px);border-color:#9ef0df}.preset small{font:10px VDO,sans-serif;color:#a3acbc;text-shadow:none;-webkit-text-stroke:0}.preset-preview{display:block;font-size:20px;line-height:1.6}.preset.active{border:2px solid #65d8c6;box-shadow:0 0 0 1px #65d8c633}.preset.text-style-box{background:#151820;padding:8px}.preset.text-style-box .preset-preview{background:#514091;padding:2px 8px;border-radius:3px}#preset-library .preset{min-height:94px}#tab-text>h2{margin-bottom:20px}.inspector .preset{min-height:70px}.inspector .preset-preview{font-size:17px}@media(max-width:650px){.track-badges{display:none}.trim-handle{width:13px;opacity:1}.trim-handle:after{left:5px}.timeline{height:256px}.timeline-footer{font-size:8px}.timeline-clip{font-size:10px}.preset-grid{grid-template-columns:1fr 1fr}.library #preset-library{grid-template-columns:repeat(3,1fr)}.preset-preview{font-size:17px}}

/* Workshop monitoring reference theme — shared across every editor surface. */
:root{color-scheme:dark;--edit-accent:#49deed;--cyan:#61e4f2;--line:#21454d;--panel:#081b21;--muted:#7cabb5}
html,body{background:#030d12;color:#d6edf2}body{background:radial-gradient(ellipse at 45% 0,#102e39 0,#040f15 65%)}
header{background:linear-gradient(180deg,#102630,#07171e);border-bottom:1px solid #305761;box-shadow:0 2px 14px #29c7e014;position:relative}
header:after{content:'';position:absolute;left:20%;right:20%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#5eeaff,transparent);pointer-events:none}
.brand{color:#64e1ef;text-shadow:0 0 10px #29c7e04d}.brand b{color:#bdeff5}.brand span{color:#78aeb9}.divider{background:#2b515d}.saved{color:#80c6c2}#name{color:#d0ecf1}#name:hover{border-color:#38606a}
button{background:linear-gradient(180deg,#12313b,#0c222b);border-color:#2b535f;color:#c6e6ed;border-radius:4px}button:hover{background:linear-gradient(180deg,#194751,#12323d);border-color:#66cbd9;box-shadow:0 0 9px #36ced51a}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#68e6f3}
.primary{background:linear-gradient(180deg,#69e9f4,#34bbd0);color:#03252d;border:1px solid #8cebf3;box-shadow:0 0 13px #22c8df20}.primary:hover{background:linear-gradient(180deg,#9af6ff,#52d3e3);border-color:#b3f8ff}
input,select,textarea{background:#06161d;border-color:#2b4b57;color:#d9ecf2;border-radius:4px}input[type=range]{accent-color:#52dce8}input[type=checkbox]{accent-color:#5bd9e4}input::placeholder,textarea::placeholder{color:#63818e}
main{background:#030d12}.rail{background:linear-gradient(90deg,#06161d,#081b23);border-right-color:#24434e}.rail button{color:#749da9}.rail button.active{background:linear-gradient(90deg,#153d48,#09202a);color:#79edfa;border-left-color:#64e5ed;box-shadow:inset 0 0 16px #20bfd51a}.rail-bottom{color:#597f8e}
.library,.inspector{background:linear-gradient(120deg,#0b222a,#06161d);border-color:#294650}.panel-title{border-bottom:1px solid #23424b;padding-bottom:13px}.panel-title h2,h2{color:#74e6f1;text-shadow:0 0 10px #27c3dc21}.panel-title>span{background:#102f39;color:#89d6e2;border:1px solid #234c59}.hint{color:#7fa6b4}.import{color:#98edf5;background:linear-gradient(180deg,#12343f,#0b252f);border-color:#3d7886;border-radius:4px}.import:hover{background:#17414c;border-color:#71d8e4}
.media-card{background:#0c242e;border-color:#2a4b58;border-radius:4px}.media-card:hover{border-color:#54d4e5;box-shadow:0 0 10px #39d2df21}.media-thumb{background:#041117;color:#66cddd}.media-card .add{background:#64dbe8;color:#052a34}.media-card small{color:#bbd7e2}.empty-library{color:#537c8b}.storage-dot{border-color:#25434c;color:#82a9b3}.upload-row{background:#10313c;color:#a1e7ef}
.workspace{background:#030d12}.canvas-toolbar{background:linear-gradient(180deg,#0c232d,#071820);border-bottom-color:#25404c}.breadcrumb{color:#87bac7}.breadcrumb span{color:#54d9e9}.stage{background:radial-gradient(ellipse at 50% 40%,#12313d 0,#051219 70%)}#frame{box-shadow:0 0 0 1px #2b5963,0 0 18px #32d5e51c,0 18px 45px #0008}#empty{background:radial-gradient(ellipse at 50% 35%,#153845,#061219 80%)}.empty-mark{color:#5cd7e8;text-shadow:0 0 25px #2bc4df66}#empty p{color:#82a9b5}#empty h1{color:#c2e5ed}
.transport{background:#071a22;border-top-color:#2a4853}.transport .play{background:linear-gradient(180deg,#85eef5,#41c7da);color:#052b34;box-shadow:0 0 12px #35cfe32c}.transport #clock{color:#b7e9ef}#clock i{color:#5c8797}
.timeline{background:linear-gradient(180deg,#09202a,#05141c);border-top-color:#38606a}.timeline-toolbar b{color:#83e5ee}.timeline-toolbar>span{color:#779da8}.track-badges{color:#68adb6!important}.zoom{color:#6dabb9}#ruler{color:#76a7b5}#ruler span{border-left-color:#345864}.track{background:#0b252f}.video-track{background:#0b242d}.text-track{background:#122b31}.audio-track{background:#082d31}.timeline-clip{background-color:#123642;border-color:#2c7181;color:#d0edf4}.timeline-clip.selected,.timeline-clip.trimming{border-color:#69edfa;box-shadow:inset 0 0 0 1px #69edfa,0 0 9px #2fd7e91a}.timeline-clip small{color:#94ccd8}.trim-handle{background:#53d8e94d}.trim-handle:after{background:#b5f9ff}.trim-readout{background:#b6f5fa;color:#093641;border-color:#70dbe9}.timeline-text{background:#1a515d;border-color:#6ebcca;color:#d1f6fa}.timeline-audio{background:#124b49;border-color:#4d9692;color:#c0eee7}#playhead,#playhead:before{background:#81f2fc}.timeline-footer{color:#628d9c}
.inspector label,dialog label{color:#a2c5d1}.inspector h3{color:#7ed7e4;border-color:#2b4a55}.inspector-note{background:#102f3a;color:#91bdca;border:1px solid #244d59}.item-row{background:#0b2731;border-color:#2d4e5b;color:#c0dce6}.item-row:hover{background:#123843;border-color:#44818f}.item-row small{color:#78a9b7}
.preset{background:linear-gradient(145deg,#102c37,#071a23);border-color:#2d4c5b;border-radius:4px}.preset:hover{border-color:#67dcea}.preset.active{border-color:#6de4ef;box-shadow:0 0 12px #2fc5df1a}.preset small{color:#7daab8}.preset.text-style-box{background:#0a2029}.preset.text-style-box .preset-preview{background:#1d6170}.preset-preview{color:#e1f9fc}.preset.text-style-neon .preset-preview{text-shadow:0 0 3px #71eaff,0 0 12px #1fc9e7}
.login{background:radial-gradient(ellipse at 50% 25%,#17404e 0,#06151d 52%,#020b10 100%)}.login-card{background:linear-gradient(130deg,#10303ac7,#06151de6);border:1px solid #30505b;border-radius:6px;box-shadow:0 0 30px #25bfd817;padding:35px}.login h1{color:#cff0f5;text-shadow:0 0 20px #48d8ee18}.login p{color:#86b5c4}.login-card>small{color:#5c9bac}.login label{color:#8bc4d1}
dialog{background:linear-gradient(130deg,#112f3a,#071920);border-color:#3a6976;border-radius:6px;box-shadow:0 0 0 1px #6ad7e517,0 25px 100px #0009}dialog::backdrop{background:#000b12d9}.dialog-title small{color:#62ccd9}.dialog-title h2{color:#b0edf4}.project-row{border-color:#284b57}.project-row:hover{background:#143a46}.project-row .project-icon{color:#63d5e7}.project-row small{color:#75a7b8}.export-summary{background:#071d26;color:#a5ccd8;border-color:#315562}.download{color:#8aedf6;border-color:#438491;background:#103540}.download:hover{background:#164550}.job-top{color:#9dd5de}progress{accent-color:#52d6e5}progress::-webkit-progress-bar{background:#18343e}progress::-webkit-progress-value{background:linear-gradient(90deg,#188ba6,#70edf5)}#toast{background:#b9edf2;color:#0c333d;border:1px solid #73cdd9;border-radius:5px}.error{color:#ffb4a4!important}
/* Exported text artwork retains its own chosen colors and effects. */
@media(max-width:980px){.inspector{border-top-color:#2c4f59}}@media(max-width:650px){.library{border-top-color:#2b4e5a}.login-card{padding:25px}.login h1{font-size:29px}}

.preset.text-style-box .preset-preview{background:#514091}.preset.text-style-neon .preset-preview{text-shadow:0 0 3px #a855f7,0 0 12px #a855f7}

/* Readability and control hierarchy, matched to the workshop cyan reference. */
html,body{font-size:14px}.hint{font-size:12px;color:#95b9c5}.breadcrumb{font-size:12px;color:#9dc9d5}.saved{font-size:12px;color:#91d7d1}.panel-title h2,h2{font-size:15px}.storage-dot{font-size:11px;color:#9ac0c9}.timeline-footer{color:#8fb5c2;font-size:10px}#ruler{color:#9dc5d2;font-size:10px}.rail button{color:#98becb;font-size:12px}.rail-bottom{color:#83aab8;font-size:11px}.media-card small{font-size:11px}.media-card .media-duration{font-size:10px}.item-row small{font-size:11px;color:#a0c5d2}.preset small{color:#b0cbd5;font-size:11px}.inspector label,dialog label{font-size:12px;color:#bcd7df}.inspector-note{color:#a9cbd5;font-size:11px}.inspector h3{font-size:12px}.transport button{font-size:11px;min-height:32px}.transport #clock{font-size:11px}.header-actions button{min-height:38px}.header-actions .primary{font-size:14px;padding:8px 20px}.primary{font-weight:700}.import{font-size:14px}.preset{min-height:86px}.preset.active{border-color:#7ceaf4;box-shadow:inset 0 0 0 1px #7ceaf42b,0 0 10px #25c5df20}.preset-preview{color:#e5fbff}.project-row{min-height:68px}.project-row small{font-size:12px;color:#94bac8}.dialog-title small{font-size:11px;color:#8cd8e5}.export-summary{font-size:13px;color:#bddce4}.job-top{font-size:12px}.login p{color:#a4c6d2}.login label{font-size:13px;color:#b4dce5}.login-card>small{color:#81b8c7}button:disabled{opacity:.5;box-shadow:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #98f3fc;outline-offset:3px}.error{color:#ffb9a9!important}.track-badges{color:#94c8d0!important}.timeline-text{background:#164550;border-color:#64afc0}.timeline-audio{background:#124541;border-color:#5a9e98}
/* Text-style cards preview the same artwork as the video; chrome stays cyan. */
.preset.text-style-title,.preset.text-style-neon,.preset.text-style-outline,.preset.text-style-subtitle,.preset.text-style-bold{background:linear-gradient(145deg,#102c37,#071a23)}
.preset.text-style-title{font-family:VDO,sans-serif}.preset.text-style-title .preset-preview{font-family:VDOSerif}.preset.text-style-neon small,.preset.text-style-outline small,.preset.text-style-subtitle small,.preset.text-style-bold small,.preset.text-style-title small{text-shadow:none;-webkit-text-stroke:0;font-weight:400}
#text-list .item-row,#audio-list .item-row{min-height:44px}dialog label select{min-height:40px}.download{min-height:44px}
@media(min-width:981px){.inspector input[type=number]{width:84px}.inspector select{max-width:135px}.inspector{padding:18px 14px}}
@media(max-width:650px){header{height:66px}.brand{font-size:18px}#name{width:94px;font-size:12px}.header-actions button{min-height:40px;min-width:36px;padding:8px}.header-actions .primary{font-size:12px;padding:8px 12px}.rail button{min-height:64px;font-size:11px}.rail{width:54px}main{grid-template-columns:54px minmax(0,1fr)}.workspace{height:660px}.canvas-toolbar{height:48px;gap:4px;padding:0 8px}.breadcrumb{font-size:11px}.canvas-toolbar select{min-height:36px;font-size:11px;max-width:145px}.transport{flex-wrap:wrap;gap:7px;padding:10px 8px}.transport .play{width:40px;height:40px;min-width:40px}.transport #clock{font-size:10px}.transport #split{min-height:40px;min-width:55px;font-size:11px}.transport input[type=range]{min-width:50px}.timeline{height:265px}.timeline-toolbar{gap:6px}.timeline-toolbar b{font-size:12px}.timeline-toolbar>span{font-size:10px}.zoom input{width:56px}.timeline-footer{font-size:9px;line-height:1.7}.trim-handle{width:14px}.trim-handle:after{left:6px}.library{max-height:340px;padding:16px 12px}.library .media-list{grid-template-columns:repeat(3,minmax(0,1fr))}.media-card .add{min-width:30px;min-height:30px;top:2px;right:2px;font-size:18px}.media-thumb{height:64px}.media-card .media-duration{top:43px;font-size:9px}.library #preset-library{grid-template-columns:1fr 1fr}.preset{min-height:88px}.preset-preview{font-size:21px}.preset small{font-size:12px}.inspector{padding:18px 14px;overflow:visible}.inspector input[type=number]{min-height:42px;width:94px;font-size:14px}.inspector select{min-height:42px;max-width:160px;font-size:12px}.inspector label{font-size:13px;margin:16px 0}.inspector input[type=range]{width:130px}.inspector .mini-actions button{min-height:42px;font-size:12px}.inspector-actions button{min-height:44px;font-size:13px}.import{min-height:44px}.inspector textarea{font-size:15px;min-height:94px}.hint{font-size:12px}.login-card{width:360px;max-width:92vw;padding:25px}.login h1{font-size:30px}.login input,.login button.primary{min-height:48px;font-size:15px}.login p{font-size:14px}dialog{padding:22px 18px;max-width:94vw}dialog button{min-height:42px}.dialog-title h2{font-size:23px}.project-row{min-height:76px}.dialog-title>button{min-width:42px}.job-top{line-height:1.6}#toast{bottom:15px;font-size:13px;padding:13px 16px}.storage-dot{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

#timeline-scroll:focus{outline:none}#timeline-scroll:focus-visible{outline:1px solid #63dfeb;outline-offset:2px}