:root{color-scheme:light;--bg:#f6f8fc;--paper:#fff;--sub:#f7faff;--line:#e4eaf2;--text:#1b293c;--muted:#69798e;--blue:#2c79ef;--blue-soft:#e9f2ff;--shadow:0 10px 34px rgba(30,61,107,.045)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:10px;font-weight:650;transition:background .14s,transform .14s,color .14s}button:disabled{cursor:not-allowed;opacity:.42}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #72adff;outline-offset:2px}a{color:inherit;text-decoration:none}.topbar{height:68px;border-bottom:1px solid var(--line);padding:0 clamp(14px,3vw,48px);display:flex;align-items:center;justify-content:space-between;background:var(--paper);gap:12px}.brand{display:flex;gap:10px;align-items:center;min-width:0;white-space:nowrap}.brand strong{font-size:16px}.mark{display:inline-grid;place-items:center;background:#2d7bf1;color:#fff;font-weight:850;font-size:20px;width:33px;height:33px;border-radius:10px;flex:none}.slash{color:#a2aaba;margin:0 2px}.brandtool{font-weight:600;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.actions,.topbuttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.offline{border:1px solid #d4e8fa;border-radius:50px;background:#f0f9ff;color:#37688c;font-size:12px;padding:6px 12px;white-space:nowrap}.small-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#26b987;margin-right:6px}.shell{max-width:1750px;margin:auto;padding:32px clamp(14px,2.4vw,42px)}.intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:26px}.eyebrow{font-size:10px;color:#4889de;font-weight:850;letter-spacing:2px;margin:0 0 7px}h1{font-weight:790;font-size:clamp(28px,3vw,43px);letter-spacing:-1.5px;line-height:1.14;margin:0}h1 em{font-style:normal;color:#3f89ed}.dek{color:var(--muted);margin:11px 0 0;max-width:670px;font-size:14px}.project-actions{display:flex;align-items:flex-end;flex-direction:column;gap:8px}.projectlabel{color:var(--muted);display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.projectlabel input{width:215px;height:34px}.primary{background:#2b79ed;color:#fff;padding:10px 16px;box-shadow:0 5px 15px #3c7dea22}.primary:hover{background:#1b62cd}.soft{background:var(--blue-soft);color:#286cbd;padding:9px 12px}.soft:hover{background:#dcecff}.quiet{background:0 0;color:var(--muted);padding:8px 10px}.quiet:hover{background:var(--sub);color:var(--text)}.small{background:var(--sub);border:1px solid var(--line);padding:6px 10px;color:var(--text);font-size:12px}.small:hover{background:var(--blue-soft)}.danger:hover{color:#d83850}.full{width:100%;margin-top:6px}.studio{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr) minmax(214px,260px);gap:16px;align-items:start}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);min-width:0}.inspector,.sidebar{padding:18px}.section-label{display:flex;justify-content:space-between;gap:6px;color:#6d7d92;font-size:10px;font-weight:850;letter-spacing:1.3px;margin-bottom:15px}.section-label span{color:#8ea0b9;white-space:nowrap;letter-spacing:0}.tools{display:grid;gap:6px}.tool{text-align:left;padding:11px 12px;display:flex;align-items:center;gap:11px;width:100%;color:#45586d;background:0 0;font-weight:600}.tool span{font-size:19px;width:25px;text-align:center}.tool.active,.tool:hover{background:#ecf4ff;color:#1e70da}.tool.active{box-shadow:inset 3px 0 #2a7df2}.hairline{height:1px;background:var(--line);margin:20px 0}.micro,.tiptext{color:var(--muted);font-size:11px;line-height:1.55}.tiptext{padding:2px 8px;min-height:42px}.presets{display:grid;gap:8px}.preset{padding:10px;text-align:left;background:var(--sub);border:1px solid var(--line);color:var(--text);font-size:12px}.preset:hover{background:var(--blue-soft)}.field{display:flex;flex-direction:column;gap:6px;color:#65758b;font-size:11px;font-weight:650;margin:12px 0}.duration input,.field input:not([type=color]),.field select,.field textarea,.projectlabel input{width:100%;padding:9px 10px;background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:9px;min-width:0}.field textarea{resize:vertical;min-height:72px}.field input[type=color]{width:100%;height:37px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--sub);cursor:pointer}.ethical{padding:11px;border:1px dashed #bfd2eb;background:var(--sub);border-radius:10px;color:var(--muted);font-size:11px}.workspace{overflow:hidden}.stage-head,.timeline-head{padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.stage-head{border-bottom:1px solid var(--line)}.stage-head>div:first-child{display:flex;flex-direction:column;gap:1px}.stage-head strong,.timeline-head strong{font-size:13px}.count,.stage-head span{font-size:11px;color:var(--muted)}.stagebuttons,.timeline-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.stage-border{background:#121a2a;padding:14px;position:relative;overflow:hidden}#stage{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none;border-radius:7px;cursor:crosshair;background:#101b2b}.stageHint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);pointer-events:none;background:#0a1828c9;color:#c8d9f0;padding:6px 14px;border-radius:100px;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis;font-size:11px}.playbar{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:11px 15px}.play{display:grid;place-items:center;background:#2c7ded;color:#fff;border-radius:50%;width:37px;height:37px;flex:none;font-size:15px}.time{font:600 11px/1.2 ui-monospace,monospace;color:var(--muted);white-space:nowrap}.playbar input[type=range]{width:100%;flex:1;min-width:25px;accent-color:var(--blue)}.speed{white-space:nowrap;font-size:11px;color:var(--muted)}.speed select{max-width:67px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--text);padding:5px}.timeline-head{padding-bottom:11px}.duration{color:var(--muted);font-size:11px;white-space:nowrap}.duration input{width:59px;padding:5px 7px}.timeline{max-height:278px;overflow:auto;padding:0 12px 15px;display:grid;gap:7px}.timeline-row{display:grid;grid-template-columns:29px minmax(90px,152px) 1fr;gap:8px;align-items:center;min-height:45px;background:var(--sub);border:1px solid var(--line);border-radius:10px;padding:6px 8px}.timeline-row.selected{border-color:#78b2ff;background:var(--blue-soft)}.vis-btn{padding:6px 4px;border:0;background:0 0;font-size:17px;color:var(--text)}.layer-name{background:0 0;color:var(--text);text-align:left;border:0;padding:0;font-weight:650;min-width:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-name small{font-weight:500;display:block;color:var(--muted);font-size:10px}.timebar{height:24px;position:relative;border-radius:5px;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#dce5ee calc(25% - 1px),#dce5ee 25%);overflow:hidden}.timeclip{position:absolute;top:5px;height:14px;border-radius:4px;min-width:5px;background:#8fbbfb;border:1px solid #3984dd}.selected .timeclip{background:#3e88f1}.empty-state{border:1px dashed var(--line);padding:22px;text-align:center;color:var(--muted);border-radius:10px}.status{border-top:1px solid var(--line);padding:10px 15px;color:#55758f;font-size:11px;min-height:39px}.inspector-empty{text-align:center;color:var(--muted);padding:24px 5px 14px}.inspector-empty strong{display:block;color:var(--text);font-size:14px}.inspector-empty p,.inspector-help p{font-size:12px;color:var(--muted)}.star{font-size:42px;color:#8eb9fa}.itemHeading{font-weight:700;color:var(--text);background:var(--sub);padding:9px;border-radius:8px}.formtwo,.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{display:flex;gap:7px;align-items:center;color:var(--text);font-size:12px;margin:11px 0}.check input{accent-color:var(--blue)}.inspector-help{background:var(--sub);padding:12px;border-radius:10px}.inspector-help strong{font-size:12px}.inspector-help p{margin-bottom:0}.featureline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.featureline article{padding:17px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.featureline strong{font-size:12px}.featureline p{font-size:11px;color:var(--muted);margin:4px 0 0}footer{text-align:center;color:var(--muted);padding:22px 14px 32px;font-size:11px}.modal-back{position:fixed;inset:0;z-index:1000;background:#08162dcc;display:flex;align-items:center;justify-content:center;padding:15px}.hidden{display:none!important}.modal{max-width:620px;width:100%;max-height:90vh;overflow:auto;background:var(--paper);color:var(--text);border-radius:19px;padding:24px;box-shadow:0 25px 75px #0004}.modal-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.modal h2{font-size:22px;margin:0 0 10px}.modal>p{font-size:13px;color:var(--muted)}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.export-grid button{display:flex;flex-direction:column;gap:4px;padding:14px;text-align:left;background:var(--sub);border:1px solid var(--line);color:var(--text)}.export-grid button:hover{border-color:#8fbafa;background:var(--blue-soft)}.export-grid small{font-weight:400;color:var(--muted)}.processing{text-align:center;max-width:390px}.spinner{width:45px;height:45px;border:4px solid #d0e6ff;border-top-color:#2978e9;border-radius:50%;animation:spin .9s linear infinite;margin:12px auto 21px}.progress{height:9px;background:var(--line);border-radius:999px;overflow:hidden;margin:20px 0 5px}.progress div{width:0;height:100%;background:var(--blue);transition:width .12s}.processing button{margin-top:24px;min-width:110px}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}body.dark{color-scheme:dark;--bg:#111824;--paper:#1a2535;--sub:#202e42;--line:#334359;--text:#e8f1fd;--muted:#a1b3c9;--blue-soft:#253e5d;--shadow:0 10px 30px #0002}body.dark .offline{background:#1d3e43;border-color:#33635c;color:#b0e3ce}body.dark .tool.active,body.dark .tool:hover{background:#263e5c;color:#9fc5ff}body.dark .timebar{background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#32455d calc(25% - 1px),#32455d 25%)}body.dark .ethical{border-color:#425d79}@media(max-width:1180px){.studio{grid-template-columns:200px minmax(0,1fr)}.inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;column-gap:26px}.inspector>.section-label{grid-column:1/-1}.inspector #inspectorFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px}.inspector #inspectorFields[hidden]{display:none}.inspector #inspectorFields .hairline,.inspector #inspectorFields .itemHeading{grid-column:1/-1}.inspector-help{grid-column:1/-1}.inspector .field{margin:4px 0}.inspector #inspectorEmpty{grid-column:1/-1}}@media(max-width:750px){.shell{padding:19px 12px}.intro{display:block;margin-bottom:17px}.project-actions{align-items:stretch;margin-top:18px}.projectlabel{justify-content:flex-start}.projectlabel input{flex:1;max-width:300px}.studio{display:flex;flex-direction:column;gap:12px}.inspector,.sidebar,.workspace{width:100%}.sidebar{padding:12px}.sidebar .tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.sidebar .tool{padding:9px 5px;flex-direction:column;gap:1px;text-align:center;font-size:10px;line-height:1.25;min-height:60px}.sidebar .tool span{font-size:23px}.sidebar .presets{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar .preset{font-size:10px;padding:8px}.sidebar .hairline{margin:12px 0}.sidebar .ethical,.sidebar .field,.sidebar .micro{max-width:100%}.stage-border{padding:6px}.stage-head{padding:10px}.stagebuttons{justify-content:flex-end}.playbar{gap:6px;padding:9px}.time{font-size:10px}.timeline-row{grid-template-columns:22px minmax(85px,135px) 1fr;gap:5px}.inspector{display:block}.inspector #inspectorFields{display:block}.inspector #inspectorFields[hidden]{display:none}.featureline{grid-template-columns:1fr;gap:8px;margin-top:15px}.stageHint{display:none}.brandtool{font-size:12px}.offline{display:none}}@media(max-width:400px){.topbar{padding:0 10px;height:60px}.brand{gap:6px}.brand strong{font-size:13px}.brandtool{font-size:10px}.topbuttons{gap:1px}.topbuttons button{padding:5px}.actions{gap:5px}.actions button{padding:8px;font-size:11px}.stage-head strong{font-size:11px}.stage-head .stagebuttons{gap:4px}.stage-head .small{font-size:10px;padding:5px}.timeline-head{display:block}.timeline-actions{margin-top:7px}.export-grid{grid-template-columns:1fr}.modal{padding:16px}}@media(max-width:750px){.stage-head{display:flex;flex-direction:column;align-items:stretch}.stage-head .stagebuttons{justify-content:flex-start;gap:6px}.stage-head .stagebuttons .small{min-height:31px}.stage-head .stagebuttons #jumpLayerBtn,.stage-head .stagebuttons #setLayerStartBtn{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.progress div,button{transition:none}}