:root{--font:-apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--bg:#eeedeb;--surface:#fff;--fg:#111;--fg-2:#6b6b6b;--fg-3:#a3a3a3;--line:#00000014;--line-strong:#00000029;--accent:#111;--accent-fg:#fff;--danger:#b3261e;--radius-s:4px;--radius-m:8px;--radius-l:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--text-xs:11px;--text-s:12px;--text-m:13px;--text-l:15px;--text-xl:20px;--card-base:260px;--card-min:160px;--card-max:1100px;--grid-gap:20px}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--font);font-size:var(--text-m);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}button,input{font:inherit;color:inherit}.btn{appearance:none;justify-content:center;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface);cursor:pointer;white-space:nowrap;display:inline-flex}.btn:hover{border-color:var(--fg)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.ghost{color:var(--fg-2);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--fg)}.btn.block{width:100%}.input{width:100%;height:34px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface);outline:none}.input:focus{border-color:var(--fg)}.input.code{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.3em;text-align:center;height:44px}.muted{color:var(--fg-2)}.small{font-size:var(--text-s)}.error{color:var(--danger)}.dock{z-index:300;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:20px;left:0;right:0}.chip{pointer-events:auto;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-2) 0 var(--space-3);background:var(--surface);color:var(--fg);border-radius:999px;display:flex}.chip>*{animation:.18s cubic-bezier(.2,.8,.2,1) both still-bar-in}@keyframes still-bar-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.chip .sep{background:var(--line);width:1px;height:18px}.chip .zoom{appearance:none;padding:0 var(--space-2);height:32px;font-family:var(--font-mono);font-size:var(--text-s);color:var(--fg-2);cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:52px}.chip .zoom:hover{color:var(--fg);background:#0000000d}.chip .search{width:220px;height:32px;padding:0 var(--space-3);background:0 0;border:0;border-radius:999px;outline:none}.chip .search:focus{background:#0000000d}.chip .search:first-child{margin-left:calc(6px - var(--space-3))}.chip .search::-webkit-search-cancel-button{-webkit-appearance:none}.chip .count{padding:0 var(--space-3) 0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-s);color:var(--fg-2)}.chip .count:after{content:" stills";color:var(--fg-3);font-family:var(--font)}.chip .build{padding-right:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3);margin-left:-6px}.chip .grid-btn{appearance:none;width:32px;height:32px;color:var(--fg-2);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.chip .grid-btn:hover{color:var(--fg);background:#0000000d}.chip .grid-btn.is-on{color:var(--accent-fg);background:var(--accent)}.chip .grid-btn svg{display:block}.canvas.grid-mode .card{cursor:default}.canvas.grid-mode .card .handle{display:none}html,body{height:100%;overflow:hidden}.viewport{cursor:default;touch-action:none;--dot-step:40px;--dot-x:0px;--dot-y:0px;--inv:1;background-image:radial-gradient(circle,#00000017 .5px,#0000 .9px);background-size:var(--dot-step) var(--dot-step);background-position:var(--dot-x) var(--dot-y);position:fixed;inset:0;overflow:hidden}.viewport.is-panning{cursor:grabbing}.canvas{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.empty{color:var(--fg-2);place-items:center;display:grid;position:fixed;inset:0}.empty kbd{font-family:var(--font-mono);border:1px solid var(--line-strong);border-radius:var(--radius-s);padding:1px 6px}.card{width:var(--card-base);gap:var(--space-2);cursor:grab;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute;top:0;left:0}.card.is-moving,.card.is-resizing{will-change:transform}.card:hover,.card.is-moving,.card.is-resizing{z-index:5}.card.is-moving{cursor:grabbing}.card.is-resizing .live-wrap iframe{pointer-events:none}.card .frame{border-radius:var(--radius-l);border:1px solid var(--line);background:var(--surface);min-height:0;position:relative;overflow:hidden}.card .snap{cursor:pointer;height:100%;display:block}.card img,.card a{-webkit-user-drag:none;user-drag:none}.card .snap img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.card .dot{width:4px;height:4px;box-shadow:0 0 0 1.5px var(--surface);transform:scale(var(--inv));transform-origin:100% 0;pointer-events:none;background:#22c55e;border-radius:50%;position:absolute;top:8px;right:8px}.card .dot[data-state=loading]{background:var(--fg-3);animation:1s ease-in-out infinite still-pulse}.card .dot[data-state=failed]{background:#ef4444}@keyframes still-pulse{50%{opacity:.3}}.card .meta{padding:0 var(--space-1);flex-direction:column;gap:2px;display:flex}.card .title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.card .sub{gap:var(--space-2);color:var(--fg-2);font-size:var(--text-s);display:flex}.card .sub a{color:inherit;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;overflow:hidden}.card .sub a:hover{color:var(--fg)}.card .sub .area{color:var(--fg-3);align-items:center;display:inline-flex}.card .sub .area svg{display:block}.card .live-wrap{background:var(--surface);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0;overflow:hidden}.card .live-wrap iframe{transform-origin:0 0;background:var(--surface);border:0;display:block}.card.is-live .live-wrap{opacity:1;pointer-events:auto}.card.is-live .snap{visibility:hidden}.card.is-loading .snap img{opacity:.4}.card .tools{transform:scale(var(--inv));transform-origin:0 100%;opacity:0;cursor:default;flex-direction:column;align-items:center;gap:6px;margin-left:6px;transition:opacity .12s;display:flex;position:absolute;bottom:44px;left:100%}.card:hover .tools,.card.is-resizing .tools{opacity:1}.card .tool{appearance:none;width:22px;height:22px;color:var(--fg-2);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.card .tool:hover{color:var(--fg);background:#0000000f}.card .tool svg{display:block}.card .handle{transform:translate(6px, calc(var(--frame-h,0px) + 4px)) scale(var(--inv));transform-origin:0 0;width:22px;height:22px;color:var(--fg-2);cursor:pointer;opacity:0;justify-content:center;align-items:center;text-decoration:none;transition:opacity .12s;display:inline-flex;position:absolute;top:0;left:100%}.card:hover .handle,.card.is-resizing .handle{opacity:1;color:var(--fg)}.card .handle svg{display:block}.card.is-live .live-wrap iframe{pointer-events:none}.card.is-live.is-active .live-wrap iframe{pointer-events:auto}.card.is-active .frame{outline:1.5px solid var(--fg);outline-offset:2px}.card .pile{padding-top:10px;position:relative}.card .pile .sheet{aspect-ratio:var(--ar,4 / 3);border-radius:var(--radius-l);border:1px solid var(--line);background:var(--surface);position:absolute;left:0;right:0}.card .pile .s1{margin:0 5px;top:5px}.card .pile .s2{margin:0 10px;top:0}.card[data-n="1"] .pile .sheet,.card[data-n="2"] .pile .s2{display:none}.card.stack .frame{aspect-ratio:var(--ar,4 / 3)}.card.stack .frame img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.card.stack .frame .count{top:var(--space-2);right:var(--space-2);color:var(--accent-fg);background:var(--accent);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600;position:absolute}.card.stack.is-open .frame{border-color:var(--fg)}.card.is-target .frame{border-color:var(--fg);box-shadow:0 0 0 3px #00000014}.card.child{z-index:2}.card.child .frame{border-style:dashed}.card.is-moving{transition:none}.card{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.card .title-edit{border:0;border-bottom:1px solid var(--fg);width:100%;font:inherit;background:0 0;outline:none;margin:-1px 0;padding:0 4px;font-weight:500}.card .tool.armed{background:var(--fg);color:var(--accent-fg);border-radius:999px;width:auto;padding:0 6px;font-size:9px}.chip .bar-btn{appearance:none;width:38px;height:32px;color:var(--fg-2);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.chip .bar-btn:hover{color:var(--fg);background:#0000000d}.chip .bar-btn svg{display:block}.chip .name{width:150px;height:32px;padding:0 var(--space-3);text-align:center;font:inherit;background:0 0;border:0;border-radius:999px;outline:none;font-weight:500}.chip .name:focus{background:#0000000d}.chip .count-min{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3);padding-right:var(--space-2)}.peek{z-index:200;place-items:center;display:grid;position:fixed;inset:0}.peek[hidden]{display:none!important}.peek .scrim{background:var(--bg);opacity:0;transition:opacity .2s;position:absolute;inset:0}.peek.is-open .scrim{opacity:.94}.peek .big{z-index:1;cursor:pointer;will-change:transform;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .16s,margin .26s cubic-bezier(.2,.8,.2,1);position:relative}.peek.with-rel .big{margin-bottom:168px}.peek.with-trim .big{margin-bottom:64px}.peek.with-rel.with-trim .big{margin-bottom:240px}.peek .trim{background:color-mix(in srgb, var(--fg) 9%, transparent);opacity:0;touch-action:none;cursor:default;border-radius:4px;height:18px;transition:opacity .2s .12s;position:absolute;top:calc(100% + 14px);left:52px;right:52px}.peek.is-open .trim.is-ready{opacity:1}.peek .trim-in{background:color-mix(in srgb, var(--fg) 3%, var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 10%, transparent);position:absolute;top:0;bottom:0}.peek .trim i{background:var(--fg);opacity:.55;cursor:ew-resize;border-radius:1px;width:1.5px;margin-left:-.75px;transition:opacity .12s;position:absolute;top:-4px;bottom:-4px}.peek .trim i:before{content:"";position:absolute;inset:0 -9px}.peek .trim i:hover,.peek .trim i.is-held{opacity:1}.peek .trim-t{font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--fg-3);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;line-height:1;display:block;position:absolute;inset:0}.peek .trim-t span{white-space:nowrap;position:absolute;top:50%;transform:translateY(-50%)}.peek .trim-t span:first-child{right:calc(100% + 10px)}.peek .trim-t span:last-child{left:calc(100% + 10px)}.peek .big .frame{border-radius:var(--radius-l);border:1px solid var(--line);background:var(--surface);width:100%;height:100%;padding:5px;position:relative;overflow:hidden}.peek .big .frame>img{object-fit:contain;border-radius:calc(var(--radius-l) - 3px);width:100%;height:100%;display:block}.peek .big .live-wrap{opacity:1;pointer-events:auto;border-radius:calc(var(--radius-l) - 3px);inset:5px}.peek .big.is-live .frame>img{visibility:hidden}.peek .cap{z-index:1;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:3px;transition:opacity .2s .12s;display:flex;position:absolute;bottom:96px;left:0;right:0}.peek.is-open .cap{opacity:1;pointer-events:auto}.peek .cap .t{font-size:var(--text-l);text-align:center;max-width:420px;font-weight:600}.peek .cap .h{font-size:var(--text-s);color:var(--fg-3)}.peek .cap a{color:inherit;pointer-events:auto;cursor:pointer;text-decoration:none}.peek .cap a.t:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.peek .cap a.h:hover{color:var(--fg-2)}.peek .cap .rel{flex-direction:column;align-items:center;gap:7px;margin-top:12px;animation:.22s cubic-bezier(.2,.8,.2,1) both still-bar-in;display:flex}.peek .cap .rel-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);font-size:10px;font-weight:500}.peek .cap .rel-row{gap:12px;display:flex}.peek .cap .rel-card{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);cursor:pointer;width:62px;height:62px;padding:4px;overflow:hidden}.peek .cap .rel-card img{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.peek .cap .rel-card{transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s}.peek .cap .rel-card:hover{border-color:var(--fg);transform:translateY(-3px)}.viewport.is-dropping iframe{pointer-events:none}.viewport.is-dropping:after{content:"Drop to keep";border:1.5px dashed var(--line-strong);border-radius:var(--radius-l);color:var(--fg-2);font-size:var(--text-s);pointer-events:none;z-index:150;place-items:start center;padding-top:24px;display:grid;position:fixed;inset:12px}.app-toast{z-index:400;background:var(--accent);color:var(--accent-fg);font-size:var(--text-s);border-radius:999px;padding:8px 14px;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.card .media-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.peek .big .frame>video{object-fit:contain;border-radius:calc(var(--radius-l) - 3px);background:#000;width:100%;height:100%;display:block}.peek .vclip{border-radius:calc(var(--radius-l) - 3px);background:#000;width:100%;height:100%;position:relative;overflow:hidden}.peek .vclip video{object-fit:fill;cursor:pointer;width:100%;height:100%;display:block}.peek .vclip .crop{pointer-events:none;position:absolute}.peek .big.is-cropping .vclip .crop{outline:1px solid #ffffff59;box-shadow:0 0 0 200vmax #0000008c}.peek .vclip .crop i{opacity:0;pointer-events:auto;filter:drop-shadow(0 0 1px #00000073);touch-action:none;border:0 solid #fff;width:10px;height:10px;transition:opacity .14s;position:absolute}.peek .vclip .crop i:before{content:"";position:absolute;inset:-9px}.peek .vclip .crop i[data-c=nw]{cursor:nwse-resize;border-width:1.5px 0 0 1.5px;top:6px;left:6px}.peek .vclip .crop i[data-c=ne]{cursor:nesw-resize;border-width:1.5px 1.5px 0 0;top:6px;right:6px}.peek .vclip .crop i[data-c=sw]{cursor:nesw-resize;border-width:0 0 1.5px 1.5px;bottom:6px;left:6px}.peek .vclip .crop i[data-c=se]{cursor:nwse-resize;border-width:0 1.5px 1.5px 0;bottom:6px;right:6px}.peek .big.is-cropping .vclip .crop i[data-c=nw]{top:-1.5px;left:-1.5px}.peek .big.is-cropping .vclip .crop i[data-c=ne]{top:-1.5px;right:-1.5px}.peek .big.is-cropping .vclip .crop i[data-c=sw]{bottom:-1.5px;left:-1.5px}.peek .big.is-cropping .vclip .crop i[data-c=se]{bottom:-1.5px;right:-1.5px}.peek.is-open .big:hover .vclip .crop i{opacity:.6}.peek.is-open .big .vclip .crop i:hover,.peek.is-open .big .vclip .crop i.is-held,.peek .big.is-cropping .vclip .crop i{opacity:1}.viewport.tool-frame{cursor:crosshair}.viewport.tool-text{cursor:text}.frame-box{border:1px solid var(--line-strong);border-radius:var(--radius-l);pointer-events:auto;cursor:grab;position:absolute}.frame-box.is-ghost{pointer-events:none;background:#00000005;border-style:dashed}.frame-box:hover{border-color:var(--fg)}.frame-tag{background:var(--surface);border:1px solid var(--line);height:26px;transform:scale(var(--inv));transform-origin:0 100%;color:var(--fg-2);cursor:grab;border-radius:999px;align-items:center;gap:2px;margin-bottom:6px;padding:0 4px;display:flex;position:absolute;bottom:100%;left:0}.frame-box.is-moving,.frame-box.is-moving .frame-tag{cursor:grabbing}.frame-tag .frame-drag{width:18px;height:22px;color:var(--fg-3);place-items:center;display:grid}.frame-tag:hover .frame-drag{color:var(--fg)}.frame-box:before{content:"";border-radius:inherit;position:absolute;inset:-10px}.frame-tag .frame-n{font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;min-width:16px}.frame-tag .frame-name{width:120px;font:inherit;font-size:var(--text-s);color:var(--fg);background:0 0;border:0;outline:none}.frame-tag .frame-move,.frame-tag .frame-del{appearance:none;width:20px;height:20px;color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.frame-tag .frame-move:hover,.frame-tag .frame-del:hover{color:var(--fg);background:#0000000d}.frame-grip{background:var(--surface);border:1px solid var(--fg-3);width:12px;height:12px;transform:scale(var(--inv));transform-origin:100% 100%;cursor:nwse-resize;opacity:0;border-radius:3px;position:absolute;bottom:-5px;right:-5px}.frame-box:hover .frame-grip{opacity:1}.note-box{position:absolute}.note-box .note-body{white-space:pre-wrap;outline:none;line-height:1.45}.note-box.title .note-body{letter-spacing:-.02em;font-size:34px;font-weight:600}.note-box.body .note-body{color:var(--fg-2);font-size:17px}.note-box .note-grip{background:var(--line);width:12px;height:18px;transform:scale(var(--inv));transform-origin:100% 0;cursor:grab;opacity:0;border-radius:3px;position:absolute;top:0;left:-18px}.note-box:hover .note-grip{opacity:1}#root.presenting .card .tools,#root.presenting .card .handle,#root.presenting .frame-box,#root.presenting .note-box .note-grip{display:none}#root.presenting .card{cursor:default}.chip .bar-btn.is-on{color:var(--accent-fg);background:var(--accent)}#root.presenting .canvas{z-index:95;position:absolute}.peek .big .hit{z-index:2;cursor:pointer;position:absolute;inset:0}.slide-text{pointer-events:none;z-index:3;flex-direction:column;gap:.5em;display:flex;position:absolute}.slide-text.v-top{justify-content:flex-start}.slide-text.v-bottom{justify-content:flex-end}.slide-text.v-center{justify-content:center}.slide-text.a-left{text-align:left}.slide-text.a-right{text-align:right}.slide-text.a-center{text-align:center}.slide-text .st-title,.slide-text .st-body{pointer-events:auto}.slide-text .st-title{letter-spacing:-.02em;color:var(--fg);white-space:pre-wrap;outline:none;font-weight:600;line-height:1.12}.slide-text .st-body{color:var(--fg-2);white-space:pre-wrap;outline:none;line-height:1.45}.slide-text [contenteditable]:empty:before{content:attr(data-ph);color:var(--fg-3)}.slide-text div:not([contenteditable]):empty{display:none}.card .snap .media-video{object-fit:cover;object-position:top left;pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;inset:0}.card .snap{position:relative}.spread{z-index:150;position:fixed;inset:0}.spread-card{border-radius:var(--radius-l);border:1px solid var(--line);background:var(--surface);cursor:pointer;will-change:transform, opacity;padding:5px;position:absolute}.spread-card .vclip{border-radius:calc(var(--radius-l) - 3px);width:100%;height:100%;position:relative;overflow:hidden}.spread-card img,.spread-card video{object-fit:cover;border-radius:calc(var(--radius-l) - 3px);width:100%;height:100%;display:block}.spread-close{background:var(--surface);width:36px;height:36px;color:var(--fg);cursor:pointer;opacity:0;border:0;border-radius:50%;place-items:center;transition:opacity .2s .16s,transform .26s cubic-bezier(.2,.9,.25,1) .16s;display:grid;position:absolute;transform:scale(.8)}.spread.is-open .spread-close{opacity:1;transform:none}.spread-close svg{display:block}#root.presenting .card .frame,#root.presenting .card .pile{transform:rotate(var(--tilt,0deg));transition:transform .3s cubic-bezier(.2,.8,.2,1)}.canvas.grid-mode .card:not(.stack) .frame,.canvas.grid-mode .card.stack .pile{transform:rotate(var(--tilt,0deg));transition:transform .2s}.canvas.grid-mode .card:is(:hover,.is-moving):not(.stack) .frame,.canvas.grid-mode .card.stack:is(:hover,.is-moving) .pile{transform:none}.slide-text .translating{animation:1.1s ease-in-out infinite st-breathe}@keyframes st-breathe{50%{opacity:.35}}.viewport.is-hushed .card .live-wrap{visibility:hidden}.viewport.is-hushed .card.is-live .snap{visibility:visible}#root.presenting .slide-text [contenteditable]:empty{min-height:1.2em}#root.presenting .slide-text [contenteditable]:empty:not(:hover):not(:focus):before{content:none}.slide-text [contenteditable]:focus{outline:none}.undo-toast{align-items:center;gap:14px;padding:8px 8px 8px 16px;display:flex}.undo-toast button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:2px 8px;font-weight:600}.undo-toast button:hover{background:#ffffff24}.signin{background:var(--bg);align-content:center;place-items:center;gap:12px;display:grid;position:fixed;inset:0}.signin-go{appearance:none;font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:17px;font-weight:500}.signin-go:hover{background:#0000000d}.signin-go:disabled{color:var(--fg-3);cursor:default;background:0 0}.signin-note{min-height:1em;color:var(--fg-3);text-align:center;max-width:360px;margin:0;font-size:12px}.signin-pair{appearance:none;font:inherit;color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 10px;font-size:12px}.signin-pair:hover{color:var(--fg-2)}.signin-code{appearance:none;background:color-mix(in srgb, var(--fg) 5%, transparent);width:8.4em;color:var(--fg);font-family:var(--font-mono);letter-spacing:.5em;text-align:center;text-transform:uppercase;border:0;border-radius:8px;outline:none;padding:6px 0 6px .5em;font-size:15px}.signin-code::placeholder{color:var(--fg-3);opacity:.5}.signin-code:disabled{color:var(--fg-3)}.signin-pair[hidden],.signin-code[hidden]{display:none}.dock .pill{pointer-events:auto;background:var(--surface);height:28px;color:var(--fg-2);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:12px;animation:.18s cubic-bezier(.2,.8,.2,1) both still-bar-in;display:inline-flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.dock .pill:hover{color:var(--fg)}.dock .pill[hidden]{display:none}.dock .pill svg{display:block}.card .sound{color:#fff;opacity:.8;filter:drop-shadow(0 0 2px #00000073);transform:scale(var(--inv));transform-origin:100% 100%;pointer-events:none;display:inline-flex;position:absolute;bottom:7px;right:7px}.card .sound svg{display:block}.canvas.others{pointer-events:none;z-index:150}.cursors{pointer-events:none;position:absolute;top:0;left:0}.canvas.grid-mode~.others .cursors{display:none}.cur{--cx:0px;--cy:0px;transform:translate(var(--cx), var(--cy)) scale(var(--inv));transform-origin:0 0;will-change:transform;transition:opacity .6s;position:absolute;top:0;left:0}.cur.idle{opacity:0}.cur svg{filter:drop-shadow(0 1px 1px #0000001f);width:16px;height:16px;display:block}.cur .pill{background:var(--c,#111);color:#fff;letter-spacing:.01em;white-space:nowrap;border-radius:999px;padding:2px 8px 3px;font-size:11px;font-weight:500;line-height:1.35;position:absolute;top:15px;left:13px}.card.is-held .frame{transform:scale(1.02);box-shadow:0 12px 30px #00000024}.chip .here{padding:0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3);white-space:nowrap}.sheet{z-index:400;place-items:center;display:grid;position:fixed;inset:0}.sheet[hidden]{display:none}.sheet .scrim{background:var(--bg);opacity:.94;cursor:zoom-out;animation:.2s both still-fade-in;position:absolute;inset:0}@keyframes still-fade-in{0%{opacity:0}}.sheet .panel{z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:22px 22px 18px;animation:.32s cubic-bezier(.2,.8,.2,1) both still-sheet-in;display:flex;position:relative}@keyframes still-sheet-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.sheet .qr{border-radius:var(--radius-l);width:220px;height:220px;display:block;overflow:hidden}.sheet .qr svg{width:100%;height:100%;display:block}.sheet .line{color:var(--fg-2);font-size:13px}@media (hover:none){.card .tools,.card .handle,.empty kbd{display:none}}@media (width<=560px){.dock{bottom:14px}.chip{padding:0 var(--space-2);gap:0}.chip .search{width:84px;padding:0 var(--space-2)}.chip .search:first-child{margin-left:0}.chip .zoom,.chip .zoom+.sep,.chip .build,.chip .count:after{display:none}.chip .count{padding:0 var(--space-2)}.chip .here{padding:0 2px 0 var(--space-2)}.chip .sep{margin:0 2px}}