:root{--cra-seg:color-mix(in srgb, var(--pc-select,#2f6fb0) 22%, transparent);--cra-seg-stroke:var(--pc-select,#2f6fb0);--cra-q:#b4530942;--cra-q-stroke:#b45309;--cra-ink:var(--ff-anvil,#2b2b2b);--cra-cell:color-mix(in srgb, var(--ff-anvil,#2b2b2b) 45%, transparent);--cra-counter:#c2410c;--cra-ribbon-0:#be185d;--cra-ribbon-1:#1d4ed8;--cra-ribbon-2:#047857;--cra-stick:#f59e0b}@media (prefers-color-scheme:dark){:root{--cra-q:#fbbf2438;--cra-q-stroke:#fbbf24;--cra-counter:#fb923c;--cra-ribbon-0:#f472b6;--cra-ribbon-1:#93c5fd;--cra-ribbon-2:#6ee7b7;--cra-stick:#fcd34d}}.cra-bar,.cra-frame,.cra-ribbons{width:100%;max-width:560px;height:auto;color:var(--cra-ink);margin-inline:auto;display:block}.cra-seg{fill:var(--cra-seg);stroke:var(--cra-seg-stroke);stroke-width:2.5px}.cra-seg--q{fill:var(--cra-q);stroke:var(--cra-q-stroke);stroke-dasharray:6 4}.cra-seg-label,.cra-whole-label,.cra-gap-label,.cra-ribbon-label{fill:var(--cra-ink);font:800 16px/1 system-ui,sans-serif}.cra-brace,.cra-start-line{stroke:var(--cra-ink);stroke-width:2.5px}.cra-gap{fill:none;stroke:var(--cra-q-stroke);stroke-width:2.5px;stroke-dasharray:5 4}.cra-gap--q{fill:var(--cra-q)}.cra-cell{fill:none;stroke:var(--cra-cell);stroke-width:2px}.cra-counter{fill:var(--cra-counter)}.cra-ribbon{stroke:color-mix(in srgb, var(--cra-ink) 40%, transparent);stroke-width:1.5px}.cra-ribbon--0{fill:var(--cra-ribbon-0)}.cra-ribbon--1{fill:var(--cra-ribbon-1)}.cra-ribbon--2{fill:var(--cra-ribbon-2)}.cra-ribbon-label{fill:#fff;paint-order:stroke;stroke:#0000008c;stroke-width:3px}.cra-stick{fill:none;stroke:var(--cra-stick);stroke-width:4px;stroke-dasharray:8 5}.cra-dial{gap:var(--space-4);padding:var(--space-4);background:color-mix(in srgb, var(--ff-anvil) 8%, transparent);border-radius:999px;display:inline-flex}.cra-dial button{min-width:44px;min-height:44px;padding-inline:var(--space-12);color:var(--ff-anvil);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:999px;font-weight:700}.cra-dial button[aria-pressed=true]{border-color:var(--pc-select);background:color-mix(in srgb, var(--pc-select) 18%, transparent)}.cra-pad{touch-action:none;border:2px dashed color-mix(in srgb, var(--ff-anvil) 35%, transparent);background:color-mix(in srgb, var(--ff-anvil) 4%, transparent);border-radius:12px;width:100%;max-width:560px;margin-inline:auto;position:relative}.cra-pad svg{width:100%;height:auto;display:block}.cra-pad .cra-ink{stroke:var(--cra-seg-stroke);stroke-width:6px;stroke-linecap:round;fill:none}.cra-pad .cra-drawn{fill:var(--cra-seg);stroke:var(--cra-seg-stroke);stroke-width:2.5px}.cra-paper{display:none}@media print{body.cra-printing *{visibility:hidden}body.cra-printing .cra-paper--active,body.cra-printing .cra-paper--active *{visibility:visible}body.cra-printing .cra-paper--active{color:#000;background:#fff;padding:1cm;display:block;position:absolute;inset:0}.cra-paper-strip{align-items:center;gap:0;margin:.6cm 0;display:flex}.cra-paper-unit{border:1.5px solid #000;width:2cm;height:1.2cm}.cra-paper-label{margin-inline-start:.4cm;font:700 12pt system-ui,sans-serif}.cra-paper-note{font:11pt system-ui,sans-serif}}.cra-pad-tools{gap:var(--space-8);margin-block:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.cra-cubes{gap:var(--space-4);margin-block:var(--space-12);flex-wrap:wrap;justify-content:center;display:flex}.cra-cube{background:var(--cra-seg-stroke);border-radius:4px;width:26px;height:26px;box-shadow:inset 0 -3px #00000040}.cra-cube--b{background:var(--cra-ribbon-2)}.cra-cube--q{border:2px dashed var(--cra-q-stroke);background:0 0}.cra-cubes--fused{gap:0}.cra-cubes--fused .cra-cube{box-shadow:none;border-radius:0}@media (prefers-reduced-motion:no-preference){.cra-cubes{transition:gap .35s}}.cra-corner{background:var(--ff-paper);width:44px;height:44px;color:var(--ff-anvil);border:2px solid var(--pc-select);cursor:nwse-resize;touch-action:none;box-shadow:0 2px 0 var(--ff-outline);border-radius:.6rem;place-items:center;font-size:1.3rem;font-weight:900;display:grid;position:absolute;bottom:-6px;right:-6px}.cra-corner:focus-visible{outline:3px solid var(--pc-select);outline-offset:2px}.cra-corner:disabled{opacity:.45;cursor:default}.cra-paw{fill:#fff;stroke:#0009;stroke-width:1.2px}.cra-paw--stick{stroke:#000000d9;stroke-width:2px}.pw-svg{width:100%;height:auto;display:block}.pw-svg .pw-cut{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-dasharray:4 3}.pw-svg .pw-line{fill:none;stroke:currentColor;stroke-width:.6px}.pw-svg .pw-pin{fill:currentColor}.pw-svg .pw-letter{fill:currentColor;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}
