@layer lab-base{:root{--grid:#c9bfae}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;padding:5px 12px;font-size:11.5px;transition:all .12s}.pill:hover{border-color:var(--accent-line);color:var(--accent)}.pill.on{background:var(--accent);border-color:var(--accent-press);color:#fff}.vega-ctl.vrow{display:none}.vega-ctl.vrow.open{display:flex}.vega-ctl .vsub{color:var(--muted);opacity:.85;font-weight:600}.pill.split-toggle{padding:3px 10px;font-size:11px}.demobox{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#fff;text-align:center;width:220px;height:130px;line-height:1.5;font-family:var(--display);justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.measure{pointer-events:none;position:absolute;inset:0}.measure .gl{border:0 dashed var(--accent-press);opacity:.55;position:absolute}.dn{font-family:var(--mono);color:var(--ink-soft);font-size:12px;line-height:1.7}.dn .el{color:var(--accent-press)}.dn .at{color:var(--good)}.dn .cm{color:var(--muted);font-style:italic}.dn .lv1{padding-left:0}.dn .lv2{padding-left:20px}.dn .lv3{padding-left:40px}.tiles{grid-template-rows:repeat(2,48px);grid-template-columns:repeat(2,64px);justify-content:center;gap:10px;display:grid}.tiles .tl{border:1px solid var(--line-strong);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.tiles .tl img{display:block}.door{height:44px;font-family:var(--display);color:#fff;vertical-align:middle;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAsCAYAAAB2d9g5AAABjUlEQVR4nOXYTU7CQBQH8PcGcKtbYzAcwSNwBC9QHbeVRLyBngAW4JbCCfQG5QTCDfgwcYtbkT77JGhjqoV+/Df8NyW05ZeZvmE6U547rtB/YRqR8IJYfEM8Ohl0nyhDOBGMSXiDxyXTr3odn3ZMKvAbZpqQMbenXudx23sygZGf8culytWx154kXWkol0h9uXp/fnFcm3RlTqDWFh2FXdWbOdctQoA/sDRnjtsjFLhGyc4v3DahwK8I3cQ90+LAMAFR69U2azBQC+ljtezBwHWkPrONcyAYJghaUJCFanPbqMNAjQRioSCLXOqxTMBot0LBsHjAoBAYZDpEt/AMCxK4SvcB5DEYlAV6WPhY0BgsqEsDGCjMfT3CQDbsIcHpZqUFAaVkmpvPCHAYXc4VCobrx7eKObDR74ptoTH295qxOJDpPm5lXMhbm4656uDhLu5c/qC2bNC1f53OrUu1QPSZJW0w5AUOtRq32VTICk51UO+ybZIK1KLQ/8Y0G0NbgDzWmVonT53P0iDRfAL2ZIMka9p48QAAAABJRU5ErkJggg==) 100% no-repeat;padding-right:22px;font-weight:600;display:inline-block}.door .cap{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAsCAYAAABLwO52AAACN0lEQVR4nO3dTVITQRgG4K/HlFvZWmUpN4AbmBvIBYBZRxbcgCOAC92CegC9gdxAPYEUoYqtbkMy7SQkGpCQTNyR59lMz/TUbN/6+me6Ff/pouxs5ipeRU7t0YOU1yLHZgDwoKVYQrfca+dBtVs3t+oPrAUAK6dRgAyDIwb5ICK3A4CVtlCAXJb76/3B1bHgAGBiboCMh6s+GaoCYFpxX2d3p3MQg+qL8ADgttasjvPtznHkKAMA7nBngFxsd8ocwgOA2f4JkHF4HAcA3OPGJPpwtdXVoPfVnAcA89yoQPqD3qHwAGARf1ZhnZd7W/VlKwBgAX8rkKo6DABY0KgCGW4WTDnWAwAWNAqQXOUyAKCBdP2fq96PAIAGiqvoO7sDgMZaqaoECACNtSJHOwCgoSJHbAQANNSy8xyAZbQCAJYgQABYigABYClFRPoeANBQXYHknwEADRWR4jQAoKEiF8W3AICGRkfadrc7OQCggevfuaf0PgCggesjbYv0OQCggTRp1MNYZ/XlRQDAAopJIz8q9gMAFpSmb+oq5LS+vAwAmKOYvmk9elzmFL8CAOa4ESBPT47OihyGsgCYq7j94NnHdyf1wNabAIB7pFkd5zuvT1LOuwEAdyhmdTz/8LZUiQAwS5r3wsV2p6xSHKUcTwIAxuYGyNBlub/eH/ROwhJfAMYWCpCJ83JvKw2qo7BjHWDlNQqQiW65185VLk2yA6yupQJk2jBMoqrakaNdf24tIm8EAA/eb5BXjjAIyvA5AAAAAElFTkSuQmCC) 0 no-repeat;align-items:center;height:100%;padding:0 0 0 22px;display:flex}.door.seam .cap{box-shadow:inset -2px 0 #ffffffe6}.svgwrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.svgwrap figure{text-align:center;margin:0}.svgwrap figcaption{font-family:var(--mono);color:var(--muted);margin-top:6px;font-size:11px}.cornsvg{border:1px solid var(--line-strong);background:#fff;border-radius:12px}.cornsvg .fill{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2px}.cornsvg .axis{stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:4 4}.cornsvg .tan{fill:var(--accent-press)}.cornsvg .lbl{fill:var(--muted);font-family:var(--mono);font-size:11px}.support{font-family:var(--mono);border:1px solid;border-radius:999px;align-items:center;gap:7px;padding:4px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.support.yes{color:var(--good);background:var(--good-soft);border-color:#c7f0db}.support.no{color:var(--warn);background:var(--warn-soft);border-color:#ffe0c2}.support .dot{background:currentColor;border-radius:50%;width:9px;height:9px}.ticket{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#fff;width:260px;height:96px;font-family:var(--display);border-radius:18px;justify-content:center;align-items:center;font-weight:600;display:flex}.morphbox{background:linear-gradient(135deg, var(--accent-2), var(--accent));width:200px;height:200px}.morphwrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.morphwrap figure{text-align:center;margin:0}.morphwrap figcaption{font-family:var(--mono);color:var(--muted);margin-top:8px;font-size:11px}.widgetwrap{display:inline-block;position:relative}.widgetsvg{border:1px solid var(--line-strong);touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:14px}.widgetsvg .fill{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2px}.widgetsvg .sq{fill:none;stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:5 5;opacity:.7}.handle{cursor:grab}.handle:active{cursor:grabbing}.handle .hit{fill:#0000}.handle .ring{fill:#fff;stroke:#2f6df6;stroke-width:2.5px}.handle .dot{fill:#2f6df6}.rtip{pointer-events:none;background:var(--ink);color:#fff;font-family:var(--mono);white-space:nowrap;opacity:0;border-radius:6px;padding:3px 8px;font-size:11px;transition:opacity .1s;position:absolute;top:0;left:0;transform:translate(-50%,-180%)}.rtip.on{opacity:1}.cornergrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cc{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.cc .cchead{font-family:var(--mono);color:var(--accent-deep);justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.cc.tr{text-align:right}.cc.tr .pills{justify-content:flex-end}.cc.bl{order:3}.cc.br{text-align:right;order:4}.cc.br .pills{justify-content:flex-end}.cc input[type=range]{width:100%;accent-color:var(--accent)}.cc .crval{font-family:var(--mono);color:var(--muted);font-size:11px}.gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.gcell{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:16px 14px;display:flex}.gcell .gshape{background:linear-gradient(135deg, var(--accent-2), var(--accent));flex:none;width:96px;height:96px}.gcell .gname{font-family:var(--display);color:var(--ink);font-size:14px;font-weight:600}.gcell .grecipe{width:100%;font-family:var(--mono);color:var(--ink-soft);background:var(--panel);word-break:break-word;border-radius:8px;padding:8px 10px;font-size:10.5px;line-height:1.6}.gcell .grecipe .kw{color:var(--accent-press);font-weight:600}@property --gb-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.gbox{--bw:4px;--r:18px;--g:linear-gradient(45deg, var(--accent), var(--accent-2));box-sizing:border-box;border-radius:var(--r);text-align:center;width:220px;height:130px;font-family:var(--display);color:var(--ink);background:#fff;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:relative}.gbox .gblabel{z-index:1;line-height:1.4;position:relative}.gbox.m-bg,.gbox.m-anim{border:var(--bw) solid transparent;background:linear-gradient(#fff, #fff) padding-box, var(--g) border-box}.gbox.m-mask:before{content:"";border-radius:inherit;padding:var(--bw);background:var(--g);-webkit-mask-composite:xor;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gbox.m-bi{border:var(--bw) solid var(--accent);border-image:var(--g) 1}.gbox.m-anim{--g:conic-gradient(from var(--gb-angle), var(--accent), var(--accent-2), var(--accent-soft), var(--accent-2), var(--accent));animation:gb-spin var(--spd,4s) linear infinite;animation-play-state:var(--play,running)}@keyframes gb-spin{to{--gb-angle:360deg}}@media (prefers-reduced-motion:reduce){.gbox.m-anim{animation:none}}.fbwrap{box-sizing:border-box;background:#fff;border-radius:18px;width:220px;height:130px;position:relative;overflow:hidden}.fbwrap .spin{aspect-ratio:1;background:conic-gradient(var(--accent), var(--accent-2), var(--accent-soft), var(--accent-2), var(--accent));width:260%;animation:fb-rot var(--spd,4s) linear infinite;animation-play-state:var(--play,running);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fbwrap .inner{text-align:center;font-family:var(--display);color:var(--ink);background:#fff;border-radius:14px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:absolute;inset:4px}@keyframes fb-rot{to{transform:translate(-50%,-50%)rotate(1turn)}}@media (prefers-reduced-motion:reduce){.fbwrap .spin{animation:none}}.gbwrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;display:flex}.gbwrap figure{text-align:center;margin:0}.gbwrap figcaption{font-family:var(--mono);color:var(--muted);margin-top:8px;font-size:11px}}