@font-face{font-family:Rose Tinted;src:url(/fonts/rose-tinted.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rose Tinted;src:url(/fonts/rose-tinted-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Rose Tinted;src:url(/fonts/rose-tinted-bolditalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--bg:#000;--text:#fff;--muted:#a3a3a3;--subtle:#737373;--line:#ffffff38;--line-strong:#ffffff4d;--cyan:#99edff;--lime:#bfff00;--radius:6px;--radius-lg:12px;--rail:274px;--rail-pad:clamp(10px, 1.54vh, 15px);--rail-top:96px;--stack-w:56px;--foot-h:58px;--canvas:#0a0a0a;--ink:#0c0c0c;--panel:#171717;--grain:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.14'/%3E%3C/svg%3E");--shadow:0 12px 40px #0000008c;--font:ui-sans-serif, system-ui, sans-serif;--font-display:"Rose Tinted", ui-sans-serif, system-ui, sans-serif;--tetris-1:#21d3ee;--tetris-2:#facc16;--tetris-3:#a78bfa;--tetris-4:#4ade80;--tetris-5:#f87171;--tetris-6:#60a5fa;--tetris-7:#fb923c;--tetris-flash:var(--text);--tetris-dead:color-mix(in oklab, var(--text) 45%, transparent)}@supports (color:lab(0% 0 0)){:root{--tetris-1:lab(77.4107% -36.0918 -25.8865);--tetris-2:lab(84.3287% 6.30334 81.9639);--tetris-3:lab(64.0885% 29.1156 -52.3983);--tetris-4:lab(79.1137% -56.1736 34.1743);--tetris-5:lab(64.7876% 52.6894 26.6208);--tetris-6:lab(66.0715% -2.96351 -49.6161);--tetris-7:lab(71.1485% 36.1241 60.7583)}}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);height:100%;color:var(--text);font:14px/1.5 var(--font);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}::selection{color:#000;background:#fff}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:disabled{cursor:default;opacity:.62}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nums{font-variant-numeric:tabular-nums}.skip-in{z-index:100;color:#000;background:#fff;padding:6px 10px;font-size:12px;position:fixed;top:0;left:8px;transform:translateY(-100%)}.skip-in:focus{top:8px;transform:none}.studio-back{z-index:5;left:calc(var(--rail-pad) + 10px);color:#000;background:#fff;place-items:center;width:32px;height:32px;text-decoration:none;display:grid;position:absolute;top:12px}.studio-back:hover{background:#e5e5e5}button.studio-back{cursor:pointer;font:inherit;border:0;padding:0}.validity{z-index:5;color:#000;box-sizing:border-box;place-items:center;height:32px;padding:0 10px;font-size:11px;font-weight:500;line-height:1;display:grid;position:absolute;top:12px;right:16px}.validity.ok{background:var(--lime);color:#000}.validity.bad{color:#fff;background:#ff1a1a}.live{z-index:20;left:50%;bottom:calc(var(--foot-h) + var(--rail-pad) / 2 + 8px);color:#000;background:#fff;padding:8px 12px;font-size:12px;animation:.22s both live-in;position:fixed;transform:translate(-50%)}.live.out{animation:.18s both live-out}.live.agent-live.stacked{bottom:calc(var(--foot-h) + var(--rail-pad) / 2 + 8px + 40px)}.live.create-agent-live{bottom:20px}@keyframes live-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes live-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(6px)}}.undo-link{color:inherit;margin-left:8px;text-decoration:underline}.canvas-loader{z-index:4;top:var(--rail-pad);left:calc(var(--rail-col,var(--rail)) + var(--rail-pad) + var(--stack-w) + var(--rail-pad));right:var(--rail-pad);bottom:calc(var(--foot-h) + var(--rail-pad) / 2 + var(--rail-pad));pointer-events:none;place-items:center;display:grid;position:absolute}.tetris-card{color:var(--text);align-items:center;gap:20px;padding:16px 20px;display:flex}.tetris-card-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.tetris-card-title{margin:0;font-size:14px;font-weight:600;line-height:1.3}.tetris-card-sub{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.tetris-loader{flex-shrink:0;width:fit-content;display:grid}.tetris-loader-cell{background:color-mix(in oklab, var(--text) 12%, transparent)}.empty-main{z-index:0;color:var(--muted);background:var(--canvas);grid-area:1/1/-1/-1;place-items:center;display:grid;position:relative;overflow:hidden}.loading-shell{height:100%;color:var(--muted);place-items:center;display:grid}.file-wrap{flex-direction:column;flex:0 auto;justify-content:center;align-items:flex-end;gap:2px;min-width:0;max-width:28ch;display:flex}.file-wrap .file{max-width:100%;margin:0}.progress{color:var(--subtle);white-space:nowrap;font-size:10px}.rail-status{color:var(--cyan);margin:0 0 10px;font-size:11px}.empty-pane{color:var(--muted);padding:12px 4px;font-size:12px;list-style:none}.labels li{color:var(--text);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:9px 0;font-size:12px;display:grid}.labels.poses li{color:#fff;grid-template-columns:auto 1fr auto}.labels.poses .name,.labels.poses input{color:#fff}.labels .meta{align-items:center;gap:4px;display:inline-flex}.labels .row-main{font:inherit;color:inherit;text-align:left;cursor:pointer;display:contents}.labels .row-main>.name,.labels .row-main>input{min-width:0}.labels li[aria-current],.labels .row-main[aria-current],.labels .name{color:#fff}.hist:not(.comments) li button{text-align:left;flex-direction:column;gap:2px;width:100%;padding:6px 4px;font-family:ui-monospace,monospace;display:flex}.hist:not(.comments) li button:hover{background:#000}.hist-id{font-size:12px}.ann li button{text-align:left;align-items:center;gap:8px;width:100%;padding:5px 8px;display:flex}.ann li button:hover{background:#000}.ann li button[aria-current]{color:#000;background:#fff}.ann li .swatch{background:var(--cc);flex:none;width:8px;height:8px}.poly.sel{outline:1px solid var(--lime)}.hand.sel .chip{box-shadow:0 0 0 1px #fff}.shell{--rail-col:var(--rail);grid-template:minmax(0, 1fr) auto / var(--rail-col) minmax(0, 1fr);height:100%;transition:grid-template-columns .22s;display:grid;position:relative}.shell.rail-off{--rail-col:0px}.shell.rail-off aside{opacity:0;pointer-events:none;transform:translateX(calc(-100% - var(--rail-pad)))}.shell.rail-off .ann{left:var(--rail-pad)}aside,.shell footer,.stack{z-index:1}.ann{z-index:7;top:var(--rail-top);left:calc(var(--rail) + var(--rail-pad));width:200px;padding:0 14px;font-size:12px;transition:left .22s;position:absolute}.ann header{border-bottom:1px solid var(--line);justify-content:center;align-items:center;margin:0 -14px;padding:8px 28px;display:flex;position:relative}.ann header input{width:100%;color:inherit;font:inherit;text-align:center;background:0 0;border:0}.ann header input:focus{box-shadow:inset 0 -1px #fff}.ann header button{color:var(--muted);padding:0;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ann-btns{justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex;position:relative}.ann-btns:after{content:"";background:var(--line);height:1px;position:absolute;bottom:0;left:-14px;right:-14px}.ann .del{color:#f87171}.ann .save{color:#000;background:#fff;padding:4px 10px;font-size:11px;font-weight:500}.ann ul{padding:14px 8px calc(var(--cut) + 2px);max-height:15.5em;list-style:none;overflow-y:auto}.ann li{list-style:none}.ann .empty{color:var(--muted);padding:14px 8px calc(var(--cut) + 2px);min-height:6.2em}.foot-tools{align-items:center;gap:var(--foot-gap,16px);flex:none;margin-right:auto;display:flex}.foot-tools>*+*{position:relative}.foot-tools>*+:before{content:"";left:calc(var(--foot-gap,16px) / -2);background:var(--line);width:1px;height:28px;position:absolute;top:50%;transform:translateY(-50%)}.foot-del,.foot-add,.foot-copy{flex:none;place-items:center;width:28px;height:28px;padding:0;line-height:0;display:grid}.foot-del{color:#f87171}.foot-del:hover:not(:disabled){color:#ef4444}.foot-add,.foot-copy{color:#fff}.foot-add:hover:not(:disabled),.foot-copy:hover:not(:disabled){color:var(--muted)}.foot-del:disabled,.foot-add:disabled,.foot-copy:disabled{opacity:.35}.foot-del svg,.foot-add svg,.foot-copy svg{width:16px;height:16px;display:block}.shell footer{--cut:8px;--foot-gap:16px;justify-content:flex-end;align-items:center;gap:var(--foot-gap);min-height:var(--foot-h);height:var(--foot-h);margin:0 16px calc(var(--rail-pad) / 2) var(--rail-pad);grid-area:2/2;padding:0 14px;display:flex;position:relative}@media (max-width:1200px){.shell footer{--foot-gap:8px}.shell footer .file-wrap{display:none}}@media (max-width:960px){.shell footer .act-link{gap:0;width:28px;font-size:0}.shell footer .act-link svg{width:18px;height:18px}}.rail-head{background:var(--ink);text-align:center;margin-bottom:10px;padding:10px 12px}.brand{font-family:var(--font-display);letter-spacing:0;text-align:center;margin:0 auto;font-size:16px;font-style:italic;font-weight:700;line-height:1;display:block}.file{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;color:var(--muted);font-size:11px;overflow:hidden}.pager{border:1px solid var(--line);background:#fff;flex:none;align-self:center;align-items:center;display:flex;overflow:hidden}.pager button{color:#000;background:#e5e5e5;place-items:center;width:22px;padding:6px 0;display:grid}.pager button:disabled{opacity:1}.pager span{color:#000;place-items:center;min-width:3em;padding:6px 11px;font-size:11px;font-weight:500;display:grid}.pager svg{width:14px;height:14px}.actions{align-self:center;align-items:center;gap:var(--foot-gap);flex:none;height:100%;display:flex}.actions>*{align-items:center;display:flex;position:relative}.actions>*+:before{content:"";left:calc(var(--foot-gap) / -2);background:var(--line);width:1px;height:28px;position:absolute;top:50%;transform:translateY(-50%)}.actions .act-btn.after-sep:before{background:var(--line-strong)}.actions .act-link{color:#fff;white-space:nowrap;flex-direction:column;justify-content:center;gap:2px;font-size:11px;font-weight:500;line-height:1.1}.actions .act-link svg{width:14px;height:14px;display:block}.actions .act-link[aria-pressed=true]{color:var(--lime)}.commit{color:#000;background:#fff;border-radius:0;padding:0 11px;font-size:11px;font-weight:500}.shell .commit{--cut:6px;background-color:#fff;background-image:linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);background-repeat:no-repeat;background-position:var(--cut) 0, 100% 0, 0 100%, 0 var(--cut);background-size:calc(100% - var(--cut)) 1px, 1px calc(100% - var(--cut)), calc(100% - var(--cut)) 1px, 1px calc(100% - var(--cut));clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));border:0;padding:6px 11px}.shell footer .commit{text-align:center;white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;width:auto;height:28px;padding:6px 10px;line-height:1;display:inline-flex}.shell .commit:disabled{opacity:.4}.commit:hover{background:#e5e5e5}.commit:active{transform:scale(.98)}.studio-back,.shell .commit,.shell .add-label,.shell .ann .save,.shell .pager button,.shell .act-link,.shell .panel button,.shell .tabs button,.shell .labels .row-main,.shell .labels .kill,.shell .labels .swatch,.shell .hist li button,.shell .ann li button,.shell .hist header button,.shell .ann header button,.shell .ann .del,.shell .cmt-del,.shell .foot-del,.shell .foot-add,.shell .foot-copy,.shell .undo-link{-webkit-user-select:none;user-select:none;transition:background-color .12s,color .12s,transform 80ms,border-color .12s,opacity .12s}.studio-back:active,.shell .commit:not(:disabled):active,.shell .add-label:active,.shell .ann .save:active,.shell .pager button:not(:disabled):active,.shell .act-link:active,.shell .panel button:not(:disabled):active,.shell .tabs button:active,.shell .labels .row-main:active,.shell .hist li button:active,.shell .ann li button:active,.shell .foot-del:not(:disabled):active,.shell .foot-add:not(:disabled):active,.shell .foot-copy:not(:disabled):active{transform:scale(.98)}.studio-back:hover,.shell .commit:not(:disabled):hover,.shell .add-label:hover,.shell .ann .save:hover{color:#000;background-color:#e5e5e5}.shell .pager button:not(:disabled):hover{background:#d4d4d4}.shell .act-link:hover{color:#d4d4d4}.shell .act-link[aria-pressed=true]:hover{color:var(--lime)}.shell .panel button:not(:disabled):hover{color:#d4d4d4}.shell .panel button:not(:disabled):hover svg{fill:currentColor}.shell .panel button[aria-pressed=true]:not(:disabled):hover{color:var(--lime)}.shell .panel .step:not(:disabled):hover{color:var(--cyan)}.shell .tabs button:hover{color:var(--text)}.shell .labels .row-main:hover .name{color:#d4d4d4}.shell .labels li[aria-current] .row-main:hover .name,.shell .labels .row-main[aria-current]:hover .name{color:#fff}.shell .unused .labels .row-main:hover .name{color:#d4d4d4}.shell .unused .labels li[aria-current] .row-main:hover .name,.shell .unused .labels .row-main[aria-current]:hover .name{color:#fff}aside,.shell footer,.panel,.ann,.hist,.tetris-card{--cut:16px;background-color:var(--panel);background-image:linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line)), var(--grain);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat;background-position:var(--cut) 0, 100% 0, 0 100%, 0 var(--cut), 0 0;background-size:calc(100% - var(--cut)) 1px, 1px calc(100% - var(--cut)), calc(100% - var(--cut)) 1px, 1px calc(100% - var(--cut)), 160px 160px;filter:drop-shadow(0 12px 40px #0000008c);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));border:0;border-radius:0}.shell footer,.panel,.hist,.tetris-card{--cut:8px}aside{margin:var(--rail-top) 0 calc(var(--rail-pad) / 2) var(--rail-pad);grid-area:1/1/-1;min-height:0;transition:transform .22s,opacity .18s;position:relative;overflow:hidden}.rail-ui{z-index:1;height:100%;min-height:0;padding:36px var(--rail-pad) var(--rail-pad);flex-direction:column;display:flex;position:relative}.lede{color:var(--muted);text-wrap:pretty;margin:0 0 18px;font-size:11px;line-height:1.35}.tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.tabs button{text-align:left;letter-spacing:-.04em;color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding-bottom:9px;font-size:14px;font-weight:500}.tabs button[aria-pressed=true]{color:var(--text);border-bottom-color:var(--cyan)}.tabs button:last-child[aria-pressed=true]{border-bottom-color:var(--lime)}.pane{background:var(--ink);flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.pane>.labels,.pane>.empty-pane{flex:1;min-height:0;overflow:auto}.unused{margin:auto var(--rail-pad) 0;padding:var(--rail-pad);background:var(--panel);min-height:16%;color:var(--text);overflow:auto}.add-label{margin:auto var(--rail-pad) var(--rail-pad);color:#000;background:#fff;padding:8px;font-size:12px;font-weight:500}.unused+.add-label{margin-top:0}.unused h2{color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:500}.unused .labels{padding:0}.unused .labels li{color:var(--subtle)}.unused .labels .name{color:#fff}.unused .labels .kill{color:var(--muted)}.unused .labels .kill:hover{color:#fff}.unused .labels b{background:var(--ink);color:var(--muted)}.labels{padding:9px 13px;list-style:none}.labels .swatch{width:8px;height:8px;padding:0}.labels .kill{color:var(--muted);padding:0;line-height:1}.labels .kill:hover{color:#fff}.labels input{border:0;border-bottom:1px solid var(--line);width:100%;min-width:0;color:inherit;font:inherit;background:0 0}.labels input:focus{border-bottom-color:var(--cyan)}.labels b{background:var(--ink);width:1.6em;height:1.6em;color:var(--muted);place-items:center;font-size:12px;font-weight:500;display:grid}main{z-index:0;cursor:grab;touch-action:none;background:var(--canvas);grid-area:1/1/-1/-1;position:relative;overflow:hidden}main:active{cursor:grabbing}main.cross,main.cross:active{cursor:crosshair}.zpp{z-index:1;position:absolute;inset:0;overflow:hidden}.zpp.canvas-waiting{visibility:hidden}.world{place-items:center;width:max-content;height:max-content;display:grid;position:relative}.dots{z-index:0;pointer-events:none;background-image:radial-gradient(#a3a3a347 1px,#0000 1px);background-size:20px 20px;background-position:var(--dots-x,0px) var(--dots-y,0px);position:absolute;inset:0}.world img{-webkit-user-select:none;user-select:none;pointer-events:auto;width:auto;max-width:none;height:auto;max-height:none;box-shadow:var(--shadow);opacity:0;outline:2px solid #fff;display:block}.world img.ready{opacity:1}.frame{z-index:1;width:max-content;min-width:0;height:max-content;min-height:0;position:relative}#studio-main{display:contents}.frame>i{pointer-events:none;background:linear-gradient(#fff,#fff) 50%/12px 1px no-repeat,linear-gradient(#fff,#fff) 50%/1px 12px no-repeat;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.frame>i:first-child{top:0;left:0}.frame>i:nth-child(2){top:0;left:100%}.frame>i:nth-child(3){top:100%;left:0}.frame>i:nth-child(4){top:100%;left:100%}.hand{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hand svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hand line{stroke:#fff;stroke-width:1.25px;vector-effect:non-scaling-stroke}.hand .pt{--inv:calc(1 / var(--view-scale,1));z-index:2;pointer-events:auto;cursor:grab;touch-action:none;transform:translate(-50%, -50%) scale(var(--inv));position:absolute}.hand .pt:before{content:"";position:absolute;inset:-10px}.hand .pt:hover,.hand .pt.on{z-index:3;cursor:grabbing;transform:translate(-50%, -50%) scale(calc(var(--inv) * 1.25))}.hand .chip{background:var(--c);color:#000;text-align:center;white-space:nowrap;border-radius:0;min-width:1.15em;padding:2px 6px;font-size:11px;font-weight:600;line-height:1.15;display:block;box-shadow:0 1px 4px #00000059}.hand.mesh .pt{background:var(--c,#99edff);--inv:min(1.25, calc(1 / var(--view-scale,1)));width:5px;height:5px;box-shadow:0 0 0 1px #111}.hand.mesh .pt:hover,.hand.mesh .pt.on{box-shadow:0 0 0 1px #111, 0 0 0 2px var(--c,#99edff);transform:translate(-50%, -50%) scale(calc(var(--inv) * 1.6));background:#fff}.hand.mesh.sel .pt{box-shadow:0 0 0 1px #fff}.boxes{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.boxes.edit{pointer-events:auto}.box{--box-h:12px;--box-gap:calc(var(--box-h) / 2);--box-stroke:2px;background-color:#0000;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-repeat:no-repeat;background-position:var(--box-gap) 0, 100% var(--box-gap), var(--box-gap) 100%, 0 var(--box-gap);background-size:calc(100% - 2 * var(--box-gap)) var(--box-stroke), var(--box-stroke) calc(100% - 2 * var(--box-gap)), calc(100% - 2 * var(--box-gap)) var(--box-stroke), var(--box-stroke) calc(100% - 2 * var(--box-gap));filter:drop-shadow(0 1px 3px #0000008c);pointer-events:none;border:0;position:absolute}.boxes.edit .box{pointer-events:auto;cursor:grab}.boxes.edit .box.on{cursor:grabbing}.box-tab{left:var(--box-h);z-index:3;text-overflow:ellipsis;white-space:nowrap;background:var(--c,var(--cyan));color:#000;pointer-events:none;max-width:100%;padding:1px 6px 2px;font-size:11px;font-weight:600;line-height:1.35;position:absolute;bottom:100%;overflow:hidden}.box.draft{pointer-events:none;--c:var(--cyan)}.box.draft:before{--sq:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect x='1' y='1' width='6' height='6' fill='none' stroke='%2399edff' stroke-width='2'/%3E%3C/svg%3E");content:"";inset:calc(var(--box-h) / -2);pointer-events:none;background:var(--sq) 0 0 / var(--box-h) var(--box-h) no-repeat, var(--sq) 100% 0 / var(--box-h) var(--box-h) no-repeat, var(--sq) 0 100% / var(--box-h) var(--box-h) no-repeat, var(--sq) 100% 100% / var(--box-h) var(--box-h) no-repeat;position:absolute}.box .h{z-index:2;pointer-events:none;position:absolute}.box .nw,.box .ne,.box .se,.box .sw{width:var(--box-h);height:var(--box-h);box-sizing:border-box;border:var(--box-stroke) solid var(--c,var(--cyan));background:0 0;transition:width 80ms,height 80ms;transform:translate(-50%,-50%)}.boxes.edit .nw:hover,.boxes.edit .ne:hover,.boxes.edit .se:hover,.boxes.edit .sw:hover{width:16px;height:16px}.box .nw{top:0;left:0}.box .ne{top:0;left:100%}.box .se{top:100%;left:100%}.box .sw{top:100%;left:0}.box .n,.box .s{z-index:1;width:100%;height:10px;left:0;transform:translateY(-50%)}.box .n{top:0}.box .s{top:100%}.box .e,.box .w{z-index:1;width:10px;height:100%;top:0;transform:translate(-50%)}.box .e{left:100%}.box .w{left:0}.boxes.edit .h{pointer-events:auto;touch-action:none}.boxes.edit .nw,.boxes.edit .se{cursor:nwse-resize}.boxes.edit .ne,.boxes.edit .sw{cursor:nesw-resize}.boxes.edit .n,.boxes.edit .s{cursor:ns-resize}.boxes.edit .e,.boxes.edit .w{cursor:ew-resize}.polys{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.polys.edit{pointer-events:auto}.polys svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.poly{fill:#0000;stroke:var(--c,var(--cyan));stroke-width:2px;vector-effect:non-scaling-stroke;pointer-events:none}.polys.edit .poly{pointer-events:fill;cursor:grab}.polys.edit .poly.on{cursor:grabbing}.poly.draft{fill:none;pointer-events:none}.polys .ghost{fill:none;stroke:var(--cyan);stroke-width:2px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.polys .edge{fill:none;stroke:#0000;stroke-width:10px;vector-effect:non-scaling-stroke;pointer-events:none}.polys.edit .edge{pointer-events:stroke;cursor:crosshair}.pv{z-index:2;pointer-events:none;background:0 0;border:1px solid #fff;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}.polys.edit .pv{pointer-events:auto;cursor:grab;touch-action:none}.polys.edit .pv.close{cursor:pointer}.polys.edit .pv:before{content:"";position:absolute;inset:-8px}.polys.edit .pv:hover,.pv.on{z-index:3;cursor:grabbing;transform:translate(-50%,-50%)scale(1.3)}.stack{margin:0 0 var(--rail-pad) var(--rail-pad);place-self:end start;gap:var(--rail-pad);width:var(--stack-w);flex-direction:column;grid-area:1/2;display:flex;position:relative}.panel.rail-tog{--cut:0px;clip-path:none}.panel.rail-tog button,.panel.rail-tog button:hover,.panel.rail-tog button[aria-pressed=true]{color:#fff}.panel.rail-tog button svg{fill:#fff}.panel{color:#fff;font-family:var(--font);letter-spacing:.04em;flex-direction:column;align-items:center;gap:11px;padding:20px 6px;font-size:7px;font-weight:500;display:flex;position:relative}.panel button{color:#fff;padding:2px 1px;line-height:1}.panel button:disabled{opacity:1;color:#ffffff59;cursor:default}.panel svg{fill:currentColor;width:13px;height:13px}.panel button:not(:disabled){color:#fff}.panel button:not(:disabled) svg{fill:#fff}.panel .step{color:var(--cyan)}.panel button[aria-pressed=true]{color:var(--lime)}.zoom span{color:var(--text)}.tools hr{border:0;border-top:1px solid var(--line);align-self:stretch;margin:0}.tools button.assist{color:var(--lime)}.tools button.assist[aria-pressed=false]{color:var(--muted)}.tools button.assist[aria-pressed=false]:hover{color:#d4d4d4}.tools button.assist[aria-pressed=true]:hover{color:var(--lime)}.tip{z-index:6;background-color:var(--panel);background-image:var(--grain);color:#fff;letter-spacing:0;white-space:nowrap;pointer-events:none;background-size:160px 160px;padding:4px 8px;font-size:10px;font-weight:500;position:fixed;transform:translate(-50%,calc(-100% - 8px))}.stack>.tip{left:calc(100% + 8px);top:var(--tip-y,50%);z-index:5;position:absolute;transform:translateY(-50%)}.hist{z-index:6;width:180px;font-size:12px;position:fixed;transform:translate(-50%,calc(-100% - 8px))}.hist.comments{flex-direction:column;width:360px;padding-bottom:10px;display:flex}.hist.comments.side{transform:translateY(-50%)}.hist.comments.side.synth{left:calc(100% + var(--rail-pad));width:min(480px, calc(100vw - var(--rail-col) - var(--stack-w) - var(--rail-pad) - var(--rail-pad) - var(--rail-pad)));max-height:100%;padding-bottom:var(--cut);position:absolute;top:0;overflow:hidden;transform:none}.synth-body{flex-direction:column;gap:12px;padding:12px;display:flex;overflow-y:auto}.synth-tabs,.synth-presets,.synth-add-operation,.synth-row-actions,.synth-job-actions{gap:6px;display:flex}.synth-tabs{padding:8px 12px 0}.synth-tabs button,.synth-presets button,.synth-add-operation button,.synth-row-actions button,.synth-job-actions button{border:1px solid var(--line);color:var(--muted);padding:5px 8px;font-size:11px}.synth-tabs button{flex:1}.synth-tabs button[aria-selected=true],.synth-presets button[aria-pressed=true],.synth-tabs button:hover,.synth-presets button:hover,.synth-add-operation button:hover,.synth-row-actions button:hover:not(:disabled),.synth-job-actions button:hover{color:#fff;border-color:#fff}.synth-section{border:1px solid var(--line);min-width:0;margin:0;padding:10px}.synth-section legend,.synth-prompt-label>span,.synth-options label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.synth-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;max-height:96px;display:grid;overflow-y:auto}.synth-sources label{align-items:center;gap:6px;min-width:0;display:flex}.synth-sources label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.synth-section>small{color:var(--muted);margin-top:7px;display:block}.synth-source-summary{justify-content:space-between;align-items:center;gap:8px;display:flex}.synth-source-summary span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.synth-source-summary button{border-bottom:1px solid var(--line);color:#fff;flex:none;font-size:11px}.synth-source-summary+.synth-sources{margin-top:9px}.synth-advanced{border-top:1px solid #292929;margin-top:9px;padding-top:8px}.synth-advanced>summary{color:var(--muted);cursor:pointer;font-size:10px;list-style-position:inside}.synth-advanced[open]>summary{color:#fff}.synth-wave-options{margin-top:-4px}.synth-wave-options .synth-options{margin-top:8px}.synth-pipeline{flex-direction:column;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.synth-pipeline li{border:1px solid #292929;grid-template-columns:minmax(100px,1fr) minmax(145px,1.2fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.synth-pipeline strong{font-size:11px;font-weight:500}.synth-row-actions{justify-content:flex-end}.synth-row-actions button{padding:2px 5px}.synth-row-actions button:disabled{opacity:.25}.synth-param{align-items:center;gap:6px;display:flex}.synth-param span{color:var(--muted);flex:1;font-size:9px}.synth-param input,.synth-param select{width:78px}.synth-add-operation select{flex:1}.synth-prompt-label{flex-direction:column;gap:6px;display:flex}.synth-prompt{resize:vertical;border:1px solid var(--line);color:#fff;width:100%;min-height:88px;font:inherit;background:#000;padding:10px 12px;line-height:1.4;display:block}.synth-prompt:focus{border-color:#fff}.synth-prompt::placeholder{color:#555}.synth select,.synth input[type=number]{border:1px solid var(--line);color:#fff;min-height:28px;font:inherit;background:#000;padding:4px 7px}.synth-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.synth-options label{flex-direction:column;gap:5px;min-width:0;display:flex}.synth-options input,.synth-options select{width:100%}.synth-go{color:#000;background:#fff;align-self:flex-end;padding:6px 12px;font-size:12px;font-weight:500}.synth-go:disabled{opacity:.4}.synth-go:not(:disabled):hover{background:#e5e5e5}.synth-note{color:var(--muted);margin:0;font-size:11px}.synth-jobs{border-top:1px solid var(--line);padding-top:10px}.synth-jobs h3{margin-bottom:7px;font-size:11px;font-weight:500}.synth-jobs article{border-top:1px solid #292929;flex-direction:column;gap:5px;padding:8px 0;display:flex}.synth-jobs article>div:first-child{justify-content:space-between;gap:8px;display:flex}.synth-jobs article strong{font-weight:500}.synth-jobs article span,.synth-jobs article small{color:var(--muted)}.synth-jobs progress{width:100%;height:4px;accent-color:var(--lime)}.synth-error{color:#ff9f9f;margin:0;font-size:10px;line-height:1.35}@media (max-width:420px){.hist.comments.side.synth{inset:var(--rail-pad);width:auto;max-height:none;position:fixed}}@media (max-width:760px){.synth-pipeline li{grid-template-columns:1fr auto}.synth-pipeline .synth-param{grid-area:2/1/auto/-1}.synth-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.act-link .cmt-badge{color:#000;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.cmt-compose{padding:10px 12px;position:relative}.cmt-field{border:1px solid var(--line);background:#000;position:relative}.cmt-field.chips{cursor:text;flex-wrap:wrap;align-items:baseline;gap:0 4px;min-height:36px;padding:8px 10px;font-size:12px;line-height:20px;display:flex}.cmt-field:focus-within{border-color:#333}.cmt-txt{color:#fff;font-size:inherit;line-height:inherit;white-space:pre-wrap}.cmt-field .cmt-chip{font-size:inherit;line-height:inherit;vertical-align:baseline;font-weight:600;display:inline}.cmt-live{min-width:4ch;font-size:inherit;line-height:inherit;flex:4ch;align-items:center;display:inline-grid;position:relative}.cmt-live>*{grid-area:1/1}.cmt-mirror{font:inherit;font-size:inherit;line-height:inherit;white-space:pre;color:#fff;pointer-events:none;margin:0;padding:0}.cmt-ghost{color:#555}.cmt-field input{color:#0000;caret-color:#fff;width:100%;min-width:4ch;height:20px;font:inherit;font-size:inherit;line-height:inherit;background:0 0;border:0;outline:none;margin:0;padding:0}.cmt-field input::placeholder{color:#555;opacity:1;line-height:inherit}.cmt-list{max-height:260px;padding:0 12px;list-style:none;overflow-y:auto}.cmt-list li{border-top:1px solid var(--line);padding:8px 0}.cmt-list li:first-child{border-top:0}.cmt-row{align-items:flex-start;gap:8px;display:flex}.cmt-body{word-break:break-word;white-space:pre-wrap;flex:1;min-width:0;line-height:1.45}.cmt-chip{font:inherit;text-shadow:0 0 10px color-mix(in srgb, var(--glow) 70%, transparent);cursor:pointer;background:0 0;border:0;margin:0 1px;padding:0 2px;font-weight:600;display:inline}.cmt-chip.missing{text-shadow:none;cursor:default;font-weight:500;color:var(--muted)!important}.cmt-del{color:var(--muted);flex:none;padding:0 2px;line-height:1}.cmt-del:hover{color:#fff}.cmt-list time{color:var(--muted);margin-top:4px;font-size:11px;display:block}.hist header{border-bottom:1px solid var(--line);justify-content:center;align-items:center;padding:10px 28px;display:flex;position:relative}.hist h2{font-size:11px;font-weight:500}.hist header button{color:var(--muted);padding:0;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.hist ul{padding:6px 8px calc(var(--cut) + 2px);max-height:15.5em;list-style:none;overflow-y:auto}.hist time{color:var(--muted);font-size:11px;font-family:var(--font)}.hist .empty{color:var(--muted);padding:10px}.create{--create-sheet-w:clamp(360px, 35.5vw, 560px);--create-side-w:clamp(144px, 13.95vw, 220px);--create-page-pad:clamp(20px, 2.54vw, 40px);--create-panel-pad:clamp(24px, 2.03vw, 32px);--create-control-pad-y:clamp(10px, .76vw, 12px);--create-control-pad-x:clamp(12px, 1.02vw, 16px);--create-gap:clamp(6px, .51vw, 8px);background:linear-gradient(#00000059, #00000059), var(--canvas) url(/create.png) center / cover no-repeat;grid-template-rows:auto 1fr auto;height:100%;display:grid;position:relative}.create-guide{--cell-w:520px;--cell-h:280px;--cut:8px;--a:#ebe6e0;--b:#c4b8a8;--edge:#6e6e6e;--check:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='280' viewBox='0 0 520 280'%3E%3Crect width='260' height='140' fill='%23fff'/%3E%3Crect x='260' y='140' width='260' height='140' fill='%23fff'/%3E%3C/svg%3E");z-index:1;pointer-events:none;opacity:.95;background-color:var(--a);background-image:repeating-linear-gradient(to right, var(--edge) 0, var(--edge) 2px, transparent 2px, transparent calc(var(--cell-w) / 2)), repeating-linear-gradient(to bottom, var(--edge) 0, var(--edge) 2px, transparent 2px, transparent calc(var(--cell-h) / 2)), var(--grain), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='280' viewBox='0 0 520 280'%3E%3Crect width='260' height='140' fill='%23c4b8a8'/%3E%3Crect x='260' y='140' width='260' height='140' fill='%23c4b8a8'/%3E%3C/svg%3E");background-position:0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:calc(var(--cell-w) / 2) 100%, 100% calc(var(--cell-h) / 2), 160px 160px, var(--cell-w) var(--cell-h);clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));position:fixed;bottom:0;right:0}.create-guide.up{--a:#e4e8ee;--b:#b4bcc8;--edge:#6e6e6e;background-image:repeating-linear-gradient(to right, var(--edge) 0, var(--edge) 2px, transparent 2px, transparent calc(var(--cell-w) / 2)), repeating-linear-gradient(to bottom, var(--edge) 0, var(--edge) 2px, transparent 2px, transparent calc(var(--cell-h) / 2)), var(--grain), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='280' viewBox='0 0 520 280'%3E%3Crect width='260' height='140' fill='%23b4bcc8'/%3E%3Crect x='260' y='140' width='260' height='140' fill='%23b4bcc8'/%3E%3C/svg%3E")}.create-guide:after{content:"";-webkit-mask-image:var(--check);-webkit-mask-image:var(--check);mask-image:var(--check);-webkit-mask-size:var(--cell-w) var(--cell-h);-webkit-mask-size:var(--cell-w) var(--cell-h);mask-size:var(--cell-w) var(--cell-h);pointer-events:none;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0;-webkit-mask-repeat:repeat;mask-repeat:repeat}.create-nav{--cut:8px;z-index:3;top:calc(var(--rail-pad) / 2);background-color:#050505;background-image:linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line)), var(--grain);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat;background-position:var(--cut) 0, 100% 0, 0 100%, 0 var(--cut), 0 0;background-size:calc(100% - var(--cut)) 1px, 1px calc(100% - var(--cut)), calc(100% - var(--cut)) 1px, 1px calc(100% - var(--cut)), 160px 160px;filter:drop-shadow(0 12px 40px #0000008c);height:52px;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));border:0;align-items:center;padding:0 16px;display:none;position:absolute;left:96px;right:16px;overflow:hidden}.create .word{z-index:4;top:calc(var(--rail-pad) / 2 + 14px);position:absolute;left:24px}.create-nav .marquee{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000)}.create-nav .marquee-track{will-change:transform;width:max-content;animation:60s linear infinite create-marquee;display:flex}.create-nav .marquee-track>span{white-space:nowrap;flex:none;display:flex}.create-nav .marquee-item{color:var(--muted);font-family:var(--font);letter-spacing:-.02em;text-transform:lowercase;white-space:nowrap;align-items:baseline;gap:.85em;padding-right:.85em;font-size:13px;font-style:italic;font-weight:300;display:inline-flex}.create-nav .marquee-sep{color:var(--subtle);font-style:normal;font-weight:400}@keyframes create-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.create-nav .marquee-track{animation:none}}.create.up{background:linear-gradient(#00000059, #00000059), var(--canvas) url(/create.jpg) center / cover no-repeat}.create.auth{background:linear-gradient(#00000059, #00000059), var(--canvas) url(/auth.png) center / cover no-repeat;justify-content:center;align-items:center;display:flex}.create:not(.upload){grid-template-rows:auto 1fr}.create:not(.upload):not(.auth){grid-template-rows:auto auto;align-content:safe center;overflow:auto}.create.up:not(.auth){flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:auto}.create.up .body{justify-content:center;align-items:flex-start;width:100%;min-height:0;padding-top:12px;padding-bottom:24px;display:flex}.create.up .split{align-items:center;width:100%}.create.up:not(.auth)>h1{flex:none;width:min(clamp(640px,55.8vw,880px),100% - 40px);padding-bottom:0}.create:after{content:"";z-index:0;pointer-events:none;background-image:var(--grain);opacity:.85;background-repeat:repeat;background-size:160px 160px;position:absolute;inset:0}.create header{background:var(--bg);border-bottom:1px solid var(--line);align-items:center;padding:12px 24px;display:flex}.create:not(.upload) header{z-index:2;padding:20px var(--create-page-pad) 0;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;position:relative}.create .who{color:var(--muted);font-size:12px}.create .word{font-family:var(--font-display);letter-spacing:-.04em;color:#fff;font-size:22px;font-style:italic;font-weight:700;line-height:1;text-decoration:none}.create.auth header{z-index:3;background:0 0;border:0;padding:20px 24px;position:absolute;top:0;left:0;right:auto}.create.auth .word{position:static}.create .body{width:min(1080px,100%);padding:28px var(--create-page-pad) 16px;margin:0 auto;overflow:auto}.create:not(.upload) .body{z-index:2;width:100%;padding:16px var(--create-page-pad) 0;flex-direction:column;place-self:stretch stretch;min-height:0;margin:0 auto;display:flex;position:relative;overflow:visible}.create:not(.auth):not(.upload) .body{padding-top:0}.create.auth .body{justify-content:center;place-self:center;align-items:center;width:auto;height:auto;min-height:0;padding:0;display:flex;overflow:visible}.create.auth .sheet{flex-direction:column;align-items:center;width:min(100%,600px);padding:48px;display:flex}.create:not(.auth)>h1{z-index:2;text-align:center;white-space:nowrap;view-transition-name:create-title;justify-self:center;width:min(clamp(640px,55.8vw,880px),100% - 40px);margin:0;padding:0 0 8px;position:relative}.create h1 .back{color:inherit;vertical-align:-.12em;cursor:pointer;background:0 0;border:0;align-items:center;margin-right:.28em;padding:0;display:inline-flex}.create h1 .back svg{width:.72em;height:.72em;display:block}.create .sheet{view-transition-name:create-sheet}.create .history,.create .qr-side{view-transition-name:create-open}.create .split{grid-template-columns:minmax(100px, 1fr) minmax(0, var(--create-sheet-w)) minmax(var(--create-side-w), 1fr);align-items:start;column-gap:clamp(10px,1.02vw,16px);width:100%;display:grid}.create .sheet{width:100%;max-width:var(--create-sheet-w);grid-column:2;justify-self:stretch}.create .history{width:var(--create-side-w);grid-column:3;justify-self:start}.create .qr-side{grid-column:3;justify-self:start;width:auto}::view-transition-old(create-sheet){height:auto;animation-duration:.28s;overflow:clip}::view-transition-new(create-sheet){height:auto;animation-duration:.28s;overflow:clip}::view-transition-old(create-open){animation:.2s both fade-out}@keyframes fade-out{to{opacity:0}}.create h1{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(26px,2.03vw,32px);font-weight:300}.create:not(.upload) h1{margin:0;font-size:clamp(36px,2.92vw,46px);line-height:1.15}.create h1 .ex{font-family:var(--font-display);letter-spacing:0;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:4px 0,100% 4px,4px 100%,0 4px;background-repeat:no-repeat;background-size:calc(100% - 8px) 1px,1px calc(100% - 8px),calc(100% - 8px) 1px,1px calc(100% - 8px);padding:0 clamp(9px,.76vw,12px) 3px;font-size:clamp(44px,3.68vw,58px);font-style:italic;font-weight:700;display:inline-block;position:relative}.create h1 .ex:before{--h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect x='0.5' y='0.5' width='7' height='7' fill='none' stroke='%23bfff00' stroke-width='1'/%3E%3C/svg%3E");content:"";pointer-events:none;background:var(--h) 0 0 / 8px 8px no-repeat, var(--h) 100% 0 / 8px 8px no-repeat, var(--h) 0 100% / 8px 8px no-repeat, var(--h) 100% 100% / 8px 8px no-repeat;position:absolute;inset:-4px}.create .sheet,.create .history,.create .qr-side{--cut:16px;background-color:var(--panel);background-image:linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line)), var(--grain);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat;background-position:var(--cut) 0, 100% 0, 0 100%, 0 var(--cut), 0 0;background-size:calc(100% - var(--cut)) 1px, 1px calc(100% - var(--cut)), calc(100% - var(--cut)) 1px, 1px calc(100% - var(--cut)), 160px 160px;filter:drop-shadow(0 14px 36px #0000008c)drop-shadow(0 4px 10px #00000059);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));border:0}.create .sheet{padding:var(--create-panel-pad);box-sizing:border-box}.create .sheet .commit{width:100%;padding:var(--create-control-pad-y) var(--create-control-pad-x);border-radius:0;margin-top:clamp(12px,1.02vw,16px);font-size:clamp(13px,.95vw,15px);font-weight:500;display:block}.create .fields{gap:var(--create-gap);margin-bottom:clamp(9px,.76vw,12px);display:grid}.create .fields .err{min-height:1.2em;line-height:1.2}.create .fields .k{margin:0}.create label,.create .k{margin:0 0 8px;font-size:13px;font-weight:500;display:block}.create input[type=text]{width:100%;padding:var(--create-control-pad-y) var(--create-control-pad-x);border:1px solid var(--line);color:#fff;font:inherit;background:#000;border-radius:0;display:block}.create input[type=text]:focus{border-color:#fff}.create .err,.studio-upload .err{color:#f87171;font-size:12px;font-weight:400;display:block}.create .types{gap:var(--create-gap);overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;display:flex;overflow-y:auto}.create .types .type-group{gap:var(--create-gap);padding:var(--create-gap);background:#0a0a0a;border:1px solid #141414;flex-direction:column;display:flex}.create .types .type-group>button,.create .types .type-group>.type-card{flex:none}.create .types .type-group>button,.create .types .type-group>.type-card,.create .history a{text-align:left;width:100%;padding:var(--create-control-pad-y) var(--create-control-pad-x);color:#fff;border:1px solid var(--line);box-sizing:border-box;background:#171717;border-radius:0;text-decoration:none;display:block}.create .types .type-group>button[aria-pressed=true],.create .types .type-group>.type-card[data-on]{border-color:#fff}.create .types .type-group>button:hover,.create .types .type-group>.type-card:hover,.create .history a:hover{background:#2a2a2a}.create .types .type-group>button,.create .types .type-group>.type-card,.create .pick,.studio-upload .pick,.create .history a,.create .sheet .commit{-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color .12s,transform 80ms,border-color .12s}.create .types .type-group>button:active,.create .types .type-group>.type-card:active,.create .pick:active,.studio-upload .pick:active,.create .history a:active,.create .sheet .commit:active{transform:scale(.98)}.create .types b{font-size:14px;font-weight:500;display:block}.create .types span{color:var(--muted);font-size:12px}.create .types .tmpl{gap:var(--create-gap);margin-top:var(--create-gap);display:flex}.create .types .tmpl button{width:auto;padding:clamp(4px, .32vw, 5px) var(--create-gap);text-align:center;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#0a0a0a;border-radius:0;flex:1;font-size:12px;font-weight:500}.create .types .tmpl button:hover{color:#fff;background:#2a2a2a}.create .types .tmpl button[aria-pressed=true]{color:#fff;border-color:#fff}.create .history{align-self:start;gap:var(--create-gap);box-sizing:border-box;flex-direction:column;min-height:148px;padding:clamp(12px,1.02vw,16px) clamp(9px,.76vw,12px);display:flex}.create .history h2{color:var(--muted);padding:0 8px;font-size:12px;font-weight:500}.create .qr-side{box-sizing:border-box;flex-direction:column;align-self:start;align-items:center;gap:10px;width:fit-content;padding:16px 14px;display:flex}.create .qr-side h2{text-align:center;max-width:120px;color:var(--muted);margin:0;font-size:12px;font-weight:500;line-height:1.25}.create .qr-frame{box-sizing:border-box;aspect-ratio:1;background:#fff;flex:none;justify-content:center;align-items:center;width:112px;height:112px;margin:0;padding:8px;line-height:0;display:flex}.create .qr-frame img{aspect-ratio:1;object-fit:none;width:96px;max-width:96px;height:96px;max-height:96px;display:block}.create .qr-ph{aspect-ratio:1;background:#eee;width:96px;max-width:96px;height:96px;max-height:96px;display:block}.create .history-list{gap:var(--create-gap);overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;max-height:83px;display:flex;overflow-y:auto}.create .history .row{flex:none;position:relative}.create .history a{border:1px solid var(--line);background:#171717;padding-right:32px}.create .history .row button{color:var(--muted);padding:4px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.create .history .row button:hover{color:#fff}.create .history small{color:var(--muted);font-size:12px;display:block}.create .history .empty{color:var(--muted);padding:8px;font-size:13px}.create .drop,.studio-upload .drop{border:1px dashed var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;margin-bottom:4px;padding:24px 16px;display:flex}.create .drop.over,.studio-upload .drop.over{background:#2a2a2a}.create .drop .lead,.studio-upload .drop .lead{color:#fff;margin:0;font-size:15px;font-weight:500}.create .drop .picked,.studio-upload .drop .picked{color:#fff;margin:0;font-size:13px}.create .picks,.studio-upload .picks{gap:8px;display:flex}.create .pick,.studio-upload .pick{color:#000;cursor:pointer;clip-path:none;background:#fff;border:0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:10px 16px;font-size:13px;font-weight:500;display:inline-flex}.create .pick:hover,.studio-upload .pick:hover{color:#000;background:#e5e5e5}.create .formats,.studio-upload .formats{border:1px solid var(--line);width:100%;color:var(--muted);text-align:left;padding:12px 14px;font-size:12px}.create .formats b,.studio-upload .formats b{color:#fff;margin:0 0 4px;font-weight:500;display:block}.create .file-list,.studio-upload .file-list{border:1px solid var(--line);text-align:left;max-height:180px;margin:12px 0 4px;overflow:auto}.create .file-list-head,.studio-upload .file-list-head{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.create .file-clear,.studio-upload .file-clear{color:#fff;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.create .file-clear:hover,.studio-upload .file-clear:hover{text-decoration:underline}.create .file-list ul,.studio-upload .file-list ul{margin:0;padding:0;list-style:none}.create .file-list li,.studio-upload .file-list li{border-bottom:1px solid var(--line);grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.create .file-list li:last-child,.studio-upload .file-list li:last-child{border-bottom:0}.create .file-list img,.studio-upload .file-list img,.create .file-ico,.studio-upload .file-ico{object-fit:cover;width:36px;height:36px;color:var(--muted);background:#111;place-items:center;font-size:12px;display:grid}.create .file-meta,.studio-upload .file-meta{gap:2px;min-width:0;display:grid}.create .file-meta b,.studio-upload .file-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.create .file-meta small,.studio-upload .file-meta small{color:var(--muted);font-size:11px}.create .file-list li>button,.studio-upload .file-list li>button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:16px;line-height:1}.create .file-list li>button:hover,.studio-upload .file-list li>button:hover{color:#fff}.create .drop-or,.studio-upload .drop-or{color:var(--muted);letter-spacing:.04em;text-transform:lowercase;margin:0;font-size:12px;font-weight:500}.create .yt-url,.studio-upload .yt-url{text-align:left;color:#fff;flex-direction:column;gap:6px;width:100%;margin:0;font-size:13px;display:flex}.create .yt-url-label,.studio-upload .yt-url-label{color:#fff;font-size:12px;font-weight:500}.create .yt-url input,.studio-upload .yt-url input{box-sizing:border-box;border:1px solid var(--line);color:#fff;width:100%;font:inherit;background:#0a0a0a;border-radius:0;padding:10px 12px;font-size:13px;display:block}.create .yt-url input::placeholder,.studio-upload .yt-url input::placeholder{color:var(--muted);opacity:1}.create .yt-url input:focus,.studio-upload .yt-url input:focus{border-color:#fff;outline:none}.create .yt-url input:disabled,.studio-upload .yt-url input:disabled{opacity:.5}.create .drop>.err,.studio-upload .drop>.err{text-align:left;width:100%;margin:-4px 0 0}.create .interval,.studio-upload .interval{color:#fff;flex-direction:column;gap:8px;margin:12px 0 4px;font-size:13px;display:flex}.create .interval-label,.studio-upload .interval-label{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.create .interval-label b,.studio-upload .interval-label b{font-variant-numeric:tabular-nums;font-weight:600}.create .interval input[type=range],.studio-upload .interval input[type=range]{appearance:none;border:1px solid var(--line);cursor:pointer;background:#2a2a2a;width:100%;height:6px;margin:0}.create .interval input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:0;width:14px;height:14px}.studio-upload .interval input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:0;width:14px;height:14px}.create .interval input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:0;width:14px;height:14px}.studio-upload .interval input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:0;width:14px;height:14px}.create .interval input[type=range]:disabled,.studio-upload .interval input[type=range]:disabled{opacity:.5;cursor:not-allowed}.create .sheet>.err,.studio-upload .sheet>.err{margin-top:8px}.create .skip,.studio-upload .skip{width:100%;color:var(--muted);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:13px;text-decoration:none;display:block}.create .skip:hover,.studio-upload .skip:hover{color:#fff}.create .sheet .commit:disabled,.studio-upload .commit:disabled{opacity:.4}.studio-upload{z-index:80;background:#0000008c;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.studio-upload .sheet{border:1px solid var(--line);color:#fff;background:#171717;width:min(440px,100vw - 32px);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 14px 36px #0000008c,0 4px 10px #00000059}.studio-upload .sheet h2{margin:0 0 12px;font-size:16px;font-weight:500}.studio-upload .drop{margin-bottom:4px}.studio-upload .commit{width:100%;margin-top:16px;padding:12px 16px;font-size:15px;font-weight:500;display:block}.create .drop.busy,.studio-upload .drop.busy{opacity:.55;pointer-events:none}.create .pick.off,.studio-upload .pick.off{opacity:.5;pointer-events:none}.create .up-prog,.studio-upload .up-prog{text-align:left;margin:12px 0 4px}.create .up-bar,.studio-upload .up-bar{border:1px solid var(--line);background:#2a2a2a;height:6px;overflow:hidden}.create .up-bar>i,.studio-upload .up-bar>i{background:#fff;width:0;height:100%;transition:width .12s linear;display:block}.create .up-bar.indet>i,.studio-upload .up-bar.indet>i{width:40%;animation:1.1s ease-in-out infinite up-indet}@keyframes up-indet{0%{transform:translate(-100%)}to{transform:translate(350%)}}.create .up-status,.studio-upload .up-status{color:#fff;margin:8px 0 0;font-size:13px;font-weight:500}.create .up-hint,.studio-upload .up-hint{color:var(--muted);margin:4px 0 0;font-size:12px}.create .commit.abort,.studio-upload .commit.abort{color:#fff;border:1px solid var(--line);background:0 0}@media (max-width:800px){.create{--create-sheet-w:340px;--create-side-w:128px}.create:not(.upload) header{padding:16px 24px 0}.create:not(.upload) .body{justify-self:stretch;width:auto;padding:16px 24px 0}}@media (max-width:600px){.create .split{grid-template-columns:minmax(0, var(--create-sheet-w));justify-content:center;row-gap:12px}.create .sheet{grid-area:2/1}.create .history,.create .qr-side{grid-area:1/1;justify-self:end}.create:not(.upload) h1{font-size:30px}.create h1 .ex{font-size:38px}}.confirm-overlay{z-index:1000;background:#00000073;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{color:#fff;background:#2a2a2a;border-radius:12px;width:min(360px,100%);padding:20px 20px 16px;box-shadow:0 16px 48px #00000073}.confirm-msg{word-break:break-word;margin:0 0 18px;font-size:15px;font-weight:500;line-height:1.4}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-cancel,.confirm-ok{cursor:pointer;border:1px solid #555;border-radius:999px;min-width:72px;padding:8px 14px;font-size:13px;font-weight:500}.confirm-cancel{color:#fff;background:0 0}.confirm-cancel:hover{background:#3a3a3a}.confirm-ok{color:#111;background:#fff;border-color:#fff}.confirm-ok:hover{background:#e8e8e8}
