:root{color-scheme:dark;--ui-h: 266;--ui-c: .015;--ui-c-lift: calc(var(--ui-c) * 2.7);--accent-h: 261;--red-h: 17;--bg: #fff;--panel: oklch(26.4% var(--ui-c) var(--ui-h));--panel2: oklch(29.7% var(--ui-c) var(--ui-h));--pop: oklch(28.2% var(--ui-c) var(--ui-h));--btn2: oklch(37.3% var(--ui-c-lift) var(--ui-h));--line: oklch(33.6% var(--ui-c) var(--ui-h));--pop-line: oklch(37.9% var(--ui-c) var(--ui-h));--btnbd: transparent;--text: oklch(88.8% var(--ui-c) var(--ui-h));--dim: oklch(65.2% var(--ui-c) var(--ui-h));--accent: oklch(69.7% .1589 var(--accent-h));--violet: oklch(72.8% .1606 297);--primary: oklch(43.9% .1021 var(--accent-h));--primary-line: oklch(54% .1183 var(--accent-h));--primary-hover: oklch(48.7% .1146 var(--accent-h));--danger: oklch(71.3% .1122 var(--red-h));--danger-line: oklch(52.9% .1064 var(--red-h));--notice-bg: oklch(28.4% .0371 var(--red-h));--notice-line: oklch(45.3% .0814 var(--red-h));--notice-ink: oklch(91.2% .0243 var(--red-h));--notice-btn: oklch(33.6% .049 var(--red-h));--notice-dim: oklch(74.8% .0426 var(--red-h));--checker: repeating-conic-gradient( oklch(27.7% var(--ui-c) var(--ui-h)) 0% 25%, oklch(33.3% var(--ui-c) var(--ui-h)) 0% 50% ) 0 0 / 8px 8px;--checker-stage: repeating-conic-gradient( oklch(27.7% var(--ui-c) var(--ui-h)) 0% 25%, oklch(30.5% var(--ui-c) var(--ui-h)) 0% 50% ) 0 0 / 20px 20px;--fs-label: 10.5px;--fs-xs: 11px;--fs-quiet: 11.5px;--fs-ctl: 12px;--fs-menu: 12.5px;--fs-body: 13px;--ctl-h: 26px;--r-ctl: 6px;--r-inner: 5px;--side-cols: 5;--side-gap: 6px;--side-w: 276px;--tabrow-pad: 5px;--tabrow-h: calc(var(--ctl-h) + 2 * var(--tabrow-pad))}*{box-sizing:border-box;margin:0;padding:0}.section h3,.help-group h3,.ctx-header{font-size:var(--fs-label);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}body{font:var(--fs-body) / 1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);overflow:hidden;-webkit-user-select:none;user-select:none}input,textarea,.help-dialog{-webkit-user-select:text;user-select:text}#app{position:relative;display:flex;flex-direction:column;height:100vh}#frame{position:relative;flex:1;min-height:0;display:flex}#side{position:relative;width:var(--side-w);flex:none;background:var(--panel);border-right:1px solid var(--line)}@media(max-width:819px){#side{position:absolute;inset:0 auto 0 0;z-index:30;box-shadow:0 0 32px #0000008c}}#sidebar{height:100%;padding:12px 0 0;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}#tabs.solo~#frame #sidebar{padding-top:calc(var(--tabrow-h) + 6px)}.side-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:0 16px 16px}.side-scroll>.section,.side-scroll>.hint-text{flex:none}.side-scroll .spacer{flex:1;min-height:8px}.side-foot{flex:none;display:grid;grid-template-columns:repeat(var(--side-cols),1fr);gap:var(--side-gap);align-items:center;padding:6px 16px;border-top:1px solid var(--line)}.side-foot .btn-group{grid-column:span 2}.side-foot .btn-group>.btn{flex:1;width:auto}.side-foot>.icon-btn{grid-column:span 1;width:100%}.side-foot .scrub-field{grid-column:span 2}.section{display:grid;grid-template-columns:repeat(var(--side-cols),1fr);gap:var(--side-gap);margin-bottom:14px}.section.sec-cell-types{flex:1;min-height:150px;display:flex;flex-direction:column}.section>*{grid-column:1 / -1}.section .row{margin:0}.section .btn-group{grid-column:span 2}.section .scrub-field{grid-column:span 2;min-width:0}.section .scrub-field.span3{grid-column:span 3}.section .scrub-field.compact{grid-column:span 1;justify-content:center}.section .scrub-field.compact .scrub-handle{display:none}.section .scrub-field.compact .scrub-val{flex:none;text-align:center}.section .color-field{grid-column:span 3}.section .icon-btn,.section .btn.toggle{grid-column:span 1}.section .seg{grid-column:1 / -1}.section .seg.with-btn{grid-column:span 4}.section h3{grid-column:1 / -1;margin:0}.ctl-row{display:contents}.sec-head{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.sec-head h3{margin:0}.sec-head-hint{font-size:var(--fs-xs);color:var(--dim);font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:8px;margin:6px 0 2px}.row label{flex:1;color:var(--text)}.row .val{color:var(--dim);font-variant-numeric:tabular-nums;font-size:var(--fs-ctl)}.row.check{cursor:pointer;margin:5px 0}.row.check span{flex:1}.row.btns{flex-wrap:wrap;margin-top:8px}.field-label{grid-column:span 2;display:flex;align-items:center;color:var(--dim);font-size:var(--fs-ctl)}.mini-check{display:flex;align-items:center;gap:5px;color:var(--dim);font-size:var(--fs-ctl);cursor:pointer}.dot{width:10px;height:10px;border-radius:50%;flex:none}.scrub-field{display:flex;align-items:center;gap:2px;height:var(--ctl-h);padding:0 4px;background:var(--panel2);border:1px solid var(--btnbd);border-radius:var(--r-ctl);touch-action:none}.scrub-field.focus,.scrub-field.scrubbing{border-color:var(--accent)}.scrub-field.scrubbing .scrub-handle,.scrub-field.aspect-locked .scrub-handle{color:var(--accent)}.scrub-field.readonly{background:none;border-color:transparent}.scrub-field.readonly .scrub-handle,.scrub-field.readonly .scrub-val{cursor:default;color:var(--dim)}.scrub-handle{flex:0 0 auto;width:16px;text-align:center;color:var(--dim);cursor:ew-resize;-webkit-user-select:none;user-select:none;font-size:var(--fs-ctl)}.scrub-handle svg{display:block;margin:0 auto;width:13px;height:13px}.scrub-val{flex:1 1 0;min-width:0;text-align:left;background:none;border:none;padding:0;color:var(--text);font:inherit;font-variant-numeric:tabular-nums}.scrub-val.ro{cursor:ew-resize;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input.scrub-val:focus{outline:none}.field-btn{flex:0 0 auto;margin-left:auto;background:none;border:none;color:var(--dim);font-size:var(--fs-ctl);line-height:1;cursor:pointer;padding:0 2px;display:flex;align-items:center}.field-btn:hover{color:var(--text)}.field-btn svg{width:20px;height:20px;margin:-4px}.scrub-reset{color:var(--dim)}body.alt-scrub .scrub-field,body.alt-scrub .scrub-val,body.alt-scrub .scrub-handle{cursor:ew-resize}.cp-swatch{flex:0 0 auto;width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.2);cursor:pointer;padding:0}.cp-swatch.transparent{background:linear-gradient(45deg,#888 25%,transparent 25%,transparent 75%,#888 75%),linear-gradient(45deg,#888 25%,#fff 25%,#fff 75%,#888 75%);background-size:8px 8px;background-position:0 0,4px 4px}.cp-pop{position:fixed;z-index:40;width:200px;padding:8px;background:var(--pop);border:1px solid var(--pop-line);border-radius:8px;box-shadow:0 8px 28px #00000080}body.cp-sampling,body.cp-sampling #canvas{cursor:none}.cp-loupe{position:fixed;z-index:60;width:132px;height:132px;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 10px #0009;overflow:hidden;pointer-events:none}.cp-loupe canvas{display:block;image-rendering:pixelated}.cp-loupe-hex{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:#fff;background:#0009;padding:1px 0}.cp-sv{position:relative;width:100%;height:130px;border-radius:var(--r-inner);cursor:crosshair;touch-action:none}.cp-bottom{display:flex;align-items:center;gap:8px;margin-top:10px}.cp-hue{position:relative;flex:1;height:12px;border-radius:var(--r-ctl);cursor:ew-resize;touch-action:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cp-thumb{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000080;transform:translate(-50%,-50%);pointer-events:none}.cp-eye{flex:0 0 auto;width:var(--ctl-h);height:var(--ctl-h);display:flex;align-items:center;justify-content:center;background:var(--panel2);border:1px solid var(--btnbd);border-radius:var(--r-ctl);color:var(--dim);cursor:pointer;padding:0}.cp-eye:hover{border-color:var(--accent);color:var(--text)}.cp-eye.active{background:color-mix(in srgb,var(--panel) 85%,var(--accent));border-color:var(--accent);color:var(--accent)}.cp-eye svg{width:16px;height:16px}input[type=checkbox]{accent-color:var(--accent)}input.text,select.text{width:100%;height:var(--ctl-h);margin:0;padding:0 8px;background:var(--panel2);border:1px solid var(--btnbd);border-radius:var(--r-ctl);color:var(--text);font:inherit}input.text:focus,select.text:focus{outline:none;border-color:var(--accent)}input.text.flash,select.text.flash{animation:field-flash .38s ease-out}@keyframes field-flash{0%{box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 55%,transparent)}to{box-shadow:0 0 0 3px transparent}}.btn{height:var(--ctl-h);padding:0 11px;background:var(--panel2);border:1px solid var(--btnbd);border-radius:var(--r-ctl);color:var(--text);font:inherit;font-size:var(--fs-ctl);cursor:pointer;margin:0;display:inline-flex;align-items:center;justify-content:center}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:default}.btn.icon-btn{flex:0 0 auto;width:var(--ctl-h);height:var(--ctl-h);padding:0;font-size:14px;display:flex;align-items:center;justify-content:center}.btn.icon-btn svg{width:20px;height:20px;margin:-4px}.btn.primary{background:var(--primary);border-color:var(--primary-line);width:100%}.btn.primary:hover{background:var(--primary-hover)}.btn.toggle{background:transparent;flex:none}.btn.toggle.bold{font-weight:700}.btn.toggle.italic{font-style:italic;font-family:Georgia,serif}.btn.toggle.active{background:color-mix(in srgb,var(--panel) 85%,var(--accent));color:var(--accent)}.btn.toggle.mixed{background:var(--btn2);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--dim)}.btn.danger-sm{color:var(--danger)}.btn.danger-sm:hover{border-color:var(--danger-line)}.btn-group{display:inline-flex;gap:1px}.seg{display:flex;height:var(--ctl-h);background:var(--panel2);border:1px solid var(--btnbd);border-radius:var(--r-ctl);margin:0}.seg button{position:relative;flex:1;padding:0 4px;background:none;border:none;border-radius:var(--r-ctl);color:var(--dim);font:inherit;font-size:var(--fs-ctl);cursor:pointer;display:flex;align-items:center;justify-content:center}.seg button svg{width:15px;height:15px}.seg button+button{border-left:1px solid var(--btnbd)}.seg button.marked:not(.active):after{content:"";position:absolute;top:5px;right:5px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.seg button.active{background:var(--panel);color:var(--text);border:1px solid var(--line);margin:-1px}.seg button:disabled{opacity:.4;cursor:default}.shape-grid{display:grid;grid-template-columns:repeat(var(--side-cols),1fr);gap:var(--side-gap)}.shape-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:6px;background:var(--panel2);border:1px solid var(--btnbd);border-radius:var(--r-ctl);color:var(--dim);cursor:pointer}.shape-btn:hover{border-color:var(--accent);color:var(--text)}.shape-btn.active{background:var(--btn2);border-color:var(--accent);color:var(--accent)}.shape-btn svg{width:100%;height:100%;fill:currentColor}.shape-btn svg *{fill:currentColor}.row.chips{flex-wrap:wrap}.chip{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;flex:none}.chip.current{border-color:#fff}.hint-text{color:var(--dim);font-size:var(--fs-quiet);margin:4px 0}.hint-text.foot{margin-top:12px;border-top:1px solid var(--line);padding-top:10px;line-height:1.6}.type-list{display:flex;flex-direction:column;overflow-y:auto;padding-left:16px;margin-left:-16px}.type-row{position:relative;display:flex;align-items:center;gap:7px;padding:4px 6px 4px 7px;background:none;border:1px solid transparent;border-radius:calc(var(--r-inner) + 1px);color:var(--text);font:inherit;font-size:var(--fs-ctl);cursor:pointer;text-align:left}.type-row:hover{background:var(--panel2);background-clip:padding-box}.type-row:hover .type-handle{color:var(--text);background:var(--type-color, transparent)}.type-row.open{background:var(--btn2)}.type-row.dragging{z-index:5;background:var(--panel2);box-shadow:0 6px 18px #00000073;cursor:grabbing}.type-row.no-cells .tcount{display:none}.type-row .thumb{width:22px;height:22px;flex:none;border-radius:4px;background:var(--checker)}.type-row .tname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-row .tcount{color:var(--dim);font-size:var(--fs-xs)}.type-handle{position:absolute;left:-16px;top:0;bottom:0;width:14px;color:transparent;background:color-mix(in oklab,var(--type-color, transparent) 45%,transparent);cursor:grab;display:flex;align-items:center;justify-content:center;border-radius:0 var(--r-inner) var(--r-inner) 0}.type-handle svg{width:14px;height:14px}.type-view{flex:none;display:flex;flex-direction:column}.type-head{display:flex;align-items:center;gap:2px;margin:0 0 12px -6px;padding-bottom:9px;border-bottom:1px solid var(--line)}.type-back{flex:none;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--r-inner);color:var(--type-color, var(--dim));cursor:pointer;padding:0}.type-back:hover{background:var(--panel2)}.type-back svg{width:16px;height:16px}.type-name{flex:1;min-width:0;height:22px;padding:0 4px;background:none;border:1px solid transparent;border-radius:var(--r-inner);color:var(--text);font:inherit;font-size:var(--fs-menu);font-weight:600;cursor:default;caret-color:transparent;-webkit-user-select:none;user-select:none;text-overflow:ellipsis}.type-name.editing{background:var(--panel2);border-color:var(--accent);cursor:text;caret-color:auto;-webkit-user-select:text;user-select:text}.type-name:focus{outline:none}.sec-type-foot{margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}.icon-x{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:none;border-radius:var(--r-inner);color:var(--dim);cursor:pointer;padding:0}.icon-x:hover{background:var(--panel2);color:var(--text)}.icon-x svg{width:15px;height:15px}.ctx-menu{position:fixed;z-index:50;min-width:190px;padding:5px;background:var(--pop);border-radius:9px;box-shadow:0 10px 32px #0000008c,0 2px 8px #00000059;-webkit-user-select:none;user-select:none}.ctx-dot{width:9px;height:9px;border-radius:2px;flex:none}.ctx-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctx-hint{flex:none;color:var(--dim);font-size:var(--fs-xs);margin-left:12px}.ctx-sub-caret{flex:none;margin-left:8px;color:var(--dim);font-size:15px;line-height:1}.ctx-item.has-sub:hover .ctx-sub-caret{color:var(--text)}.ctx-menu.ctx-sub{z-index:51;margin-top:.25em}.ctx-header{padding:4px 10px 3px;font-size:10px;letter-spacing:.06em;-webkit-user-select:none;user-select:none}.ctx-item{display:flex;align-items:center;gap:8px;width:100%;padding:5px 10px;background:none;border:none;border-radius:var(--r-inner);color:var(--text);font:inherit;font-size:var(--fs-menu);text-align:left;cursor:pointer}.ctx-item.current{color:var(--accent)}.ctx-item.disabled{opacity:.4;cursor:default}.ctx-item:hover{background:var(--btn2)}.ctx-sep{height:1px;margin:4px 6px;background:var(--line)}.ctx-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px 10px}.ctx-chips span{color:var(--dim);font-size:var(--fs-ctl);margin-right:2px}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:#0c0d1099}.help-dialog{display:flex;flex-direction:column;width:min(1080px,100%);max-height:100%;background:var(--pop);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 60px #0009;-webkit-user-select:none;user-select:none}.help-head{flex:none;display:flex;align-items:center;gap:8px;padding:11px 12px 11px 18px;border-bottom:1px solid var(--line)}.help-head h2{flex:1;font-size:14px;font-weight:600}.help-body{flex:1;overflow-y:auto;padding:0 18px 16px}.help-intro{font-size:var(--fs-ctl);line-height:1.5;color:var(--dim)}.help-intro p+p{margin-top:4px}.help-intro strong{font-weight:600;color:var(--text)}.help-cols{columns:3 280px;column-gap:28px}.help-group{padding-top:14px}.help-group h3{margin-bottom:4px;break-after:avoid}.help-row{break-inside:avoid;display:grid;grid-template-columns:42% 1fr;gap:10px;align-items:baseline;padding:2px 0;font-size:var(--fs-ctl)}.help-keys{color:var(--text)}.help-what{color:var(--dim)}.help-row kbd{display:inline-block;min-width:1.6em;padding:0 4px;border:1px solid var(--pop-line);border-bottom-width:2px;border-radius:4px;font:inherit;font-size:var(--fs-quiet);line-height:1.15;text-align:center;color:var(--text)}.help-foot{flex:none;display:flex;flex-direction:column;gap:4px;padding:10px 18px 12px;border-top:1px solid var(--line);color:var(--dim);font-size:var(--fs-quiet);line-height:1.45}.help-foot a{color:var(--text)}.help-foot-line{max-width:82ch}body.ui-hidden #side{display:none}.img-row .thumb{width:var(--ctl-h);height:var(--ctl-h);flex:none;border-radius:var(--r-inner);background:var(--checker)}.tile-badge{position:fixed;z-index:90;pointer-events:none;padding:3px 7px;background:var(--violet);color:#1b1d22;border-radius:var(--r-inner);font:600 12px/1.3 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;box-shadow:0 2px 10px #0006}.notice-bar{position:fixed;z-index:200;left:50%;top:14px;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(680px,calc(100vw - 28px));padding:10px 10px 10px 16px;background:var(--notice-bg);border:1px solid var(--notice-line);border-radius:10px;box-shadow:0 12px 40px #0000008c;color:var(--notice-ink);font-size:var(--fs-menu)}.notice-bar .notice-text{flex:1;min-width:0}.notice-bar .btn{flex:none;background:var(--notice-btn)}.notice-close{flex:none;background:none;border:none;color:var(--notice-dim);padding:0 4px;cursor:pointer;display:flex;align-items:center}.notice-close:hover{color:var(--notice-ink)}.notice-close svg{width:15px;height:15px}.small-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--panel)}.small-screen[hidden]{display:none}.small-screen-card{max-width:400px;text-align:center}.small-screen-card h2{font-size:17px;margin-bottom:10px}.small-screen-card p{color:var(--dim);font-size:13px;margin-bottom:10px}.small-screen-card .small-screen-sub{font-size:var(--fs-ctl)}.small-screen-card .btn{margin-top:6px}#tabs{flex:none;display:flex;align-items:center;gap:var(--side-gap);padding:var(--tabrow-pad) 16px var(--tabrow-pad) 38px;background:var(--panel);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}#tabs::-webkit-scrollbar{display:none}.tab-strip{flex:0 1 auto;display:flex;height:var(--ctl-h);background:var(--panel2);border:1px solid var(--btnbd);border-radius:var(--r-ctl)}#tabs.solo{position:absolute;top:0;left:0;z-index:20;width:var(--side-w);padding-bottom:0;background:none;border:none}#tabs.solo .tab-strip{flex:1 1 auto;background:none;border-color:transparent}#tabs.solo .tab{flex:1 1 auto;margin:0;padding-left:0;background:none;border:none;box-shadow:none;color:var(--text)}#tabs.solo .tab-name{height:22px;font-size:14px;font-weight:600}#tabs.solo .tab-close,body.ui-hidden #tabs{display:none}.tab{display:flex;align-items:center;gap:1px;flex:0 1 auto;width:168px;min-width:76px;padding:0 3px 0 6px;border-radius:var(--r-ctl);color:var(--dim);cursor:default}.tab:hover{color:var(--text)}.tab.current{background:var(--panel);color:var(--text);border:1px solid var(--line);margin:-1px}.tab.dragging{z-index:5;background:var(--btn2);color:var(--text);box-shadow:0 4px 14px #00000073;cursor:grabbing}.tab.leaving,.type-row.leaving{opacity:.55;box-shadow:none}.tab-name{flex:1;width:0;min-width:0;height:20px;padding:0 3px;background:none;border:1px solid transparent;border-radius:4px;color:inherit;font:inherit;font-size:var(--fs-ctl);cursor:default;caret-color:transparent;-webkit-user-select:none;user-select:none;text-overflow:ellipsis}.tab-name:not(.editing){outline:none;pointer-events:none}.tab-name.editing{background:var(--panel);border-color:var(--accent);color:var(--text);cursor:text;caret-color:auto;-webkit-user-select:text;user-select:text}.tab-close{flex:none;width:18px;height:18px;background:none;border:none;border-radius:4px;color:var(--dim);cursor:pointer;opacity:0;display:flex;align-items:center;justify-content:center}.tab-close svg{width:13px;height:13px;pointer-events:none}.tab-close:hover{background:var(--btn2);color:var(--text)}.tab:hover .tab-close,.tab.current .tab-close,.tab-close:focus-visible{opacity:1}.tab-add{flex:none;width:var(--ctl-h);height:var(--ctl-h);background:none;border:none;border-radius:var(--r-ctl);color:var(--dim);cursor:pointer;display:flex;align-items:center;justify-content:center}.tab-add svg{width:15px;height:15px}.tab-add:hover{background:var(--panel2);color:var(--text)}.flap{position:absolute;left:6px;top:var(--tabrow-pad);z-index:40;display:flex;align-items:center;justify-content:center;width:var(--ctl-h);height:var(--ctl-h);background:none;border:1px solid transparent;border-radius:var(--r-ctl);color:var(--dim);cursor:pointer;transition:opacity .35s ease,background .12s ease}.flap svg{width:16px;height:16px}.flap:hover{background:var(--panel2);color:var(--text)}body.ui-hidden .flap{background:var(--panel);border-color:var(--line);box-shadow:0 2px 14px #0006;opacity:0;pointer-events:none}body.ui-hidden .flap.up{opacity:1;pointer-events:auto}.clean-caption{position:absolute;left:38px;top:var(--tabrow-pad);z-index:40;max-width:min(560px,calc(100% - 52px));padding:4px 10px;background:#14161ad1;border:1px solid var(--line);border-radius:7px;color:var(--text);font-size:var(--fs-ctl);pointer-events:none;opacity:0;transition:opacity .55s ease}.clean-caption.on{opacity:1}#stage{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--checker-stage)}#canvas{position:absolute;top:0;left:0;display:block}#hint[hidden],#hint[data-boot]{display:none}#hint{position:absolute;left:50%;top:50%;transform:translate(-50%,max(-335px,-50dvh));pointer-events:none;display:flex;flex-direction:column;width:100%;max-width:min(286px,calc(100% - 32px));height:190px;align-items:center;justify-content:center;gap:6px;text-align:center;background:color-mix(in srgb,var(--bg) 1%,transparent);color:contrast-color(var(--bg));padding:.5em;font-size:13px;line-height:1.5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#hint kbd{font:inherit;background:color-mix(in srgb,var(--accent) 20%,transparent);border-radius:3px;padding:0 4px}#hint strong{font-size:14px;font-weight:600}#hint a{color:inherit;pointer-events:auto}#hint .hint-quiet{margin-top:4px;font-size:var(--fs-ctl);opacity:.7}#hint .hint-quiet em{font-style:normal;font-weight:600;opacity:1}