.model-stage{--mv-surface:var(--surface,var(--cl-surface,oklch(100% 0 0)));--mv-panel:color-mix(in oklab, var(--mv-surface) 92%, transparent);--mv-control:var(--mv-surface);--mv-ink:var(--ink,var(--cl-ink,oklch(22% .02 265)));--mv-border:var(--border,var(--cl-border,oklch(91% .005 270)));--mv-border-strong:var(--border-strong,var(--cl-border-strong,oklch(85% .01 270)));--mv-ground:oklch(96.7% .001 286);--mv-ground-edge:oklch(87.1% .006 286);--mv-msg:oklch(44.2% .017 286);aspect-ratio:4/3;background:radial-gradient(circle at 50% 40%, var(--mv-ground), var(--mv-ground-edge));border-radius:8px;width:100%;max-height:75vh;position:relative;overflow:hidden}.model-host{touch-action:none;cursor:grab;position:absolute;inset:0}.model-host:active{cursor:grabbing}.model-host canvas{display:block}.model-msg{color:var(--mv-msg);pointer-events:none;justify-content:center;align-items:center;margin:0;font:500 14px/1.4 system-ui,sans-serif;display:flex;position:absolute;inset:0}.model-reset{z-index:4;border:1px solid var(--mv-border);background:var(--mv-panel);color:var(--mv-ink);cursor:pointer;border-radius:6px;padding:6px 12px;font:500 13px/1.2 system-ui,sans-serif;position:absolute;bottom:10px;right:10px}.model-reset:disabled{opacity:.5;cursor:default}.model-frozen{position:absolute;inset:0}.model-frozen-img{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.model-snap{border-radius:6px;width:160px;max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.model-snap img{width:100%;height:auto;display:block}.model-corner{z-index:4;flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100% - 20px);max-height:calc(100% - 64px);display:flex;position:absolute;top:10px;left:10px;overflow:auto}.model-tools,.model-variant{max-width:100%}.model-tools{flex-direction:column;gap:6px;padding:6px;display:flex}.model-variant{align-items:center;gap:6px;padding:4px 6px 4px 10px;display:flex}.model-tools,.model-variant{border:1px solid var(--mv-border);background:var(--mv-panel);color:var(--mv-ink);border-radius:6px;font:500 13px/1.2 system-ui,sans-serif}.model-tool-row{align-items:center;gap:6px;display:flex}.model-tools button,.model-tools select{border:1px solid var(--mv-border-strong);background:var(--mv-control);color:inherit;font:inherit;cursor:pointer;border-radius:5px;padding:4px 8px}.model-variant select{min-width:0;max-width:220px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.model-tools button[aria-pressed=true]{background:var(--mv-ink);color:var(--mv-control)}.model-tools input[type=range]{width:120px}.model-parts{margin:0;padding:0;list-style:none}.model-parts li{border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:2px 4px;display:flex}.model-parts li:hover,.model-parts li:focus-within{background:var(--cl-tint)}.model-parts label{overflow-wrap:anywhere;align-items:center;gap:6px;display:flex}.model-stage.dark{--mv-ground:oklch(37% .013 286);--mv-ground-edge:oklch(21% .006 286);--mv-msg:oklch(87.1% .006 286)}.model-tool-row{flex-wrap:wrap}.model-readout{flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.model-tool{min-height:28px}.rdw-toolbar,.rdw-pad,.rdw-host{--rdw-pick:var(--primary,var(--cl-primary,oklch(64% .13 264)));--rdw-on-media:oklch(100% 0 0)}.rvp-overlay,.rdw-host{pointer-events:none}.rdw-pad{pointer-events:auto;position:absolute;inset:0}.rdw-surface{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.rdw-readonly{pointer-events:none}.rdw-drawing{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.rdw-drawing[data-tool=text]{cursor:text}.rdw-label{font-family:IBM Plex Sans,system-ui,sans-serif}.rdw-input{min-width:8em;color:var(--rdw-on-media);background:#000000a6;border:1px solid #ffffffb3;border-radius:6px;padding:4px 8px;font:600 14px IBM Plex Sans,system-ui,sans-serif;position:absolute;transform:translate(-50%,-50%)}.rdw-toolbar{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;display:flex}.rdw-tool,.rdw-act{min-width:36px;min-height:36px;color:inherit;cursor:pointer;background:0 0;border:1px solid #7f7f7f66;border-radius:8px;padding:0 10px;font:600 14px IBM Plex Sans,system-ui,sans-serif}.rdw-tool[aria-pressed=true]{background:color-mix(in oklab, var(--rdw-pick) 20%, transparent);border-color:var(--rdw-pick)}.rdw-act:disabled{opacity:.45;cursor:default}.rdw-colour{cursor:pointer;border:2px solid #7f7f7f80;border-radius:50%;width:28px;height:28px;padding:0}.rdw-colour[aria-pressed=true]{outline:2px solid var(--rdw-pick);outline-offset:2px}.rdw-sep{background:#7f7f7f59;width:1px;height:24px}.rdw-thumb{border-radius:6px;width:120px;max-width:100%;height:auto;display:block}.rdw-thumb-ground{fill:oklch(22% .01 260)}.rdw-host-parent{position:relative}.rdw-host{z-index:2;position:absolute}.rvp{--rvp-team:var(--primary,var(--cl-primary,oklch(64% .13 264)));--rvp-mark:var(--mark,oklch(70% .18 45));--rvp-mono:var(--mono,var(--cl-font-mono,ui-monospace, monospace));--rvp-on-media:oklch(100% 0 0);--rvp-ground:var(--surface,var(--cl-surface,oklch(100% 0 0)));flex-direction:column;gap:6px;min-width:0;display:flex;container-type:inline-size}.rvp-stage{aspect-ratio:16/9;background:oklch(14% .01 260);border-radius:10px;justify-content:center;align-items:center;max-height:70vh;display:flex;position:relative;overflow:hidden}.rvp-stage video{object-fit:contain;background:0 0;width:100%;height:100%;display:block}.rvp-overlay{position:absolute}.rvp-watermark{pointer-events:none;position:absolute}.rvp-chapter{color:var(--rvp-on-media);font:500 11px var(--rvp-mono);pointer-events:none;background:#0000008c;border-radius:6px;padding:3px 8px;position:absolute;top:10px;left:10px}.rvp-scrub{touch-action:none;padding-top:14px;position:relative}.rvp-pins{height:14px;position:absolute;top:0;left:0;right:0}.rvp-pin{border:2px solid var(--rvp-ground);background:var(--rvp-mark);cursor:pointer;border-radius:50%;width:12px;height:12px;margin-left:-6px;padding:0;position:absolute;top:0}.rvp-pin.team{background:var(--rvp-team)}.rvp-pin.cur{box-shadow:0 0 0 3px color-mix(in oklab, var(--rvp-mark) 40%, transparent);transform:scale(1.15)}.rvp-pin.team.cur{box-shadow:0 0 0 3px color-mix(in oklab, var(--rvp-team) 40%, transparent)}.rvp-track{cursor:pointer;outline:none;height:26px;position:relative}.rvp-track:focus-visible{outline:2px solid var(--rvp-team);outline-offset:2px;border-radius:4px}.rvp-line,.rvp-played{border-radius:2px;height:4px;position:absolute;top:11px}.rvp-line{background:color-mix(in oklab, currentcolor 18%, transparent);left:0;right:0}.rvp-played{background:var(--rvp-team);left:0}.rvp-range{border-left:2px solid var(--rvp-mark);border-right:2px solid var(--rvp-mark);background:#ffa05073;height:12px;position:absolute;top:7px}.rvp-ch{background:color-mix(in oklab, currentcolor 55%, transparent);width:2px;height:14px;margin-left:-1px;position:absolute;top:6px}.rvp-head{background:currentColor;width:2px;height:22px;margin-left:-1px;position:absolute;top:2px}.rvp-bar,.rvp-foot{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.rvp-sp{flex:1}.rvp-btn{min-width:36px;height:36px;color:inherit;font:600 13px var(--rvp-mono);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 8px}.rvp-btn:hover:not(:disabled){background:color-mix(in oklab, currentcolor 8%, transparent)}.rvp-btn[aria-pressed=true]{border-color:var(--rvp-mark);color:var(--rvp-mark)}.rvp-btn:disabled{opacity:.35;cursor:default}.rvp-btn:focus-visible,.rvp-note:focus-visible,.rvp-item:focus-visible,.rvp-pin:focus-visible{outline:2px solid var(--rvp-team);outline-offset:2px}.rvp-tc{font:500 12px var(--rvp-mono);white-space:nowrap;padding:0 6px}.rvp-note{background:var(--rvp-team);height:36px;color:var(--rvp-on-media);cursor:pointer;border:0;border-radius:8px;padding:0 12px;font:600 13px inherit}.rvp-item{height:32px;color:inherit;cursor:pointer;border:1px solid color-mix(in oklab, currentcolor 20%, transparent);font:inherit;background:0 0;border-radius:8px;padding:0 10px;font-size:13px}.rvp-keys{text-align:center;font:400 11px var(--rvp-mono);opacity:.6;flex:1}@media (hover:none),(width<=899px){.rvp-keys{display:none}.rvp-foot{justify-content:space-between}.rvp-pin{width:16px;height:16px;margin-left:-8px}}@container (width<560px){.rvp-bar{gap:2px}.rvp-btn{min-width:32px;padding:0 4px}.rvp-tc{padding:0 4px;font-size:11px}.rvp-note{flex:1 0 100%;order:1;height:40px;margin-top:4px}}.pattern-stage{--pv-surface:var(--surface,var(--cl-surface,oklch(100% 0 0)));--pv-panel:color-mix(in oklab, var(--pv-surface) 92%, transparent);--pv-control:var(--pv-surface);--pv-ink:var(--ink,var(--cl-ink,oklch(22% .02 265)));--pv-border:var(--border,var(--cl-border,oklch(91% .005 270)));--pv-border-strong:var(--border-strong,var(--cl-border-strong,oklch(85% .01 270)));--pv-paper:oklch(98.5% .001 106);--pv-grid:oklch(0% 0 0/.04);--pv-piece:oklch(100% 0 0/.85);--pv-line:oklch(27.8% .03 257);--pv-line-soft:oklch(55.1% .023 264);--pv-line-faint:oklch(71.4% .019 261);--pv-label:oklch(21% .032 265);--pv-dims:oklch(37.3% .034 260);--pv-msg:oklch(44.2% .017 286);--pv-grain:var(--primary,var(--cl-primary,oklch(54.6% .215 263)));--pv-notch:var(--rec,var(--cl-danger,oklch(57.7% .215 27)));--pv-measure:var(--mark,oklch(64.6% .194 41));--pv-pin-ring:oklch(100% 0 0);--pv-shadow:oklch(0% 0 0/.35);aspect-ratio:4/3;background:var(--pv-paper);background-image:linear-gradient(var(--pv-grid) 1px, transparent 1px), linear-gradient(90deg, var(--pv-grid) 1px, transparent 1px);background-size:24px 24px;border-radius:8px;width:100%;max-height:75vh;position:relative;overflow:hidden}.pattern-host{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.pattern-host:active{cursor:grabbing}.pattern-sheet{width:100%;height:100%;display:block}.pattern-piece path{fill:none;stroke-linecap:round;stroke-linejoin:round}.pattern-piece .pl-boundary{fill:var(--pv-piece);stroke:var(--pv-line);stroke-width:1.6px}.pattern-piece .pl-internal{stroke:var(--pv-line-soft);stroke-width:1px}.pattern-piece .pl-mirror{stroke-dasharray:8 5}.pattern-piece .pl-sew{stroke-dasharray:3 3;stroke:var(--pv-line-faint)}.pattern-piece .pl-stripe,.pattern-piece .pl-plaid{stroke-dasharray:1 4}.pattern-piece .pl-grain{stroke:var(--pv-grain);stroke-width:1.2px}.pattern-piece .pl-notch{stroke:var(--pv-notch);stroke-width:1.6px}.pattern-piece .pl-drill,.pattern-piece .pl-notch-point{fill:var(--pv-notch);stroke:none}.pattern-name{fill:var(--pv-label);pointer-events:none;font-family:system-ui,sans-serif;font-weight:600}.pattern-msg{color:var(--pv-msg);pointer-events:none;justify-content:center;align-items:center;margin:0;font:500 14px/1.4 system-ui,sans-serif;display:flex;position:absolute;inset:0}.pattern-tools{z-index:4;gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.pattern-tools button{border:1px solid var(--pv-border);background:var(--pv-panel);min-width:36px;min-height:32px;color:var(--pv-ink);cursor:pointer;border-radius:6px;padding:6px 12px;font:500 13px/1.2 system-ui,sans-serif}.pattern-tools button:disabled{opacity:.5;cursor:default}.pattern-host[data-marking]{cursor:crosshair}.pattern-overlay,.pattern-regions{z-index:2;pointer-events:none;position:absolute}.pattern-regions{inset:0}.pattern-region{border:2px solid var(--pv-grain);background:color-mix(in oklab, var(--pv-grain) 10%, transparent);border-radius:3px;position:absolute}.pattern-region.pending{border-style:dashed}.pattern-pin{border:2px solid var(--pv-pin-ring);background:var(--pv-notch);width:22px;height:22px;box-shadow:0 1px 4px var(--pv-shadow);cursor:pointer;pointer-events:auto;border-radius:50%;margin:-11px 0 0 -11px;padding:0;position:absolute}.pattern-pin.team{background:var(--pv-grain)}.pattern-pin[aria-pressed=true]{outline:3px solid color-mix(in oklab, var(--pv-grain) 45%, transparent)}.pattern-toolbar{z-index:4;border:1px solid var(--pv-border);background:var(--pv-panel);max-width:calc(100% - 20px);color:var(--pv-ink);border-radius:6px;flex-direction:column;gap:6px;padding:6px;font:500 13px/1.2 system-ui,sans-serif;display:flex;position:absolute;top:10px;left:10px}.pattern-tool-row,.pattern-readout{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.pattern-readout{font-size:12px}.pattern-toolbar button,.pattern-toolbar select{border:1px solid var(--pv-border-strong);background:var(--pv-control);min-height:28px;color:inherit;font:inherit;cursor:pointer;border-radius:5px;padding:4px 8px}.pattern-toolbar button[aria-pressed=true]{background:var(--pv-ink);color:var(--pv-control)}.pattern-sheet.nested .pl-boundary{fill:none}.pattern-dims{fill:var(--pv-dims);pointer-events:none;font-family:system-ui,sans-serif}.pattern-measure line{stroke:var(--pv-measure);stroke-width:2px}.pattern-measure circle{fill:var(--pv-measure)}