/* No Limit Studio — deliberately scoped to .studio-body / .studio-shell */
.studio-body{--studio-bg:#09090a;--studio-panel:#111113;--studio-panel-2:#171719;--studio-line:rgba(255,255,255,.085);--studio-text:#f7f7f4;--studio-muted:#8e8e95;--studio-accent:#d8ff72;background:#0b0b0c;color:var(--studio-text);color-scheme:dark;min-height:100vh}
.studio-body .topbar{background:#0b0b0ce8;position:sticky;top:0;backdrop-filter:blur(24px);border-bottom:1px solid #ffffff0a}.studio-body .brand,.studio-body .pill{color:#f5f5f3}.studio-body .brand-mark{background:linear-gradient(145deg,#f2f2ef,#b8b8b3);color:#0a0a0b}.studio-body .pill{background:#ffffff08;border-color:#ffffff10;box-shadow:inset 0 1px #ffffff0c}.studio-body .menu-pop{background:#161618f3;border-color:#ffffff10}.studio-body .menu-pop a,.studio-body .menu-sub{color:#f5f5f3}.studio-body .menu-group{border-color:#ffffff0b}.studio-body .menu-group-title,.studio-body .menu-mini-title,.studio-body .menu-empty{color:#77777d}.studio-body .privacy-pop{background:#18181af4;color:#fff;border-color:#ffffff0f}.studio-body .privacy-pop p{color:#a0a0a5}.studio-body .privacy-zero{background:#ffffff0a;color:#e5e5df}
.studio-shell{width:min(1600px,100%);margin:0 auto;padding:20px clamp(14px,2.6vw,38px) 38px;position:relative;isolation:isolate}.studio-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:0 2px 14px}.studio-kicker{display:block;color:#6f6f76;font-size:9px;font-weight:900;letter-spacing:.18em;margin-bottom:4px}.studio-topline h1{margin:0;font-size:clamp(38px,5vw,64px);letter-spacing:-.075em;line-height:.88}.studio-project-actions{display:flex;align-items:center;gap:7px}.studio-icon-btn,.studio-export{border:1px solid var(--studio-line);background:#ffffff08;color:#eee;border-radius:14px;height:39px;min-width:39px;padding:0 12px;cursor:pointer;font-weight:800}.studio-icon-btn:disabled,.studio-export:disabled{opacity:.28;cursor:default}.studio-export{background:#f4f4f0;color:#0a0a0b;border-color:#fff;padding:0 17px;box-shadow:0 7px 22px #0006,inset 0 1px #fff}
.studio-workspace{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;min-height:calc(100vh - 160px)}.studio-blockbar{border:1px solid var(--studio-line);background:linear-gradient(180deg,#151517,#101012);border-radius:24px;padding:8px;display:flex;flex-direction:column;gap:7px;align-self:stretch;box-shadow:inset 0 1px #ffffff08,0 24px 70px #0005}.studio-block{height:66px;border:0;background:transparent;color:#aaa;border-radius:17px;display:grid;place-items:center;align-content:center;gap:4px;cursor:pointer;min-width:0;overflow:hidden}.studio-block b{font-size:23px;line-height:1;color:#f4f4f0}.studio-block span{font-size:8px;font-weight:850;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.studio-block:hover{background:#ffffff08;color:#fff}.studio-more-block{margin-top:auto}.studio-main{display:grid;grid-template-rows:minmax(340px,1fr) minmax(246px,34vh);gap:10px;min-width:0;min-height:0}.studio-preview-wrap,.studio-timeline-wrap{border:1px solid var(--studio-line);background:linear-gradient(180deg,#121214,#0e0e10);border-radius:26px;box-shadow:inset 0 1px #ffffff08,0 28px 80px #0004;min-width:0;min-height:0;overflow:hidden}
.studio-preview-wrap{display:grid;grid-template-rows:minmax(0,1fr) auto auto;padding:12px;gap:8px}.studio-canvas-shell{position:relative;display:grid;place-items:center;min-height:220px;border-radius:20px;background:radial-gradient(circle at 50% 45%,#1c1c20,#080809 72%);overflow:hidden;isolation:isolate}.studio-canvas-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000 20%,transparent 80%);pointer-events:none}.studio-canvas-shell canvas{display:block;max-width:calc(100% - 28px);max-height:calc(100% - 28px);width:auto;height:auto;background:#000;box-shadow:0 22px 60px #0008;position:relative;z-index:2;transition:aspect-ratio .28s cubic-bezier(.16,1,.3,1),width .28s,height .28s}.studio-canvas-shell[data-aspect="16:9"] canvas{aspect-ratio:16/9}.studio-canvas-shell[data-aspect="9:16"] canvas{aspect-ratio:9/16}.studio-canvas-shell[data-aspect="1:1"] canvas{aspect-ratio:1}.studio-canvas-shell[data-aspect="4:5"] canvas{aspect-ratio:4/5}.studio-empty{position:absolute;z-index:4;inset:0;display:grid;place-items:center;align-content:center;text-align:center;gap:6px;color:#777;pointer-events:none}.studio-empty.hidden{opacity:0;visibility:hidden}.studio-drop-icon{width:52px;height:52px;border-radius:17px;background:#f0f0ed;color:#101011;display:grid;place-items:center;font-size:27px;margin-bottom:4px;box-shadow:0 15px 34px #0006}.studio-empty strong{font-size:22px;letter-spacing:-.045em;color:#e8e8e4}.studio-empty span{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.studio-empty-button{pointer-events:auto;margin-top:9px;border:1px solid #ffffff12;background:#ffffff0a;color:#ddd;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:800}.studio-engine-badge{position:absolute;left:10px;bottom:10px;z-index:5;display:flex;align-items:center;gap:7px;border:1px solid #ffffff10;background:#0c0c0dc7;backdrop-filter:blur(12px);border-radius:999px;padding:7px 9px;color:#999;font-size:8px;font-weight:800}.studio-engine-badge .device-mark{width:13px;height:10px;border-color:#8b8b90}.studio-engine-badge .device-mark:after{background:#8b8b90}
.studio-inspector{min-height:55px;border-radius:17px;background:#ffffff06;border:1px solid #ffffff08;padding:7px;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.studio-inspector::-webkit-scrollbar{display:none}.inspector-empty{font-size:10px;color:#707076;padding:0 8px;white-space:nowrap}.inspector-group{display:flex;align-items:center;gap:5px;flex:0 0 auto}.inspector-label{font-size:8px;color:#6f6f75;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0 3px 0 5px}.inspector-btn,.inspector-input{border:1px solid #ffffff0a;background:#19191b;color:#d7d7d3;min-height:36px;border-radius:11px;padding:0 10px;font-size:9px;font-weight:800;white-space:nowrap}.inspector-btn{cursor:pointer}.inspector-btn.active{background:#f1f1ed;color:#111;border-color:#fff}.inspector-input{width:126px;outline:none}.inspector-range{width:92px;accent-color:#d9ff78}.inspector-divider{width:1px;height:24px;background:#ffffff0a;flex:0 0 auto;margin:0 2px}.inspector-danger{color:#ff918c}
.studio-transport{min-height:39px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative}.studio-play,.studio-transport-btn{border:0;background:#f2f2ee;color:#111;height:34px;border-radius:11px;cursor:pointer;font-weight:950}.studio-play{width:46px}.studio-transport-btn{width:34px;background:#ffffff08;color:#aaa}.studio-transport #studioTime{font-variant-numeric:tabular-nums;color:#8e8e93;font-size:9px;font-weight:800;margin-left:6px;min-width:58px}.studio-ratio-pills{position:absolute;right:0;display:flex;gap:3px}.studio-ratio-pills button{height:29px;border:1px solid #ffffff08;background:#ffffff05;color:#777;border-radius:9px;padding:0 8px;font-size:8px;font-weight:850;cursor:pointer}.studio-ratio-pills button.active{background:#ffffff12;color:#eee}
.studio-timeline-wrap{padding:10px;display:grid;grid-template-rows:auto minmax(0,1fr)}.studio-timeline-head{height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px}.studio-timeline-head>div{display:flex;align-items:center;gap:8px}.studio-timeline-head strong{font-size:11px}.studio-timeline-head span{font-size:8px;color:#6f6f75;font-variant-numeric:tabular-nums}.timeline-command{height:29px;border:1px solid #ffffff09;background:#ffffff05;color:#aaa;border-radius:9px;padding:0 9px;font-size:8px;font-weight:850;cursor:pointer}.timeline-command:disabled{opacity:.25}.timeline-zoom{display:flex;align-items:center;gap:4px;color:#555;font-size:9px}.timeline-zoom input{width:76px;accent-color:#aaa}.studio-timeline{position:relative;overflow:auto;border-radius:17px;background:#0b0b0d;border:1px solid #ffffff07;min-height:190px;touch-action:pan-x pan-y;scrollbar-color:#2c2c30 transparent;scrollbar-width:thin}.studio-ruler{height:26px;position:relative;min-width:100%;border-bottom:1px solid #ffffff08;background:#0d0d0f;pointer-events:auto;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}.ruler-tick{position:absolute;top:0;height:100%;border-left:1px solid #ffffff10;color:#56565b;font-size:7px;font-weight:800;padding:7px 0 0 4px;white-space:nowrap;pointer-events:none;user-select:none;-webkit-user-select:none}.studio-track-row{position:relative;display:grid;grid-template-columns:44px minmax(780px,1fr);min-height:48px;border-bottom:1px solid #ffffff06}.studio-track-row[data-track="main"]{min-height:66px}.track-label{position:sticky;left:0;z-index:10;background:#0d0d0f;border-right:1px solid #ffffff08;color:#555;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:900;letter-spacing:.08em}.track-lane{position:relative;min-width:780px;overflow:visible}.timeline-clip{--clip:#4d8fff;position:absolute;top:6px;height:36px;border:1px solid color-mix(in srgb,var(--clip) 60%,white);background:linear-gradient(145deg,color-mix(in srgb,var(--clip) 88%,white),var(--clip));border-radius:11px;color:#fff;box-shadow:inset 0 1px #ffffff38,0 7px 16px #0004;overflow:hidden;user-select:none;touch-action:none;cursor:grab;min-width:16px}.studio-track-row[data-track="main"] .timeline-clip{height:52px}.timeline-clip.selected{outline:2px solid #f2f2ee;outline-offset:1px;z-index:5}.timeline-clip:active{cursor:grabbing}.clip-body{height:100%;padding:6px 8px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;pointer-events:none}.clip-body b{font-size:9px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.clip-body span{font-size:7px;opacity:.72;font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-clip[data-kind="audio"]{--clip:#9371ef}.timeline-clip[data-kind="text"]{--clip:#e36eaa}.timeline-clip[data-kind="image"]{--clip:#eaa049}.clip-handle{position:absolute;top:0;bottom:0;width:9px;background:#ffffff14;opacity:0;transition:opacity .15s;z-index:3;cursor:ew-resize}.clip-handle.left,.clip-left{left:0}.clip-handle.right,.clip-right{right:0}.timeline-clip.selected .clip-handle,.timeline-clip:hover .clip-handle{opacity:1}.studio-playhead{position:absolute;z-index:20;top:0;bottom:0;width:1px;background:#f7f7f2;left:44px;pointer-events:none;box-shadow:0 0 8px #fff7}.studio-playhead i{position:absolute;top:0;left:-5px;width:11px;height:11px;border-radius:3px 3px 7px 7px;background:#f7f7f2;pointer-events:auto;cursor:ew-resize;touch-action:none}
.studio-more-panel,.studio-export-sheet{position:fixed;z-index:130;right:max(16px,env(safe-area-inset-right));top:88px;width:min(430px,calc(100vw - 28px));border:1px solid #ffffff10;background:#151517f4;backdrop-filter:blur(30px) saturate(1.15);border-radius:25px;padding:16px;box-shadow:0 30px 90px #0009;opacity:0;transform:translateY(-10px) scale(.97);pointer-events:none;transition:.28s cubic-bezier(.16,1,.3,1)}.studio-more-panel.open,.studio-export-sheet.open{opacity:1;transform:none;pointer-events:auto}.studio-more-panel header,.studio-export-sheet header{display:flex;align-items:center;justify-content:space-between}.studio-more-panel header small,.studio-export-sheet header small{display:block;color:#666;font-size:8px;font-weight:900;letter-spacing:.14em}.studio-more-panel header strong,.studio-export-sheet header strong{font-size:24px;letter-spacing:-.055em}.studio-more-close{width:34px;height:34px;border:0;border-radius:50%;background:#ffffff0b;color:#ccc;font-size:18px}.studio-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.studio-more-grid>div{background:#ffffff05;border:1px solid #ffffff07;border-radius:15px;padding:8px}.studio-more-grid label{display:block;font-size:7px;color:#666;font-weight:900;margin:1px 2px 7px}.studio-setting{display:block;width:100%;height:31px;border:0;background:transparent;color:#777;border-radius:9px;font-size:8px;font-weight:850;margin-top:2px}.studio-setting.active{background:#ffffff0c;color:#eee}.studio-capability{margin-top:12px;padding:10px;border-radius:13px;background:#0d0d0f;color:#777;font-size:8px;line-height:1.5}.studio-capability b{color:#bbb}.studio-scrim{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);z-index:120;opacity:0;pointer-events:none;transition:.2s}.studio-shell.sheet-open .studio-scrim{opacity:1;pointer-events:auto}.export-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.export-choice{min-height:72px;border:1px solid #ffffff08;background:#ffffff05;color:#ccc;border-radius:15px;text-align:left;padding:10px;cursor:pointer}.export-choice.active{background:#f0f0ec;color:#111;border-color:#fff}.export-choice b{display:block;font-size:12px}.export-choice span{display:block;font-size:7px;margin-top:5px;opacity:.6;line-height:1.3}.export-progress{margin-top:13px}.export-progress>div{display:flex;justify-content:space-between;color:#777;font-size:8px;margin-bottom:6px}.export-progress>i{height:5px;background:#ffffff08;border-radius:999px;display:block;overflow:hidden}.export-progress>i b{display:block;height:100%;width:0;background:#e7ff9b;border-radius:inherit;transition:width .12s linear}.studio-export-run,.studio-export-cancel{width:100%;height:44px;border:0;border-radius:14px;margin-top:12px;font-size:10px;font-weight:900;cursor:pointer}.studio-export-run{background:#f1f1ed;color:#111}.studio-export-cancel{background:#ffffff08;color:#ff9b96}.studio-recording{color:#ff746e!important}.studio-recording b{animation:recordPulse 1s infinite}@keyframes recordPulse{50%{opacity:.35}}
.studio-drop-active .studio-canvas-shell{outline:2px solid #e3ff8f;outline-offset:-2px;background:#171a12}.studio-drop-active .studio-empty strong{color:#ecffb7}
@media(max-width:1050px){.studio-workspace{grid-template-columns:66px minmax(0,1fr)}.studio-block{height:60px}.studio-main{grid-template-rows:minmax(320px,1fr) minmax(235px,32vh)}.studio-canvas-shell canvas{max-width:calc(100% - 18px);max-height:calc(100% - 18px)}.studio-ratio-pills{position:static;margin-left:auto}.studio-transport{justify-content:flex-start;padding:0 4px}.studio-track-row{grid-template-columns:40px minmax(680px,1fr)}.studio-playhead{left:40px}}
@media(max-width:760px){.studio-shell{padding:9px 8px 22px}.studio-topline{padding:4px 6px 10px;align-items:center}.studio-kicker{display:none}.studio-topline h1{font-size:34px}.studio-icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0;border-radius:10px}.studio-export{height:36px;border-radius:12px}.studio-workspace{display:block;min-height:auto}.studio-blockbar{position:fixed;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:90;width:min(94vw,480px);height:62px;border-radius:21px;padding:5px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;background:#161618e8;backdrop-filter:blur(24px)}.studio-block{height:50px;border-radius:15px;gap:2px}.studio-block b{font-size:19px}.studio-block span{font-size:7px}.studio-more-block{margin:0}.studio-main{display:grid;grid-template-rows:auto auto;gap:7px}.studio-preview-wrap{border-radius:22px;padding:8px;gap:6px;min-height:365px}.studio-canvas-shell{min-height:260px;border-radius:17px}.studio-canvas-shell canvas{max-width:calc(100% - 12px);max-height:250px}.studio-empty strong{font-size:19px}.studio-inspector{min-height:49px;border-radius:14px;padding:5px}.inspector-btn,.inspector-input{min-height:33px}.studio-transport{min-height:37px}.studio-ratio-pills{overflow-x:auto;scrollbar-width:none}.studio-ratio-pills button{flex:0 0 auto}.studio-timeline-wrap{border-radius:22px;padding:7px;margin-bottom:70px;height:285px}.studio-timeline-head{height:37px}.timeline-zoom{display:none}.studio-timeline{min-height:228px}.studio-track-row{grid-template-columns:34px minmax(620px,1fr)}.track-label{font-size:6px}.studio-playhead{left:34px}.studio-more-panel,.studio-export-sheet{top:auto;right:6px;left:6px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;border-radius:24px;padding:14px}.studio-more-grid{grid-template-columns:repeat(3,1fr)}.export-options{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.studio-body .topbar{height:60px;padding:0 12px}.studio-body .brand>span:last-child{display:none}.studio-body .local-pill{width:auto;min-width:86px;padding:0 10px;white-space:nowrap}.studio-body .local-pill span{display:inline;font-size:9px;white-space:nowrap}.studio-shell{padding-top:6px}.studio-topline h1{font-size:31px}.studio-preview-wrap{min-height:335px}.studio-canvas-shell{min-height:235px}.studio-canvas-shell canvas{max-height:225px}.studio-engine-badge{padding:6px 7px}.studio-track-row{grid-template-columns:30px minmax(590px,1fr)}.studio-playhead{left:30px}.studio-timeline-head strong{font-size:10px}.timeline-command{padding:0 7px}.studio-more-grid{grid-template-columns:1fr 1fr}.studio-more-grid>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:3px}.studio-more-grid>div:last-child label{grid-column:1/-1}.export-options{grid-template-columns:1fr}.export-choice{min-height:55px}}
@media(prefers-reduced-motion:reduce){.studio-body *{scroll-behavior:auto!important}.studio-more-panel,.studio-export-sheet,.studio-canvas-shell canvas{transition:none!important}.studio-recording b{animation:none}}
.studio-block.recording{background:#ff4d4f18;color:#ff8b8d;box-shadow:inset 0 0 0 1px #ff5c5f38}.studio-block.recording b{color:#ff6d70;animation:voicePulse 1s ease-in-out infinite}@keyframes voicePulse{50%{transform:scale(.78);opacity:.55}}
.studio-shell.dragging .studio-canvas-shell{outline:2px solid #d8ff72;outline-offset:-2px;background:radial-gradient(circle at 50% 45%,#29311c,#080809 72%)}
.studio-capability{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.studio-capability span{border-radius:999px;padding:7px 9px;font-size:8px;font-weight:850;border:1px solid #ffffff0a;background:#ffffff05;color:#8b8b91}.studio-capability .cap-ok{color:#d8ff72}.studio-capability .cap-warn{color:#ffb786}.studio-capability .cap-neutral{color:#9d9da4}
@media(max-width:760px){.studio-shell.dragging .studio-canvas-shell{outline-offset:-4px}}
/* v0.6 final viewport stability: keep the desktop/tablet editor inside the visible work area. */
@media(min-width:761px){
  .studio-shell{height:calc(100svh - 72px);min-height:650px;padding-top:14px;padding-bottom:16px;display:flex;flex-direction:column;overflow:hidden}
  .studio-topline{flex:0 0 auto}
  .studio-workspace{flex:1 1 auto;min-height:0;height:auto}
  .studio-blockbar{min-height:0;overflow:hidden}
  .studio-main{min-height:0;grid-template-rows:minmax(290px,1fr) minmax(210px,34%)}
  .studio-preview-wrap,.studio-timeline-wrap{min-height:0}
}
@media(max-width:760px){
  .studio-shell{height:auto;min-height:calc(100svh - 60px);overflow:visible;display:block}
}

/* v0.7 — fixed-viewport Studio, explicit skim/pan gestures, multi-track and project controls */
.studio-body{height:100svh;overflow:hidden}.studio-body .topbar{height:64px;min-height:64px}.studio-shell{height:calc(100svh - 64px)!important;min-height:0!important;overflow:hidden!important;padding:8px clamp(8px,1.5vw,20px) 10px!important;display:flex!important;flex-direction:column}.studio-topline{height:38px;min-height:38px;padding:0 2px 6px!important;align-items:center!important;flex:0 0 auto}.studio-mode{display:flex;align-items:center;gap:7px}.studio-mode>span{font-size:7px;font-weight:950;letter-spacing:.14em;color:#7d7d84;border:1px solid #ffffff0d;padding:5px 6px;border-radius:7px}.studio-topline h1{font-size:17px!important;line-height:1!important;letter-spacing:-.04em!important}.studio-project-actions{gap:5px}.studio-icon-btn,.studio-export{height:32px!important;min-width:32px!important;border-radius:10px!important;padding:0 10px!important}.studio-project-btn{font-size:12px}.studio-export{padding:0 13px!important}.studio-workspace{flex:1 1 auto;min-height:0!important;height:auto!important;grid-template-columns:68px minmax(0,1fr);gap:7px}.studio-blockbar{border-radius:20px;padding:6px;gap:5px;min-height:0;overflow:hidden}.studio-block{height:54px;border-radius:14px}.studio-block b{font-size:20px}.studio-main{height:100%;min-height:0!important;grid-template-rows:minmax(0,54%) minmax(0,46%)!important;gap:7px}.studio-preview-wrap,.studio-timeline-wrap{border-radius:20px;min-height:0!important}.studio-preview-wrap{padding:7px;gap:5px;grid-template-rows:minmax(0,1fr) 45px 34px}.studio-canvas-shell{min-height:0!important;border-radius:15px}.studio-artboard{position:relative;z-index:2;overflow:hidden;background:#000;box-shadow:0 18px 50px #0008;max-width:calc(100% - 24px);max-height:calc(100% - 24px);flex:0 0 auto}.studio-artboard canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;box-shadow:none!important;transition:none!important}.studio-guides{position:absolute;inset:0;z-index:7;pointer-events:none}.studio-guides i{position:absolute;display:none}.studio-guides.show-center .guide-center-x{display:block;left:50%;top:0;bottom:0;width:1px;background:#fff7}.studio-guides.show-center .guide-center-y{display:block;top:50%;left:0;right:0;height:1px;background:#fff7}.studio-guides.show-grid .guide-grid{display:block;inset:0;background:linear-gradient(90deg,transparent 33.2%,#fff4 33.2% 33.5%,transparent 33.5% 66.5%,#fff4 66.5% 66.8%,transparent 66.8%),linear-gradient(transparent 33.2%,#fff4 33.2% 33.5%,transparent 33.5% 66.5%,#fff4 66.5% 66.8%,transparent 66.8%)}.studio-guides.show-safe .guide-safe{display:block;inset:7%;border:1px dashed #fff7;box-shadow:inset 0 0 0 1px #0003}.studio-guides.show-safe .guide-safe:after{content:"";position:absolute;inset:8%;border:1px dashed #fff3}.studio-preview-quality{position:absolute;left:8px;bottom:8px;z-index:9;display:flex;align-items:center;gap:2px;padding:4px;border-radius:10px;background:#0d0d0ed6;border:1px solid #ffffff0e;backdrop-filter:blur(12px)}.studio-preview-quality>span{font-size:6.5px;color:#76767c;font-weight:900;padding:0 4px}.studio-preview-quality button{height:23px;border:0;border-radius:7px;background:transparent;color:#777;font-size:6.5px;font-weight:850;padding:0 6px}.studio-preview-quality button.active{background:#ffffff12;color:#eee}.studio-engine-badge{left:auto!important;right:8px!important;bottom:8px!important;padding:5px 7px!important;font-size:6.5px!important;opacity:.78}.studio-empty{z-index:8}.studio-inspector{min-height:45px;height:45px;border-radius:13px;padding:5px}.inspector-btn,.inspector-input{min-height:33px}.studio-transport{min-height:34px;height:34px}.studio-ratio-pills{right:0}.ratio-more{font-size:12px!important}.studio-timeline-wrap{padding:6px;grid-template-rows:34px minmax(0,1fr)}.studio-timeline-head{height:34px!important;padding:0 3px}.studio-timeline-head em{font-style:normal;font-size:6.5px;color:#515158;font-weight:750}.studio-timeline{min-height:0!important;height:100%;overflow:auto!important;touch-action:none;overscroll-behavior:contain;cursor:grab;user-select:none}.studio-timeline.is-panning{cursor:grabbing}.studio-ruler{position:sticky;top:0;z-index:32;height:25px;pointer-events:auto!important;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}.ruler-tick{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important}.studio-track-row{grid-template-columns:44px minmax(780px,1fr);min-height:44px}.studio-track-row.video-track{min-height:56px}.studio-track-row.video-track .timeline-clip{height:43px}.track-label{user-select:none;-webkit-user-select:none}.track-lane{min-height:100%;}.timeline-clip{top:5px;height:34px}.clip-handle{width:12px;opacity:.28}.timeline-clip.selected .clip-handle{opacity:1}.studio-playhead{pointer-events:none}.studio-playhead i{pointer-events:auto;width:15px;height:14px;left:-7px;top:0}.studio-more-panel,.studio-export-sheet{top:72px;max-height:calc(100svh - 86px);overflow:auto}.studio-project-sheet{width:min(460px,calc(100vw - 28px))}.project-section{margin-top:14px}.project-section>label,.export-label{display:block;font-size:7px;color:#6e6e75;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin:0 2px 6px}.project-ratios{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.project-inline,.export-chips{display:flex;flex-wrap:wrap;gap:5px}.project-inline .studio-setting,.export-chips .studio-setting{width:auto;min-width:62px;padding:0 10px;border:1px solid #ffffff08;background:#ffffff05}.studio-more-content{margin-top:14px}.studio-more-content>p{color:#777;font-size:9px;line-height:1.5}.fine-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fine-grid label{display:grid;gap:5px;background:#ffffff05;border:1px solid #ffffff07;border-radius:13px;padding:9px}.fine-grid span{font-size:7px;color:#777;font-weight:850}.fine-grid input{width:100%;accent-color:#d8ff72}.fine-reset{width:100%;height:38px;margin-top:9px;border:1px solid #ffffff09;background:#ffffff05;color:#aaa;border-radius:12px;font-size:8px;font-weight:850}.export-label{margin-top:13px}.export-options{margin-top:0}.export-chips .studio-setting.active{background:#f0f0ec;color:#111}.studio-capability{margin-top:13px!important}
@media(max-width:1050px){.studio-workspace{grid-template-columns:58px minmax(0,1fr)}.studio-block{height:48px}.studio-main{grid-template-rows:minmax(0,52%) minmax(0,48%)!important}.studio-track-row{grid-template-columns:38px minmax(720px,1fr)}}
@media(max-width:760px){.studio-body .topbar{height:58px!important;min-height:58px!important}.studio-shell{height:calc(100svh - 58px)!important;min-height:0!important;overflow:hidden!important;padding:5px 5px 66px!important;display:flex!important}.studio-topline{height:34px;min-height:34px;padding:0 3px 4px!important}.studio-mode>span{display:none}.studio-topline h1{font-size:15px!important}.studio-workspace{display:block!important;flex:1 1 auto;min-height:0!important;height:auto!important}.studio-blockbar{position:fixed;left:50%;bottom:max(5px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:90;width:min(96vw,520px);height:56px;border-radius:18px;padding:4px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.studio-block{height:46px;border-radius:13px}.studio-block b{font-size:17px}.studio-block span{font-size:6.5px}.studio-main{height:100%;grid-template-rows:minmax(0,52%) minmax(0,48%)!important;gap:5px}.studio-preview-wrap{min-height:0!important;height:auto!important;border-radius:16px;padding:5px;grid-template-rows:minmax(0,1fr) 40px 31px}.studio-canvas-shell{min-height:0!important;border-radius:12px}.studio-artboard{max-width:calc(100% - 12px);max-height:calc(100% - 12px)}.studio-preview-quality{left:5px;bottom:5px}.studio-engine-badge{right:5px!important;bottom:5px!important}.studio-inspector{height:40px;min-height:40px;padding:3px}.inspector-btn,.inspector-input{min-height:31px}.studio-transport{height:31px;min-height:31px}.studio-play,.studio-transport-btn{height:29px}.studio-ratio-pills button{height:25px}.studio-timeline-wrap{height:auto!important;min-height:0!important;margin:0!important;border-radius:16px;padding:4px;grid-template-rows:31px minmax(0,1fr)}.studio-timeline-head{height:31px!important}.studio-timeline-head em{display:none}.studio-timeline{height:100%;min-height:0!important}.studio-track-row{grid-template-columns:32px minmax(700px,1fr)}.studio-track-row.video-track{min-height:52px}.studio-track-row.video-track .timeline-clip{height:40px}.studio-playhead{left:32px}.timeline-zoom{display:none}.studio-more-panel,.studio-export-sheet{top:auto;right:5px;left:5px;bottom:max(64px,calc(env(safe-area-inset-bottom) + 62px));width:auto;max-height:calc(100svh - 135px);border-radius:20px}.project-ratios{grid-template-columns:repeat(4,1fr)}.export-options{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.studio-body .topbar{padding:0 8px}.studio-body .local-pill{min-width:78px}.studio-project-actions{gap:3px}.studio-icon-btn{display:grid!important}.studio-main{grid-template-rows:minmax(0,50%) minmax(0,50%)!important}.studio-preview-wrap{grid-template-rows:minmax(0,1fr) 38px 29px}.studio-empty strong{font-size:15px}.studio-empty span{font-size:7px}.studio-drop-icon{width:40px;height:40px;border-radius:13px;font-size:21px}.studio-preview-quality>span{display:none}.studio-preview-quality button{padding:0 5px}.studio-engine-badge{max-width:86px;overflow:hidden;white-space:nowrap}.studio-engine-badge span{overflow:hidden;text-overflow:ellipsis}.studio-ratio-pills button:nth-child(4){display:none}.studio-track-row{grid-template-columns:28px minmax(660px,1fr)}.studio-playhead{left:28px}.project-ratios{grid-template-columns:repeat(4,1fr)}.export-options{grid-template-columns:1fr 1fr 1fr}.export-choice{min-height:58px;padding:8px}.export-choice span{display:none}.fine-grid{grid-template-columns:1fr}}
.custom-ratio{display:grid;grid-template-columns:1fr auto 1fr auto;gap:6px;align-items:center;margin-top:7px}.custom-ratio input{min-width:0;height:34px;border:1px solid #ffffff0a;background:#0e0e10;color:#ddd;border-radius:10px;padding:0 9px;font-size:9px;font-weight:800}.custom-ratio span{color:#666}.custom-ratio button{height:34px;border:0;border-radius:10px;background:#ffffff0d;color:#ddd;padding:0 11px;font-size:8px;font-weight:900}.export-options{grid-template-columns:repeat(4,1fr)}.export-choice:disabled{opacity:.26;cursor:not-allowed}.export-choice:disabled:hover{background:#ffffff05;color:#ccc}.studio-setting:disabled{opacity:.28}
@media(max-width:760px){.export-options{grid-template-columns:repeat(2,1fr)}.custom-ratio{grid-template-columns:1fr auto 1fr}.custom-ratio button{grid-column:1/-1}}

/* v0.8 local project + shortcuts */
.studio-shortcuts-sheet{width:min(520px,calc(100vw - 24px))}.shortcut-help{margin:0 0 16px;color:var(--studio-muted,#8e8e93);font-size:12px;line-height:1.5}.shortcut-list{display:grid;gap:7px;max-height:min(58vh,520px);overflow:auto;padding-right:4px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:5px 8px 5px 12px;border-radius:13px;background:rgba(255,255,255,.05)}.shortcut-row>span{font-size:12px;font-weight:650}.shortcut-capture{min-width:112px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:inherit;font:700 11px/1 system-ui}.shortcut-capture.recording{outline:2px solid rgba(255,255,255,.55);background:rgba(255,255,255,.16)}.shortcut-actions{display:flex;gap:8px;margin-top:14px}.shortcut-actions a{text-decoration:none;display:grid;place-items:center}.project-note{margin:8px 0 0;font-size:11px;color:var(--studio-muted,#8e8e93)}
@media(max-width:760px){.studio-project-actions{gap:3px}.studio-project-actions .studio-icon-btn{width:34px;height:34px;font-size:13px}.studio-shortcuts-sheet{max-height:calc(100dvh - 18px)}.shortcut-list{max-height:55dvh}.shortcut-capture{min-width:96px}}
@media(max-width:430px){#studioSaveProject,#studioLoadProject{display:none}.studio-project-actions .studio-icon-btn{width:32px;height:32px}.studio-export{padding-inline:10px}}