.stage *,.stage :before,.stage :after{box-sizing:border-box}.stage{--ios:-apple-system, "SF Pro Text", "SF Pro Display", "Inter", system-ui, "Helvetica Neue", Arial, sans-serif;font-family:var(--ios);-webkit-font-smoothing:antialiased;color:#000;flex:none;position:relative;overflow:hidden}.device{transform-origin:0 0;background:linear-gradient(145deg,#8f8a83,#4f4c48 30%,#77736d 55%,#3e3c39 80%,#86817a);border-radius:69px;width:426px;height:885px;padding:3.5px;position:absolute;top:0;left:0;box-shadow:0 50px 90px -20px #3c2d1e38,0 24px 40px -18px #3c2d1e33,inset 0 0 0 .8px #ffffff40}.device.black{background:linear-gradient(145deg,#3a3a3c,#1c1c1e 40%,#2c2c2e 70%,#111)}.device.silver{background:linear-gradient(145deg,#e6e6e8,#b9b9bd 35%,#dcdcde 60%,#a9a9ad)}.device-bezel{background:#050505;border-radius:65.5px;width:100%;height:100%;padding:13px}.device-btn{background:linear-gradient(90deg,#3d3a37,#7a766f);border-radius:2px;width:4px;position:absolute}.device-btn.b1{height:30px;top:150px;left:-2.5px}.device-btn.b2{height:58px;top:215px;left:-2.5px}.device-btn.b3{height:58px;top:285px;left:-2.5px}.device-btn.b4{background:linear-gradient(270deg,#3d3a37,#7a766f);height:92px;top:245px;left:auto;right:-2.5px}.screen{isolation:isolate;background:#fff;border-radius:53px;position:relative;overflow:hidden}.ph-status{z-index:40;pointer-events:none;height:54px;position:absolute;inset:0 0 auto}.ph-clock{text-align:center;letter-spacing:-.2px;width:132px;padding-left:14px;font-size:17px;font-weight:600;position:absolute;top:17px;left:0}.ph-island{background:#000;border-radius:20px;width:124px;height:36.5px;margin-left:-62px;position:absolute;top:11px;left:50%}.ph-icons{color:#000;align-items:center;gap:6px;display:flex;position:absolute;top:22px;right:30px}.ph-nav{z-index:30;height:150px;position:absolute;inset:0 0 auto}.ph-glass{background:#fafafaeb;box-shadow:0 0 0 .6px #00000012,0 2px 10px #0000000d,inset 0 1px #ffffffe6}.ph-back,.ph-video{color:#111;border-radius:22px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:63px}.ph-back{left:17px}.ph-back svg{margin-left:-2px}.ph-video{right:17px}.ph-avatar{color:#111;background:#fff;border-radius:50%;place-items:center;width:58px;height:58px;margin-left:-29px;font-family:Faculty Glyphic,Instrument Serif,serif;font-size:34px;line-height:1;display:grid;position:absolute;top:60px;left:50%;overflow:hidden;box-shadow:0 4px 16px #00000012,0 0 0 .5px #00000008}.ph-avatar img{object-fit:cover;width:100%;height:100%}.ph-avatar span{transform:translateY(3px)scaleX(.9)}.ph-name{letter-spacing:.1px;white-space:nowrap;border-radius:16px;align-items:center;gap:3px;height:31px;padding:0 11px 0 12px;font-size:15px;font-weight:600;display:flex;position:absolute;top:115px;left:50%;transform:translate(-50%)}.ph-name-chev{color:#b8b8bc;font-size:17px;font-weight:500;transform:translateY(-.5px)}.ph-topfade{z-index:20;pointer-events:none;background:linear-gradient(#fff 0 110px,#ffffffd9 138px,#fff0 172px);height:172px;position:absolute;inset:0 0 auto}.ph-bottomfade{z-index:20;background:linear-gradient(0deg,#fff 0 50px,#fff0 86px);height:86px;position:absolute;inset:auto 0 0}.ph-home{z-index:45;background:#000;border-radius:3px;width:139px;height:5px;margin-left:-69.5px;position:absolute;bottom:8px;left:50%}.ph-input{z-index:25;height:38px;position:absolute;bottom:26px;left:0;right:0}.ph-plus{color:#1c1c1e;border-radius:19px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:0;left:18px}.ph-field{background:#fafafaf2;border-radius:19px;align-items:center;height:38px;display:flex;position:absolute;top:0;left:64px;right:18px;box-shadow:0 0 0 .8px #0000001a,0 2px 8px #00000008}.ph-field-clip{position:absolute;inset:0 40px 0 14px;overflow:hidden}.ph-field-text{float:right;white-space:nowrap;letter-spacing:-.2px;min-width:100%;font-size:17px;line-height:38px}.ph-ph{color:#c1c1c5}.ph-typed{color:#000}.ph-wave{color:#8e8e93;position:absolute;top:11px;right:13px}.ph-send{color:var(--send,#0a84ff);position:absolute;top:4px;right:4px}.ph-send svg{width:30px;height:30px;display:block}.im-chat,.im-content{position:absolute;inset:0}.im-dim{z-index:21;background:#f5f5f773;position:absolute;inset:0}.im-meta{text-align:center;color:#8a8a8e;font-size:12px;line-height:15px;position:absolute;left:0;right:0}.im-enc{align-items:center;gap:4px;display:inline-flex}.im-today{margin-top:13px;font-size:12px}.im-slot{position:absolute;left:0;right:0}.im-anchor{position:absolute;top:0}.im-anchor.l,.im-anchor-m.l{left:18px}.im-anchor.r,.im-anchor-m.r{right:18px}.im-rel{flex-direction:column;display:flex;position:relative}.im-anchor.r .im-rel,.im-anchor-m.r .im-rel{align-items:flex-end}.im-measure{visibility:hidden;pointer-events:none;width:393px;position:absolute;top:0;left:0}.im-anchor-m{position:absolute;top:0}.im-bubble{letter-spacing:-.25px;white-space:pre-wrap;word-wrap:break-word;border-radius:19px;max-width:266px;padding:7px 13px 7.5px;font-size:17px;line-height:22px;position:relative}.im-bubble.them{color:#000;background:#e9e9eb}.im-bubble.you{background:var(--blue);color:#fff}.im-bubble.tail:before,.im-bubble.tail:after{content:"";height:21px;position:absolute;bottom:0}.im-bubble.you.tail:before{background:var(--blue);border-bottom-left-radius:16px 14px;width:20px;right:-7px}.im-bubble.you.tail:after{background:#fff;border-bottom-left-radius:10px;width:26px;height:23px;right:-26px}.im-bubble.them.tail:before{background:#e9e9eb;border-bottom-right-radius:16px 14px;width:20px;left:-7px}.im-bubble.them.tail:after{background:#fff;border-bottom-right-radius:10px;width:26px;height:23px;left:-26px}.im-receipt{color:#8a8a8e;white-space:nowrap;font-size:11px;line-height:14px;position:absolute;right:22px}.im-receipt b{font-weight:600}.im-typing{transform-origin:0 100%;background:#e9e9eb;border-radius:18px;justify-content:center;align-items:center;gap:4.5px;width:54px;height:36px;display:flex;position:relative}.im-typing span{background:#7f7f84;border-radius:50%;width:8px;height:8px}.im-typing i{background:#e9e9eb;border-radius:50%;position:absolute}.im-typing-t1{width:12px;height:12px;bottom:-2px;left:-1px}.im-typing-t2{width:6px;height:6px;bottom:-8px;left:-7px}.im-badge{z-index:2;width:30px;height:30px;position:absolute;top:-17px}.im-badge.side-r{transform-origin:30% 80%;right:-14px}.im-badge.side-l{transform-origin:70% 80%;left:-14px}.im-badge-c{border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 0 0 2px #fff}.im-badge.mine .im-badge-c{background:var(--blue)}.im-badge.theirs .im-badge-c,.im-badge.placeholder .im-badge-c{background:#e9e9eb}.im-badge.placeholder .im-badge-c{color:#9a9a9e;background:#fff;box-shadow:0 0 0 .6px #00000014,0 3px 10px #0000001a}.im-badge i{border-radius:50%;position:absolute;box-shadow:0 0 0 1.5px #fff}.im-badge.mine i{background:var(--blue)}.im-badge.theirs i{background:#e9e9eb}.im-badge.placeholder i{background:#fff;box-shadow:0 1px 4px #0000001f}.im-badge.side-r .d1{width:9px;height:9px;bottom:-3px;right:-2px}.im-badge.side-r .d2{width:4.5px;height:4.5px;bottom:-8px;right:-6px}.im-badge.side-l .d1{width:9px;height:9px;bottom:-3px;left:-2px}.im-badge.side-l .d2{width:4.5px;height:4.5px;bottom:-8px;left:-6px}.im-lift{z-index:22;position:absolute;inset:0}.im-picker{z-index:23;background:#fffffff7;border-radius:26px;width:398px;height:52px;position:absolute;left:14px;box-shadow:0 10px 30px #0000001f,0 0 0 .5px #0000000d}.im-pick{place-items:center;width:42px;height:42px;display:grid;position:absolute;top:5px}.im-pick-hl{background:#e4e4e8;border-radius:50%;position:absolute;inset:0}.im-pick>div:last-child{position:relative}.im-products{width:300px;position:relative}.im-pcard{width:164px;height:203px;font-family:"Inter", var(--ios);background:#fff;border-radius:17px;padding:7px 7px 0;position:absolute;box-shadow:0 0 0 .6px #00000014,0 6px 18px #00000012}.im-pimg{border-radius:11px;height:142px;position:relative;overflow:hidden}.im-pimg img{object-fit:cover;width:100%;height:100%;display:block}.im-pnum{color:#fff;background:#1c1c1e;border-radius:3.5px;place-items:center;width:13px;height:13px;font-size:8px;font-weight:600;display:grid;position:absolute;top:5px;left:5px}.im-pstore{color:#555;margin-top:9px;font-size:6.4px}.im-prow{justify-content:space-between;margin-top:4px;font-size:7px;display:flex}.im-prow b{font-weight:600}.im-pprice{color:#3c8a4a;font-weight:600}.im-pfoot{color:#888;border-top:.6px solid #ececec;justify-content:space-between;align-items:center;margin-top:8px;padding-top:6px;font-size:6px;display:flex}.im-pfoot .im-wordmark{color:#111;font-size:9px}.im-psave{color:#1a8cf0;background:#eeeef0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute}.im-psave svg{width:17px;height:17px}.im-wordmark{letter-spacing:-.01em;font-family:Faculty Glyphic,Instrument Serif,serif;font-weight:400;line-height:1}.im-shop{letter-spacing:-.03em;font-family:Poppins,Avenir Next,system-ui,sans-serif;font-weight:700;line-height:1}.im-link{background:#f7f6f4;border-radius:19px;width:272px;overflow:hidden;box-shadow:0 0 0 .6px #0000000f}.im-link-img{background:#f7f6f4;height:142px;padding:16px 14px 14px;position:relative}.im-link-img>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.im-link-head{letter-spacing:-.4px;color:#3c3535;width:170px;font-family:Faculty Glyphic,Instrument Serif,serif;font-size:23px;font-weight:400;line-height:26px}.im-link-logos{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:13px;left:14px;right:14px}.im-link-mark{color:#fff;background:#0b192e;border-radius:50%;place-items:center;width:30px;height:30px;font-family:Faculty Glyphic,serif;display:grid;overflow:hidden}.im-link-mark img{object-fit:cover;width:100%;height:100%;display:block}.im-pstat{flex-direction:column;justify-content:center;align-items:center;gap:2px;font-family:Faculty Glyphic,serif;display:flex;position:absolute;inset:0}.im-pstat b{letter-spacing:-.5px;font-size:38px;font-weight:400;line-height:1}.im-pstat span{font-family:"Inter", var(--ios);letter-spacing:1.5px;text-transform:uppercase;opacity:.7;font-size:9px}.im-pstat.navy{color:#fff;background:linear-gradient(160deg,#30496b,#0b192e)}.im-pstat.black{color:#fff;background:#3c3535}.im-pstat.sand{color:#3c3535;background:#efe9e1}.im-pstat.silver{color:#3c3535;background:#eceef0}.im-wordmark.lg{color:#1a1a1a;font-size:21px}.im-link-foot{color:#1a1a1a;background:#efebe6;padding:7px 11px 8px;font-size:11px;line-height:15px}.im-link-dom{color:#7c7a76;font-size:9.5px;line-height:13px}.ov-layer{z-index:35;background:#fff;position:absolute;inset:0}.ov-browser,.ov-code{background:#fff;position:absolute;inset:0;overflow:hidden}.ov-code{place-items:center;display:grid}.ov-spin-wrap{width:72px;height:72px;position:relative}.ov-spin{border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:relative;background:0 0!important}.ov-spin img{border-radius:50%;width:54px;height:54px}.ov-spin svg{position:absolute;inset:0}.ov-spin.solid{width:58px;height:58px}.ov-spin.solid svg{position:static}.ov-spin.solid{background:currentColor}.ov-tap{z-index:5;background:#2828288c;border-radius:50%;width:46px;height:46px;position:absolute;box-shadow:0 0 0 2px #fff9}.pg{font-family:"Inter", var(--ios);color:#3c3535;background:#fff;padding:58px 22px 0;position:absolute;inset:0}.pg-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pg-empty{color:#aaa;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.pg-url{color:#4f4646;background:#f2f2f2;border-radius:12px;width:max-content;margin:0 auto 26px;padding:5px 12px;font-size:11px}.pg-logos{justify-content:center;display:flex}.pg-mark{color:#fff;background:#0b192e;border-radius:50%;flex:none;place-items:center;font-family:Faculty Glyphic,serif;display:inline-grid;overflow:hidden}.pg-mark img{object-fit:cover;width:100%;height:100%;display:block}.pg-check-big{background:#3c8a4a;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.pg-h1{text-align:center;letter-spacing:-.4px;color:#3c3535;margin:16px 0 6px;font-family:Faculty Glyphic,Instrument Serif,serif;font-size:27px;font-weight:400;line-height:31px}.pg-sub{text-align:center;color:#a8a8a8;margin-bottom:22px;font-size:12px}.pg-card{background:#f7f6f4;border:1px solid #e8e3dd;border-radius:16px;padding:2px 14px}.pg-row{gap:12px;padding:12px 0;font-size:12.5px;line-height:16px;display:flex}.pg-row+.pg-row{border-top:1px solid #e8e3dd}.pg-row-l{color:#a8a8a8;flex:none;width:62px}.pg-row-v{color:#3c3535;flex:1;font-weight:500}.pg-actions{gap:10px;margin-top:24px;display:flex}.pg-actions button{height:50px;font:600 15px "Inter", var(--ios);border:0;border-radius:25px;flex:1}.pg-decline{color:#4f4646;background:#f2f2f2}.pg-approve{color:#fff;background:#3c3535}.pg-legal{text-align:center;color:#a8a8a8;margin-top:16px;font-size:11px}.pg-note{color:#4f4646;justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:12px;display:flex}.endcard{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.endcard-row{justify-content:center;align-items:center;display:flex}.endcard-tag{font-family:"Inter", var(--ios);color:#4f4646;letter-spacing:-.01em}.endcard-svg svg{width:auto;height:100%;display:block}@font-face{font-family:Faculty Glyphic;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/FacultyGlyphic-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:block;src:url(/fonts/Inter.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fbfbfb;--canvas:#f5f4f2;--line:#ececec;--line2:#e2e2e2;--ink:#3c3535;--ink2:#444;--muted:#8b8b8b;--faint:#b5b5b5;--card:#f7f7f7;--accent:#0a84ff;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans:"Inter", -apple-system, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:12px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea,select{font:inherit;color:inherit}.app{grid-template:"top top top"46px"left center right"1fr"tl tl tl"138px/232px 1fr 236px;height:100vh;display:grid}.app.no-left{grid-template-columns:0 1fr 236px}.app.no-right{grid-template-columns:232px 1fr 0}.app.no-left.no-right{grid-template-columns:0 1fr 0}.topbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;grid-area:top;align-items:center;gap:8px;padding:0 14px 0 12px;display:flex}.brand-mark{opacity:.9;width:auto;height:20px;margin:0 2px 0 4px}.title{background:0 0;border:0;border-radius:6px;outline:none;width:320px;padding:5px 6px;font-size:12.5px;font-weight:600}.title:hover{background:#f1f1f1}.title:focus{box-shadow:0 0 0 1px var(--line2);background:#fff}.top-right{align-items:center;gap:8px;margin-left:auto;display:flex}.save{color:var(--faint);text-align:right;min-width:120px;margin-right:6px;font-size:11.5px}.icon-btn{color:#3b3b3b;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;display:inline-grid}.icon-btn:hover{background:#efefef}.icon-btn.sm{width:22px;height:22px;color:var(--muted);border-radius:6px}.icon-btn.on{background:#ececec}.zoom{border:1px solid var(--line2);background:#fff;border-radius:7px;align-items:center;gap:14px;height:30px;padding:0 10px 0 12px;font-weight:500;display:inline-flex}.vsep{background:var(--line2);width:1px;height:18px;margin:0 2px}.export{color:#fff;background:#3c3535;border-radius:7px;align-items:center;gap:12px;height:30px;padding:0 11px 0 14px;font-weight:500;display:inline-flex}.export:hover{background:#000}.dd{position:relative}.menu{border:1px solid var(--line2);z-index:50;background:#fff;border-radius:10px;flex-direction:column;min-width:130px;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #0000001f}.menu.right{left:auto;right:0}.menu.wide{min-width:210px}.menu button{text-align:left;white-space:nowrap;border-radius:6px;justify-content:space-between;gap:12px;padding:7px 9px;display:flex}.menu button:hover{background:#f3f3f3}.menu button.on{font-weight:600}.menu-dim{color:var(--faint)}.menu-sep{background:var(--line);height:1px;margin:4px 2px}.left{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;grid-area:left;min-height:0;display:flex;overflow:hidden}.left-tabs{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:2px;height:38px;padding:0 10px 0 12px;display:flex}.ltab{color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:5px 7px;font-weight:500;display:inline-flex;position:relative}.ltab.on{color:var(--ink)}.ltab.on:after{content:"";background:var(--ink);height:1.5px;position:absolute;bottom:-8px;left:6px;right:6px}.ltab:hover{color:var(--ink)}.left-tabs .plus{margin-left:auto}.sb-list{flex-direction:column;flex:1;gap:7px;min-height:0;padding:8px 12px 16px;display:flex;overflow-y:auto}.sb-list>div{flex-direction:column;gap:7px;display:flex}.sb-card{background:var(--card);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ededed;border-radius:7px;padding:9px 10px 10px;transition:border-color .12s,background .12s}.sb-card:hover{background:#f4f4f4;border-color:#dcdcdc}.sb-card.sel{background:#fff;border-color:#3c3535;box-shadow:0 0 0 .5px #3c3535}.sb-card.off{opacity:.45}.sb-card:active{cursor:grabbing}.sb-top{color:#333;align-items:center;gap:7px;display:flex}.sb-type{color:var(--ink);font-size:12px;font-weight:600}.sb-time{font-family:var(--mono);color:var(--faint);margin-left:auto;font-size:10.5px}.sb-idx{font-family:var(--mono);color:var(--faint);text-align:right;min-width:14px;font-size:10.5px}.sb-sum{color:#3d3d3d;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;padding-left:20px;font-size:11.5px;overflow:hidden}.sum-react{align-items:center;gap:3px;display:inline-flex}.sum-glyph{place-items:center;width:13px;height:13px;display:inline-grid}.sb-drop{background:var(--accent);border-radius:2px;height:2px;margin:-4px 0;box-shadow:0 0 0 2px #0a84ff26}.sb-add{color:var(--muted);border:1px dashed #dadada;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:8px;display:flex}.sb-add:hover{color:var(--ink);border-color:#bbb}.left-foot{border-top:1px solid var(--line);flex:none;padding:8px 12px 10px}.library{border-bottom:1px solid var(--line);background:#fff;flex:none;max-height:70%;padding:10px 12px 12px;overflow-y:auto}.lib-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;display:flex}.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.lib-tile{text-align:left;background:var(--card);cursor:grab;border:1px solid #ececec;border-radius:7px;align-items:flex-start;gap:7px;padding:7px 7px 8px;display:flex}.lib-tile svg{color:#444;flex:none;margin-top:1px}.lib-tile:hover{background:#fff;border-color:#cfcfcf}.lib-name{font-size:11.5px;font-weight:600}.lib-help{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;line-height:13px;overflow:hidden}.lib-tile>div{min-width:0}.lib-sub{color:var(--muted);margin:10px 0 6px;font-size:10.5px}.left-foot .lib-sub{margin-top:0}.tray{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.tray-item{aspect-ratio:1;cursor:grab;background:#f1f1f3;border-radius:50%;place-items:center;transition:transform .12s,background .12s;display:grid}.tray-item:hover{background:#e8e8ec;transform:scale(1.12)}.tray.compact .tray-item{justify-self:center;width:100%;max-width:30px}.script{flex-direction:column;flex:1;min-height:0;display:flex}.script textarea{resize:none;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;background:#fff;border:0;outline:none;flex:1;padding:12px;font-size:10.5px;line-height:1.65;overflow:auto}.script-status{border-top:1px solid var(--line);color:var(--muted);padding:7px 12px;font-size:10.5px}.script-status.err{color:#c62828;background:#fff5f5}.center{background:var(--bg);flex-direction:column;grid-area:center;min-width:0;min-height:0;display:flex;position:relative}.center-bar{flex:none;justify-content:space-between;align-items:center;height:38px;padding:0 14px;display:flex}.live{color:#666;align-items:center;gap:7px;font-size:11.5px;display:inline-flex}.live i{background:#8cc8a0;border-radius:50%;width:5px;height:5px}.aspect-wrap{position:relative}.aspect{color:#555;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;font-size:11.5px;display:inline-flex}.aspect:hover{background:#efefef}.stage-box{flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:auto}.stage-frame{flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000008}.stage-frame .stage{position:absolute;top:0;left:0}.stage-box.tap-mode .stage-frame{cursor:crosshair}.stage-box.drop-ready .stage-frame{box-shadow:0 0 0 1.5px #0a84ff59}.drop-hint{color:#fff;pointer-events:none;background:#3c3535;border-radius:20px;padding:6px 12px;font-size:11.5px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.right{border-left:1px solid var(--line);background:var(--bg);flex-direction:column;grid-area:right;min-height:0;display:flex;overflow:hidden}.right-tabs{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:4px;height:38px;padding:0 12px;display:flex}.rtab{color:var(--muted);padding:5px 7px;font-weight:500;position:relative}.rtab.on{color:var(--ink)}.rtab.on:after{content:"";background:var(--ink);height:1.5px;position:absolute;bottom:-8px;left:6px;right:6px}.insp{flex-direction:column;flex:1;gap:11px;padding:14px 14px 24px;display:flex;overflow-y:auto}.insp-empty{color:var(--muted);padding-top:6px;line-height:1.5}.insp-head{align-items:center;gap:8px;margin-bottom:2px;font-size:12px;font-weight:600;display:flex}.insp-head .toggle{margin-left:auto}.insp-note{color:var(--muted);margin-top:-4px;font-size:10.5px;line-height:1.45}.insp-sep{background:var(--line);height:1px;margin:2px 0}.insp-foot{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:2px;padding-top:12px;display:flex}.foot-label{color:#555}.foot-actions{gap:0;margin-left:auto;display:flex}.foot-actions .icon-btn{color:#555;width:24px;height:24px}.field{flex-direction:column;gap:6px;display:flex}.field.row{flex-direction:row;justify-content:space-between;align-items:center}.field-label{color:#555;justify-content:space-between;font-size:11.5px;display:flex}.field-label.stack{color:var(--ink);flex-direction:column;gap:1px}.field-sub{color:var(--faint);font-size:10px}.field-hint{color:var(--ink);font-family:var(--mono);font-size:10.5px}.text{border:1px solid var(--line2);background:#fff;border-radius:6px;outline:none;width:100%;padding:6px 8px;font-size:11.5px}.text:focus,.num input:focus{border-color:#b9b9b9;box-shadow:0 0 0 3px #0000000a}.text.area{resize:vertical;min-height:60px;line-height:1.45}.emoji-in{text-align:center;width:60px;font-size:16px}.num{align-items:center;gap:6px;display:inline-flex}.num input{border:1px solid var(--line2);font-family:var(--mono);background:#fff;border-radius:6px;outline:none;padding:5px 7px;font-size:11px}.num-suffix{color:var(--muted)}.select{position:relative}.select select{appearance:none;border:1px solid var(--line2);cursor:pointer;background:#fff;border-radius:6px;outline:none;width:100%;padding:6px 26px 6px 8px;font-size:11.5px}.select svg{pointer-events:none;color:#777;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.toggle{background:#d9d9d9;border-radius:10px;flex:none;width:30px;height:18px;transition:background .15s;position:relative}.toggle span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle.on{background:#3c3535}.toggle.on span{transform:translate(12px)}.slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, #3c3535 var(--pct), #dedede var(--pct));border-radius:2px;height:2px}.slider::-moz-range-track{background:#dedede;height:2px}.slider::-moz-range-progress{background:#3c3535;height:2px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #cfcfcf;border-radius:50%;width:12px;height:12px;margin-top:-5px;box-shadow:0 1px 3px #00000026}.slider::-moz-range-thumb{background:#fff;border:1px solid #cfcfcf;border-radius:50%;width:12px;height:12px}.seg{gap:6px;display:flex}.seg button{border:1px solid var(--line2);white-space:nowrap;background:#fff;border-radius:6px;flex:1;padding:6px 4px;font-size:11.5px}.seg button.on{border-color:#3c3535;font-weight:500;box-shadow:0 0 0 .5px #3c3535}.color{border:1px solid var(--line2);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex;position:relative}.color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.color-sw{border-radius:4px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #0000001a}.color-hex{font-family:var(--mono);color:#555;font-size:10.5px}.btn{border:1px solid var(--line2);color:var(--ink);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;text-decoration:none;display:inline-flex}.btn:hover{background:#f6f6f6}.btn.sm{padding:4px 7px;font-size:10.5px}.btn.dark{color:#fff;background:#3c3535;border-color:#3c3535}.btn.dark:hover{background:#000}.btn:disabled{opacity:.4;cursor:not-allowed}.two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.presets{flex-wrap:wrap;gap:5px;margin-top:-3px;display:flex}.tb-grid{grid-template-columns:repeat(6,1fr);gap:4px;margin-top:-4px;display:grid}.tb-btn{aspect-ratio:1;background:#f1f1f3;border:1px solid #0000;border-radius:50%;place-items:center;display:grid}.tb-btn.on{background:#fff;border-color:#3c3535}.logo-row{align-items:center;gap:6px;display:flex}.img-field{align-items:center;gap:8px;display:flex}.img-field img,.img-empty{object-fit:cover;border:1px solid var(--line2);border-radius:6px;width:34px;height:34px}.img-empty{color:var(--faint);background:#fafafa;place-items:center;font-size:8px;display:grid}.prod{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.prod-head{justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.timeline{border-top:1px solid var(--line);background:var(--bg);-webkit-user-select:none;user-select:none;flex-direction:column;grid-area:tl;min-width:0;display:flex}.tl-head{flex:none;align-items:center;gap:12px;height:40px;padding:0 20px;display:flex}.play{color:#3c3535;border-radius:5px;place-items:center;width:22px;height:22px;display:grid}.play:hover{background:#eee}.tl-time{font-family:var(--mono);color:var(--ink);font-size:11px}.tl-total{font-family:var(--mono);color:var(--faint);margin-left:-4px;font-size:11px}.tl-meta{font-family:var(--mono);color:var(--faint);margin-left:auto;font-size:10.5px}.tl-body{flex:1;min-height:0}.tl-tracks{cursor:text;height:86px;position:relative}.tl-tracks.dropping{background:#0a84ff08}.tl-ruler{height:22px;position:relative}.tick{font-family:var(--mono);color:#9a9a9a;white-space:nowrap;font-size:10px;position:absolute;top:2px}.tl-lane{position:relative}.tl-lane.main{height:22px;margin-top:2px}.tl-lane.cam{height:15px;margin-top:5px}.tl-lane.main:before,.tl-lane.cam:before{content:"";z-index:-1;background:#f4f3f2;border-radius:6px;position:absolute;inset:-3px -8px}.tl-lane.cam:before{background:0 0;inset:-2px -8px}.clip,.clip-group{cursor:grab;border-radius:4px;height:100%;position:absolute;top:0}.clip{align-items:center;display:flex;overflow:hidden}.clip:active{cursor:grabbing}.clip-label{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:0 6px;font-size:10px;overflow:hidden}.clip.grey{color:#3a3a3a;background:#e6e3e0;box-shadow:inset 0 0 0 1px #dcd8d4}.clip.you{color:#fff;background:#2a9df4}.clip.end{color:#fff;background:#3c3535}.clip.react{background:#fff;border:1.2px dashed #a8a8a8;justify-content:center}.react-glyph{pointer-events:none;place-items:center;display:grid}.clip.hatch{color:#9b9690;background:repeating-linear-gradient(-45deg,#eae7e3 0 1.5px,#0000 1.5px 5px);border-radius:0 4px 4px 0}.clip.hatch:not(.clip-group .clip){border-radius:4px}.hatch-label{pointer-events:none;padding:0 5px;font-size:10px}.clip.cam{color:#3e5d4f;background:#e4efe9;border:1px solid #b9d3c5;border-radius:3px}.clip.cam .clip-label{padding:0 5px;font-size:9.5px}.clip.sel,.clip-group.sel>.clip:first-child{z-index:2;box-shadow:0 0 0 1.5px #3c3535}.clip.react.sel{border-color:#3c3535;box-shadow:0 0 0 .5px #3c3535}.clip.cam.sel{border-color:#3c3535}.clip-handle{cursor:ew-resize;z-index:3;width:7px;position:absolute;top:0;bottom:0;right:-3px}.clip-handle:hover:after,.clip-group:hover>.clip-handle:after{content:"";background:#00000059;border-radius:2px;width:2px;position:absolute;top:3px;bottom:3px;right:3px}.tl-drop{background:var(--accent);z-index:8;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:20px;bottom:0}.playhead{z-index:9;pointer-events:none;background:#e0245e;width:1.5px;margin-left:-.75px;position:absolute;top:16px;bottom:-4px}.ph-dot{background:#e0245e;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:-4px;left:50%}.modal-back{z-index:100;background:#14141447;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;flex-direction:column;gap:12px;width:420px;padding:18px;display:flex;box-shadow:0 30px 80px #00000040}.modal-head{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.modal-sub{color:var(--muted);margin:0;line-height:1.5}.modal-grid{color:#555;grid-template-columns:90px 1fr;align-items:center;gap:10px;display:grid}.modal-err{color:#c62828;background:#fff5f5;border-radius:8px;padding:8px 10px;line-height:1.4}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions .btn{padding:8px 14px}.prog-bar{background:#eee;border-radius:3px;height:6px;overflow:hidden}.prog-bar i{background:#3c3535;height:100%;transition:width .1s;display:block}.prog-txt{color:var(--muted);font-family:var(--mono);margin-top:6px;font-size:10.5px}.done video{background:#000;border-radius:8px;width:100%;display:block}.offscreen{pointer-events:none;position:fixed;top:0;left:-100000px}.toast{color:#fff;z-index:200;background:#3c3535;border-radius:20px;padding:8px 14px;font-size:12px;animation:.2s ease-out toast-in;position:fixed;bottom:156px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}}.rows-ed{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.rows-line{grid-template-columns:70px 1fr 22px;align-items:center;gap:5px;width:100%;display:grid}