:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--radius-1:.25rem;--radius-2:.5rem;--radius-pill:999px;--font-xs:.6875rem;--font-sm:.8125rem;--font-base:.875rem;--font-lg:1.0625rem;--hit:36px;--hit-sm:36px;--bg-0:#161618;--bg-1:#1f1f22;--bg-2:#292a2e;--bg-3:#34353a;--bg-4:#44464d;--fg-0:#f1f1f3;--fg-1:#cdced2;--fg-2:#888a92;--line:#353740;--accent:#00838f;--accent-soft:color-mix(in srgb, var(--accent) 14%, var(--bg-2));--danger:#d32f2f;--danger-soft:color-mix(in srgb, var(--danger) 12%, var(--bg-2));--shadow-1:0 1px 2px #00000059;--shadow-2:0 .5rem 1.5rem #0000008c;--border:1px solid var(--line);--t-fast:.12s ease;--t-med:.22s ease}@media (any-pointer:coarse),(width<=48rem){:root{--hit:44px;--hit-sm:44px}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}[hidden]{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{height:100%}body{background:var(--bg-0);color:var(--fg-1);font:var(--font-base)/1.4 system-ui, -apple-system, sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;flex-direction:column;display:flex;overflow:hidden}body.crochet-mode [data-workspace=design]{display:none}button{font:inherit;color:inherit;background:0 0;border:0}input{font:inherit;color:inherit}.document-bar{align-items:center;row-gap:var(--space-2);column-gap:var(--space-2);padding:var(--space-1);background:var(--bg-1);border-bottom:var(--border);flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:relative}.document-actions,.dock-group{align-items:center;gap:var(--space-1);display:flex}.g-file{justify-self:start}.g-mode{grid-column:2}.g-mode .btn{display:grid;position:relative}.g-mode .btn>span{grid-area:1/1}.g-mode .btn.btn--danger{border-color:var(--danger)}.g-mode .btn:after{content:"Continue Crocheting";visibility:hidden;grid-area:1/1}.g-hlrot{justify-self:end}.document-status{min-height:var(--hit);padding-inline:var(--space-2);color:var(--fg-2);border-radius:var(--radius-1);font-size:var(--font-sm);white-space:nowrap;align-items:center;display:inline-flex}.document-status[data-state=failed]{color:var(--fg-0);background:var(--danger-soft)}.document-error{top:calc(100% + var(--space-2));inset-inline:var(--space-3);z-index:30;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);color:var(--fg-0);background:var(--danger-soft);border:1px solid var(--danger);border-radius:var(--radius-1);display:flex;position:absolute}.document-notice{background:var(--bg-1);border-color:var(--fg-2)}.workspace{flex:1 1 0;min-height:0;display:block;position:relative}.authoring-dock{justify-content:flex-start;align-items:center;gap:var(--space-2);min-height:0;max-height:45%;padding:var(--space-2) var(--space-3) max(var(--space-2), env(safe-area-inset-bottom));background:var(--bg-1);border-top:var(--border);z-index:10;flex-wrap:wrap;display:flex;position:absolute;inset:auto 0 0;overflow-y:auto}.dock-group{flex-wrap:wrap}.dock-group-label{display:none}.document-bar--compact .g-file{flex-wrap:wrap;grid-area:2/1/auto/-1}.document-bar--compact .btn{padding-inline:var(--space-2)}.document-bar--compact .document-status{padding-inline:0}.document-bar--compact .g-hlrot{display:none}.document-bar--compact .g-mode{grid-area:1/1/auto/-1;justify-self:center}.inspector-host{max-height:min(70dvh,38rem);color:var(--fg-1);background:var(--bg-2);border-top:var(--border);border-radius:var(--radius-2) var(--radius-2) 0 0;box-shadow:var(--shadow-2);z-index:20;flex-direction:column;display:flex;position:fixed;inset:auto 0 0}.inspector-header{min-height:var(--hit);padding:var(--space-2) var(--space-3);color:var(--fg-0);border-bottom:var(--border);justify-content:space-between;align-items:center;display:flex}.inspector-content{min-height:0;padding:var(--space-3);padding-bottom:max(var(--space-3), env(safe-area-inset-bottom));overflow:auto}.inspector-panel{gap:var(--space-3);flex-direction:column;display:flex}@media (width<=63.999rem){.inspector-host:has(#sym-popover:not([hidden])){max-height:38dvh}.inspector-host:has(#selection-popover:not([hidden])){bottom:var(--authoring-dock-height,0px);max-height:calc(50dvh - var(--authoring-dock-height,0px))}}@media (width>=64rem){.authoring-dock{width:calc(max(var(--hit), 2.25rem) + 2 * var(--space-1) + 1px);max-height:none;padding:var(--space-1);border-top:0;border-right:var(--border);flex-flow:column;align-items:center;inset:0 auto 0 0;overflow-y:auto}.dock-group{flex-flow:column;align-items:center;width:100%}.dock-group-label{display:none}.authoring-dock .btn{width:var(--hit);padding-inline:0}.dock-group+.dock-group{padding-top:var(--space-2);border-top:var(--border)}.inspector-host{border-top:0;border-left:var(--border);width:clamp(18rem,24vw,23rem);max-height:none;box-shadow:none;z-index:20;border-radius:0;position:absolute;inset:0 0 0 auto}}.btn{min-height:var(--hit);min-width:var(--hit);padding:0 var(--space-3);background:var(--bg-3);color:var(--fg-1);border:1px solid var(--bg-4);border-radius:var(--radius-1);cursor:pointer;font-size:var(--font-base);-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);justify-content:center;align-items:center;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-4)}.btn:active:not(:disabled){background:var(--bg-2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--fg-0);outline-offset:2px}.btn--icon{width:var(--hit);padding:0;font-size:1.05rem;line-height:1}.icon-sprite{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.tool-icon,.pattern-colour-reset svg{width:min(1.35rem, calc(var(--hit) - 8px));height:min(1.35rem, calc(var(--hit) - 8px));fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.btn--ghost{color:var(--fg-2);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--bg-3);color:var(--fg-0)}.btn--active{background:var(--bg-4);border-color:var(--fg-2);color:var(--fg-0)}.btn--implied{background:var(--bg-2);border-color:var(--bg-3);color:var(--fg-0)}.tool-group{flex:0 0 var(--hit);width:var(--hit);height:var(--hit);display:flex;position:relative}.authoring-dock .tool-group>.btn:first-child{width:var(--hit);padding:0}.tool-group-indicator{width:8px;height:8px;color:var(--fg-2);pointer-events:none;position:absolute;inset:auto 3px 2px auto}.tool-group-indicator .tool-icon{width:8px;height:8px;display:block}.tool-variant-menu{width:max-content;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:var(--space-1);margin:0;position:fixed;inset:auto;overflow:auto}.tool-variant-menu:popover-open{gap:var(--space-1);display:grid}.tool-variant-item{justify-content:flex-start;gap:var(--space-2)}.tool-variant-item[aria-checked=true]:after{content:"✓";margin-inline-start:auto}.status-action{color:var(--fg-0)}.btn--destructive{background:var(--danger-soft);border-color:var(--danger);color:var(--fg-0)}.btn--destructive:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 20%, var(--bg-2))}input[type=number]{min-height:var(--hit-sm);padding:0 var(--space-2);background:var(--bg-2);color:var(--fg-1);border:1px solid var(--bg-4);border-radius:var(--radius-1);font-variant-numeric:tabular-nums;width:100%}input[type=number]:focus{outline:2px solid var(--fg-0);outline-offset:0;border-color:#0000}input[type=color]{width:var(--hit);height:var(--hit);cursor:pointer;border:1px solid var(--bg-4);border-radius:var(--radius-1);background:var(--bg-2);padding:2px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch,input[type=color]::-moz-color-swatch{border-radius:calc(var(--radius-1) - 2px);border:0}input[type=color]:focus-visible{outline:2px solid var(--fg-0);outline-offset:2px}input[type=range]{width:clamp(6rem,22vw,10rem);min-height:var(--hit-sm);accent-color:var(--accent);cursor:pointer}input[type=checkbox]{accent-color:var(--accent)}.swatch{width:max(var(--hit), 2.25rem);height:max(var(--hit), 2.25rem);border:2px solid var(--bg-4);border-radius:var(--radius-1);cursor:pointer;transition:border-color var(--t-fast), box-shadow var(--t-fast);touch-action:manipulation;background-clip:padding-box;flex-shrink:0;position:relative}.swatch-label,.swatch-check{color:var(--fg-0);pointer-events:none;background:#141416c7;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute}.swatch-label{border-radius:var(--radius-1) 0 0 0;min-width:1.1rem;min-height:1.1rem;font-size:var(--font-xs);inset:auto 0 0 auto}.swatch-check{border-radius:0 0 var(--radius-1) 0;width:1rem;height:1rem;font-size:var(--font-xs);visibility:hidden;inset:0 auto auto 0}.swatch--active .swatch-check{visibility:visible}.swatch:hover{border-color:var(--fg-2)}.swatch:focus-visible{outline:2px solid var(--fg-0);outline-offset:2px}.swatch--active{border-color:var(--fg-0);box-shadow:0 0 0 1px var(--fg-0)}.swatch--small{width:max(var(--hit-sm), 2.25rem);height:max(var(--hit-sm), 2.25rem)}.canvas-area{--canvas-chrome-left:0px;--canvas-chrome-right:0px;--canvas-chrome-bottom:0px;background:var(--bg-0);flex:1 1 0;min-height:0;position:absolute;inset:0;overflow:hidden}.chart-viewport{min-width:0;min-height:0;position:absolute;inset:0;overflow:hidden}#canvas{touch-action:none;overscroll-behavior:none;width:100%;height:100%;display:block;position:absolute;inset:0}#canvas.canvas--navigate{cursor:grab}#canvas.canvas--navigate:active{cursor:grabbing}.canvas-controls{top:var(--space-2);right:calc(var(--canvas-chrome-right) + var(--space-3));justify-content:flex-end;gap:var(--space-1);max-width:calc(100% - var(--canvas-chrome-left) - var(--canvas-chrome-right) - 2 * var(--space-3));padding:var(--space-1);border-radius:var(--radius-1);-webkit-backdrop-filter:blur(.5rem);z-index:5;background:#141416b3;flex-wrap:wrap;display:flex;position:absolute}.canvas-control-group{gap:var(--space-1);display:flex}.about-dialog{width:100%;max-width:none;height:100dvh;max-height:none;padding:var(--space-3);color:var(--fg-1);background:0 0;border:0;position:fixed;inset:0;overflow:hidden}.about-dialog[open]{place-items:center;display:grid}.about-dialog::backdrop{-webkit-backdrop-filter:blur(.35rem);background:#161618e0}.about-card{gap:var(--space-3);width:min(36rem,100%);height:min(42rem,100%);padding:clamp(var(--space-3), 4vw, var(--space-5));background:var(--bg-2);border:var(--border);border-radius:var(--radius-2);box-shadow:var(--shadow-2);grid-template-rows:auto auto minmax(0,1fr) auto auto;display:grid;overflow:hidden}.about-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.about-header h1{color:var(--fg-0);font-size:clamp(var(--font-lg), 5vw, 1.5rem)}.about-updated{margin-top:var(--space-1);color:var(--fg-2);font-size:var(--font-sm)}.about-actions{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.about-actions .btn{white-space:normal}.about-release-notes-region{gap:var(--space-2);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.about-release-notes-region>h2{color:var(--fg-0);font-size:var(--font-lg)}.about-release-notes{gap:var(--space-3);padding-block:var(--space-3);border-block:var(--border);overscroll-behavior:contain;display:grid;overflow-y:auto}.about-release-notes h3{color:var(--fg-1);font-size:var(--font-base)}.about-release-notes ul{gap:var(--space-1);padding-inline-start:1.25rem;display:grid}.about-release-notes-entry{gap:var(--space-1);display:grid}.about-footer{justify-content:space-between;gap:var(--space-2);color:var(--fg-2);font-size:var(--font-sm);flex-wrap:wrap;display:flex}.about-footer a{color:var(--fg-0)}.settings-about{width:100%}.view-orientation-arrow{transition:transform .25s cubic-bezier(.22,1,.36,1);display:block}.status{bottom:calc(var(--canvas-chrome-bottom) + var(--space-2));left:auto;right:calc(var(--canvas-chrome-right) + var(--space-3));width:max-content;max-width:calc(100% - var(--canvas-chrome-left) - var(--canvas-chrome-right) - 2 * var(--space-3));justify-content:flex-end;gap:var(--space-1) var(--space-3);padding:var(--space-1) var(--space-2);font-size:var(--font-sm);color:var(--fg-1);border-radius:var(--radius-1);-webkit-backdrop-filter:blur(.5rem);font-variant-numeric:tabular-nums;pointer-events:none;z-index:5;transition:opacity var(--t-fast);background:#141416b3;flex-wrap:wrap;display:flex;position:absolute}.status:not(:has(#status-coordinates:not([hidden]),#status-feedback:not([hidden]),#status-action:not([hidden]),#status-selection:not([hidden]))),.status:has(#status-feedback:not([hidden])) :is(#status-coordinates,#status-selection),.status:not(:has(#status-feedback:not([hidden]))):has(#status-coordinates:not([hidden])) #status-selection{display:none}[popover]{border:1px solid var(--bg-4);background:var(--bg-2);color:var(--fg-1);border-radius:var(--radius-2);box-shadow:var(--shadow-2);padding:var(--space-3);min-width:14rem;max-width:92vw;margin:0}#more-popover:popover-open{gap:var(--space-3);flex-direction:column;display:flex}.pattern-summary{color:var(--fg-2);font-variant-numeric:tabular-nums;margin:0;line-height:1.4}#more-popover{min-width:min(18rem,92vw)}#more-actions{gap:var(--space-1);grid-template-columns:1fr 1fr;display:grid}#more-actions .btn{justify-content:flex-start;width:100%}.status-feedback{color:var(--fg-0)}.selection-card-header{align-items:center;gap:var(--space-2);color:var(--fg-2);font-size:var(--font-sm);flex-wrap:wrap;display:flex}.selection-card-header strong{font-weight:400}.selection-card-header span{font-size:var(--font-xs);margin-inline-start:auto}.selection-actions{gap:var(--space-1);margin-inline-start:auto;display:flex}.selection-actions .btn{flex:1}.selection-recipes,#recipe-controls{gap:var(--space-3);flex-direction:column;display:flex}#recipe-list{border-block:var(--border);margin:0;padding:0;list-style:none}.recipe-list-row{border-bottom:var(--border);align-items:center;display:flex}.recipe-list-row:last-child{border-bottom:0}.recipe-list-activate{text-align:left;border-radius:0;flex:1;justify-content:space-between;min-width:0}.recipe-list-activate[aria-pressed=true]{box-shadow:inset 3px 0 var(--accent);background:var(--bg-3)}.recipe-list-detail{color:var(--fg-2);font-size:var(--font-xs);font-weight:400}.list-placeholder{justify-content:flex-start;gap:var(--space-2);width:100%;color:var(--fg-2);font-weight:400}.recipe-grid{gap:var(--space-3);display:grid}.recipe-grid fieldset{border:0;min-width:0;margin:0;padding:0}.recipe-grid legend{padding:0 0 var(--space-2);color:var(--fg-2);font-size:var(--font-sm)}.recipe-number-pair,.recipe-grid-directions{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recipe-grid .field-row{align-items:center;gap:var(--space-1);display:flex}.recipe-grid .field-row>label{flex:1}.recipe-grid .field-row>input{width:3.5rem;min-width:0}.recipe-grid-directions fieldset{gap:var(--space-2);flex-direction:column;display:flex}.recipe-mirror-toggles{gap:var(--space-1);display:flex}.recipe-mirror-toggles .independent-toggle{flex:1;justify-content:center;position:relative}.recipe-mirror-toggles input{opacity:0;width:1px;height:1px;position:absolute}#recipe-rotation-controls,#recipe-mirror-controls{padding-block:var(--space-2);border-block:var(--border)}.colour-mode{color:var(--fg-2);font-size:var(--font-xs);font-weight:400;display:block}.setting-color{align-items:center;gap:var(--space-1);display:flex}.setting-color input[type=color]{min-width:var(--hit);min-height:var(--hit)}.pattern-colours{padding-block:var(--space-3);border-block:var(--border)}.pattern-colours>.popover-row>input[type=color]{min-width:var(--hit);min-height:var(--hit)}.property-actions{justify-content:space-between;align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.property-actions .segmented{flex:auto}.pattern-colour-preview{width:min(12rem, calc(100% - 2 * var(--space-2)));aspect-ratio:1;min-height:0;align-self:center;margin-block-start:var(--space-2)}.pattern-colour-preview canvas{width:100%;height:100%;display:block}.sym-list{border-block:var(--border);flex-direction:column;max-height:22rem;display:flex;overflow-y:auto}.sym-list-row{align-items:center;gap:var(--space-1);padding:var(--space-2);border-inline-start:3px solid #0000;border-bottom:var(--border);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.sym-list-row.is-selected{border-inline-start-color:var(--accent);background:var(--bg-3)}.sym-list-row__select{justify-content:flex-start;gap:var(--space-2);min-width:0;padding:var(--space-1);font-variant-numeric:tabular-nums;font-size:var(--font-sm)}.sym-list-row .toggle{min-width:var(--hit);min-height:var(--hit);justify-content:center}.mirror-type-choices{gap:var(--space-1);flex-wrap:wrap;grid-column:1/-1;display:flex}.coordinate-position{border:0;min-width:0;margin:0;padding:0}.coordinate-position legend{color:var(--fg-2);font-size:var(--font-xs);padding:0 0 var(--space-1)}.coordinate-fields{align-items:center;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);display:grid}.coordinate-fields label{color:var(--fg-2);font-size:var(--font-sm)}.coordinate-fields input{width:100%;min-width:0;min-height:var(--hit);font-variant-numeric:tabular-nums}.mirror-editor{padding-block:var(--space-1);grid-column:1/-1}#recipe-rotation-controls .independent-toggle:has(input:disabled){opacity:.4}.inspector-section-label{color:var(--fg-2);font-size:var(--font-xs);font-weight:600}.sym-list-row__select svg{display:none}.mirror-type-choices .btn{min-width:var(--hit);flex:1}.sym-list-placeholder .btn{border-radius:0}.mirror-editor{gap:var(--space-2);display:grid}.mirror-editor fieldset{border:0;min-width:0;margin:0;padding:0}.transform-usage{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--bg-3,#ffffff14);flex-direction:column;display:flex}.popover-footer{gap:var(--space-2);justify-content:flex-end;display:flex}.popover-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.popover-label{font-size:var(--font-sm);color:var(--fg-2)}.field-group{gap:var(--space-2);flex-direction:column;display:flex}.field-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.field-row>label{font-size:var(--font-sm);color:var(--fg-2)}.field-row>input{flex-shrink:0;width:5rem}.segmented{background:var(--bg-4);border-radius:var(--radius-1);gap:1px;padding:1px;display:flex}.segmented label{min-height:var(--hit-sm);padding:0 var(--space-2);background:var(--bg-2);color:var(--fg-2);font-size:var(--font-sm);cursor:pointer;border-radius:calc(var(--radius-1) - 1px);-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;display:inline-flex}.segmented label:has(input:checked){background:var(--bg-4);color:var(--fg-0)}.segmented input,.toggle input{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.segmented label:has(input:focus-visible){outline:2px solid var(--fg-0);outline-offset:-2px}.instructions-workspace{min-width:0;height:45%;min-height:min(100%, calc(10rem + 2 * var(--hit)));gap:var(--space-3);padding:var(--space-3);color:var(--fg-1);background:var(--bg-2);border-top:var(--border);border-radius:var(--radius-2) var(--radius-2) 0 0;box-shadow:var(--shadow-2);z-index:20;flex-direction:column;display:flex;position:absolute;inset:auto 0 0;overflow:hidden}.instructions-body{gap:var(--space-3);flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.instructions-body .canvas-controls{backdrop-filter:none;background:0 0;flex:none;justify-content:flex-start;max-width:100%;padding:0;position:static}.instructions-options,.instructions-actions{align-items:center;gap:var(--space-3);display:flex}.instructions-options{row-gap:var(--space-1);flex:none;grid-template-columns:minmax(0,1fr) auto;display:grid}.instructions-options :is(.instructions-progress,.instructions-action-status){grid-column:1/-1}.instructions-action-status:empty{display:none}.instructions-crochet{flex:1 1 0;min-width:0;min-height:7rem;display:flex;overflow:hidden}.instructions-live-progress,.instructions-live-unavailable{color:var(--fg-2);font-size:var(--font-sm)}.instructions-live-unavailable,.instructions-live-save-warning{margin:0}.instructions-live-actions{align-items:center;gap:var(--space-2);padding-top:var(--space-3);flex:none;grid-template-columns:auto minmax(4rem,1fr) auto;display:grid}#instructions-live-progress{text-align:center;font-variant-numeric:tabular-nums}.instructions-sequence{background:0 0;flex-direction:column;flex:1 1 0;min-width:0;height:100%;min-height:0;display:flex}#instructions-units{border:var(--border);border-radius:var(--radius-1);flex:auto;min-height:0;list-style:none;overflow:hidden auto}#instructions-units>li+li{border-top:var(--border)}.instructions-unit{--unit-size:max(var(--hit), calc(var(--font-sm) * 1.4 + 2 * var(--space-2)));width:100%;min-height:var(--unit-size);grid-template-columns:var(--unit-size) minmax(0, 1fr);color:inherit;background:var(--bg-1);cursor:pointer;text-align:left;border:0;align-items:stretch;display:grid}.instructions-unit:hover:not(:disabled){background:var(--bg-3)}.instructions-unit:focus-visible{outline:2px solid var(--fg-0);outline-offset:-2px}.instructions-unit:disabled{cursor:wait}.instructions-unit[aria-current=step]{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.instructions-unit--complete code{color:var(--fg-1)}.instructions-unit.instructions-unit--invalid{background:color-mix(in srgb, var(--danger) 8%, var(--bg-1))}.instructions-unit.instructions-unit--current-invalid{background:color-mix(in srgb, var(--danger) 18%, var(--bg-1))}.instructions-unit--whole{text-align:center;padding:var(--space-2) var(--space-3);font-weight:700;display:block}.instructions-unit-number{width:var(--unit-size);color:#fff;font-variant-numeric:tabular-nums;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;place-items:center;font-weight:700;display:grid}.instructions-unit code{min-width:0;padding:var(--space-2) var(--space-3);color:var(--fg-2);font:var(--font-sm)/1.4 ui-monospace, "SF Mono", Menlo, Consolas, monospace;overflow-wrap:anywhere;white-space:normal;align-self:center}.instructions-current{min-height:calc(1.4em + var(--space-2) + var(--space-2));width:fit-content;min-width:0;max-width:100%;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--fg-1);border-radius:var(--radius-1);-webkit-backdrop-filter:blur(.5rem);text-align:center;pointer-events:auto;background:#141416b3;flex:0 auto;align-self:center;overflow:auto}.instructions-current code{min-width:0;color:var(--fg-0);font:var(--font-sm)/1.4 ui-monospace, "SF Mono", Menlo, Consolas, monospace;overflow-wrap:anywhere;white-space:normal}.instructions-actions{flex-wrap:wrap;justify-content:flex-end}.instructions-action-status{color:var(--fg-2);font-size:var(--font-sm);margin-right:auto}.instructions-progress{font-size:var(--font-sm);color:var(--fg-2);font-variant-numeric:tabular-nums;animation:1s ease-in-out infinite alternate pulse}#export-progress{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;display:block;overflow:hidden}.warning{padding:var(--space-2) var(--space-3);background:var(--danger-soft);border:1px solid var(--danger);border-radius:var(--radius-1);color:var(--fg-0);font-size:var(--font-sm)}.warning:before{content:"!";margin-inline-end:var(--space-2);font-weight:700}.toggle-choices{gap:var(--space-1);flex-wrap:wrap;display:flex}.toggle-choices .independent-toggle{flex:1}.independent-toggle{align-items:center;gap:var(--space-2);min-height:var(--hit);padding:var(--space-2);background:var(--bg-2);border:1px solid var(--bg-4);border-radius:var(--radius-1);color:var(--fg-1);cursor:pointer;display:flex}.independent-toggle input{width:1rem;height:1rem;accent-color:var(--fg-0);flex:none}.independent-toggle:has(input:checked),.independent-toggle--implied{background:var(--bg-4);border-color:var(--fg-2);color:var(--fg-0)}.independent-toggle:has(input:focus-visible){outline:2px solid var(--fg-0);outline-offset:2px}.toggle{min-height:var(--hit-sm);align-items:center;gap:var(--space-2);font-size:var(--font-base);color:var(--fg-1);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.toggle-track{background:var(--bg-4);border-radius:var(--radius-pill);width:2.25rem;height:1.25rem;transition:background var(--t-fast);flex-shrink:0;position:relative}.toggle:has(input:focus-visible) .toggle-track{outline:2px solid var(--fg-0);outline-offset:2px}.toggle-track:after{content:"";background:var(--fg-2);width:.875rem;height:.875rem;transition:left var(--t-fast), background var(--t-fast);border-radius:50%;position:absolute;top:.1875rem;left:.1875rem}.toggle input:checked+.toggle-track{background:var(--accent-soft)}.toggle input:checked+.toggle-track:after{background:var(--accent);left:calc(100% - 1.0625rem)}.toggle:has(input:disabled){cursor:not-allowed;color:var(--fg-2);opacity:.55}.toggle input:disabled+.toggle-track{background:var(--bg-3)}.toggle input:disabled+.toggle-track:after{background:var(--fg-3,var(--fg-2))}@keyframes pulse{0%{opacity:.4}to{opacity:1}}@media (width<=30rem){.document-bar{padding:var(--space-1) var(--space-2)}.authoring-dock{gap:var(--space-1);padding-inline:var(--space-2)}.instructions-workspace{padding:var(--space-2)}.selection-actions{grid-template-columns:1fr}.selection-actions .btn{justify-content:space-between}}@media (orientation:landscape) and (width<=63.999rem){.instructions-workspace{width:clamp(50%,20rem,65%);height:auto;min-height:0;padding:var(--space-1);gap:var(--space-1);border-top:0;border-right:var(--border);border-radius:0;inset:0 auto 0 0}.instructions-live-actions{padding-top:var(--space-1)}}@media (width>=64rem){.instructions-workspace{border-top:0;border-right:var(--border);width:clamp(16rem,24vw,20rem);height:auto;box-shadow:none;border-radius:0;inset:0 auto 0 0}.instructions-current{right:auto;bottom:max(var(--space-3), env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - var(--canvas-chrome-left) - var(--canvas-chrome-right) - var(--space-3) - var(--space-3));z-index:20;max-height:min(35dvh,16rem);margin:0;position:fixed;left:50%;overflow:auto;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:1ms!important}}@media (forced-colors:active){.btn:disabled{opacity:1;color:graytext;border-color:graytext}.btn--active,.segmented label:has(input:checked),.independent-toggle:has(input:checked){border:2px solid highlight}.toggle-track{border:1px solid buttontext}.toggle-track:after{background:buttontext;outline:1px solid buttontext}.swatch,.instructions-unit-number{forced-color-adjust:none}.swatch--active{outline-offset:2px;outline:2px solid highlight}}