.tool-island{position:relative}.first-paint-note,.first-paint-panel{display:none}html[data-store=blocked] .first-paint-blocked,html[data-store=damaged] .first-paint-damaged{display:block}html[data-store=blocked] .tool-static,html[data-store=damaged] .tool-static{display:none}html[data-store=saved] .tool-static{visibility:hidden}html[data-store=saved] .first-paint-note{display:block;position:absolute;top:0;left:0;margin:0;color:var(--muted)}.home-header{max-width:46rem;margin:0 auto var(--s-5);text-align:center}.home-header h1{max-width:20ch;margin-inline:auto;font-size:clamp(2.1rem,1.5rem + 2.6vw,3.25rem);line-height:1.02;letter-spacing:-.04em}.home-header .lede{max-width:36rem;margin-inline:auto;text-wrap:balance}.home-copy>:last-child{margin-bottom:0}.canvas-wrap{position:relative}.canvas-kite{position:absolute;top:3%;right:3%;display:flex;gap:var(--s-3);align-items:flex-end;margin:0;padding:var(--s-2);background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-card);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tool-static .canvas-kite{visibility:hidden}.canvas-kite svg{flex:none;width:56px;height:66px}.canvas-kite ol{display:none}@media (min-width:48rem){.canvas-kite{padding:var(--s-3);gap:var(--s-4)}.canvas-kite svg{width:96px;height:113px}.canvas-kite ol{display:block;column-count:2;column-gap:var(--s-4);margin:0;padding:0;list-style:none;font-family:var(--mono);font-size:.75rem;line-height:1.5;color:var(--graphite)}}.hp-minor{stroke:var(--grid-minor);stroke-width:1}.hp-axis{stroke:var(--grid-axis);stroke-width:2}.hp-line{fill:none;stroke:var(--accent);stroke-width:.26;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:plot-in 1.4s cubic-bezier(.2,.7,.2,1) .2s backwards}.hp-pts{fill:var(--ink)}@keyframes plot-in{0%{stroke-dashoffset:1}}.canvas-kite .hp-word{font-family:var(--sans);font-weight:700;color:var(--ink)}.canvas-kite li span{display:inline-block;min-width:2ch;color:var(--muted)}html[data-store=saved] .home-header .lede{display:none}.maker-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2) var(--s-4);margin-bottom:var(--s-3)}.picture-name{margin:0;min-width:12ch;overflow-wrap:anywhere}.picture-label{color:var(--muted);font-size:.875rem}.share-button{min-height:32px;margin-left:var(--s-2);font-size:.9375rem;vertical-align:baseline}.share-button:disabled{opacity:.55;cursor:not-allowed}.bar-actions{display:flex;flex-wrap:wrap;gap:var(--s-2)}.maker-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--s-4) var(--s-5);gap:var(--s-4) var(--s-5);align-items:start}@media (min-width:64rem){.maker-grid{grid-template-columns:minmax(0,1fr) minmax(0,20rem)}}.canvas-col{display:flex;flex-direction:column;min-width:0}.canvas-wrap{width:min(100%,calc(70svh * var(--ar, 1)));margin:0 auto;border:1px solid var(--grid-major);background:var(--grid-paper);box-shadow:4px 4px 0 var(--surface-major);overflow:hidden}.canvas{display:block;width:100%;height:100%;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}.canvas.is-disabled{cursor:default}.canvas:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.g-paper{fill:var(--grid-paper)}.g-lines line{vector-effect:non-scaling-stroke;stroke-width:1}.g-minor{stroke:var(--grid-minor)}.g-major{stroke:var(--grid-major)}.g-axis{stroke:var(--grid-axis);stroke-width:2!important}.g-label{font-family:var(--mono);font-size:.42px;fill:var(--muted)}.live-stroke,.shape polyline{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.shape circle{fill:var(--ink)}.shape.is-selected polyline{stroke:var(--ink);stroke-width:4}.shape.is-selected circle{fill:var(--ink)}.live-stroke{opacity:.75}.rubber{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:4 4}.close-target,.pen-end,.rubber{vector-effect:non-scaling-stroke}.close-target,.pen-end{fill:none;stroke:var(--ink);stroke-width:2}.close-target{stroke-dasharray:3 3}.point-ring{fill:none;stroke:var(--ink);stroke-width:3;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.point-editor{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line-soft)}.point-editor:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hover-dot{fill:var(--ink);opacity:.45}.flag circle{fill:none;stroke:var(--bad);stroke-width:2.5;vector-effect:non-scaling-stroke}.flag text{font-family:var(--mono);font-size:.55px;font-weight:700;fill:var(--bad)}.cursor circle,.cursor line{fill:none;stroke:var(--ink);stroke-width:2;vector-effect:non-scaling-stroke}.dock-wrap{order:3;position:-webkit-sticky;position:sticky;bottom:0;z-index:6;padding:var(--s-2) 0 calc(var(--s-2) + env(safe-area-inset-bottom, 0px));background:var(--paper)}.toolbar{display:flex;align-items:stretch;justify-content:space-between;gap:2px;padding:3px;background:var(--card);border:1px solid var(--rule);border-radius:var(--r-control)}.toolbar-gap{width:1px;margin:6px 2px;background:var(--line-soft)}.tool-button{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:40px;min-height:52px;padding:4px 2px;border:0;border-radius:var(--r-box);background:none;color:var(--ink);font:inherit;font-size:.75rem;font-weight:600;line-height:1.1;cursor:pointer}.tool-button .icon{width:22px;height:22px}.tool-button:hover:not(:disabled){background:var(--raised)}.tool-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.wide-only{display:none}@media (min-width:48rem){.wide-only{display:inline}}.tool-button:disabled{opacity:.5;cursor:not-allowed}.tool-button:disabled[aria-pressed=true]{opacity:.8}@media (min-width:48rem){.dock-wrap{position:relative;order:0;padding:0 0 var(--s-2);background:none}.toolbar{justify-content:flex-start}.tool-button{flex:0 0 auto;min-width:64px}.toolbar-gap{flex:1 1;background:none}}.menu{position:absolute;right:0;bottom:100%;z-index:20;display:flex;flex-direction:column;min-width:min(18rem,calc(100vw - 32px));padding:4px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-control);box-shadow:var(--shadow-2)}@media (min-width:48rem){.menu{bottom:auto;top:100%}}.menu-item{display:flex;align-items:center;gap:var(--s-2);width:100%;min-height:44px;padding:0 var(--s-3);border:0;border-radius:var(--r-box);background:none;color:var(--ink);font:inherit;font-size:.9375rem;text-align:left;cursor:pointer}.menu-item .icon{width:18px;height:18px}.menu-item:focus-visible,.menu-item:hover:not(:disabled){background:var(--raised)}.menu-item:disabled{opacity:.5;cursor:not-allowed}.menu-item.is-danger{color:var(--bad);border-top:1px solid var(--line-soft)}.canvas-status{margin-top:var(--s-2)}.canvas-help{margin:0;font-size:.875rem;color:var(--muted)}.canvas-say{min-height:1.5em;margin:var(--s-1) 0 0;font-size:.9375rem}.side{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--s-3);gap:var(--s-3)}@media (min-width:40rem) and (max-width:63.99rem){.side{grid-template-columns:repeat(2,minmax(0,1fr))}.side>:first-child{grid-column:1/-1}}.side-card{padding:var(--s-4);background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-card)}.side-card .field:last-child,.side-card>:last-child{margin-bottom:0}.side-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-1) var(--s-3);margin:0 0 var(--s-3);padding-bottom:var(--s-2);border-bottom:1px solid var(--line-soft);font-size:1.0625rem}.side-count{font-family:var(--sans);font-size:.875rem;font-weight:400;color:var(--muted)}.picture-list,.shape-list{display:grid;grid-gap:4px;gap:4px;max-height:17rem;margin:0 0 var(--s-3);padding:0;overflow:auto;list-style:none}.shape-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px var(--s-3);width:100%;min-height:44px;padding:6px var(--s-3);border:1px solid var(--line-soft);border-left:4px solid transparent;border-radius:var(--r-box);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.shape-row:hover:not(:disabled){background:var(--raised)}.shape-row[aria-pressed=true]{background:var(--raised);border-left-color:var(--ink)}.shape-row[aria-pressed=true] .shape-name:after{content:" (chosen)";font-weight:400;color:var(--muted)}.shape-name{font-weight:650}.shape-meta{font-size:.875rem;color:var(--muted)}.shape-actions{display:flex;flex-wrap:wrap;gap:var(--s-2)}.shape-actions .delete-shape{color:var(--bad)}.confirm-row{padding:var(--s-3);margin:0 0 var(--s-3);background:var(--bad-soft);border:1px solid var(--bad);border-radius:var(--r-control)}.confirm-row p{margin:0 0 var(--s-2)}.sheet input[type=range],.side input[type=range]{width:100%;min-height:44px;accent-color:var(--ink)}.outputs{margin-top:var(--s-6)}.outputs-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-2) var(--s-4)}.outputs-head h2{margin:0}.chips{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--s-2);gap:var(--s-2);margin:var(--s-3) 0 var(--s-4)}@media (min-width:36rem){.chips{grid-template-columns:repeat(3,minmax(0,1fr))}}.chip{display:flex;align-items:center;gap:var(--s-3);min-height:56px;padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r-control);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.chip:hover:not(:disabled){background:var(--raised)}.chip[aria-checked=true]{background:var(--raised);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.chip:disabled{cursor:not-allowed}.chip-letter{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--ink);font-size:1.25rem;font-weight:700}.chip[aria-checked=true] .chip-letter{background:var(--ink);color:var(--paper)}.chip-text{display:flex;flex-direction:column;min-width:0}.chip-name{font-size:.875rem;font-weight:650}.chip-state{font-size:.8125rem;color:var(--muted)}.chip-state.is-ok{color:var(--ok)}.chip-state.is-bad{color:var(--bad)}.empty-outputs{position:relative;padding:var(--s-4) var(--s-4) var(--s-4) 96px;min-height:96px;border:1px dashed var(--rule);border-radius:var(--r-card);background:var(--card);max-width:40rem}.empty-outputs:after,.empty-outputs:before{content:"";position:absolute;left:var(--s-4);top:var(--s-4);width:64px;height:64px;-webkit-mask:var(--kite) center /contain no-repeat;mask:var(--kite) center /contain no-repeat}.empty-outputs:before{--kite:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 6 45 19 32 45 19 19ZM32 45l-6 6.5 6 6.5' fill='none' stroke='%23000' stroke-width='3.5' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");background:var(--accent)}.empty-outputs:after{--kite:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg%3E%3Ccircle cx='32' cy='6' r='3.5'/%3E%3Ccircle cx='45' cy='19' r='3.5'/%3E%3Ccircle cx='32' cy='45' r='3.5'/%3E%3Ccircle cx='19' cy='19' r='3.5'/%3E%3C/g%3E%3C/svg%3E");background:var(--ink)}.empty-outputs p{margin:0}.version-report{max-width:48rem}.issues{display:grid;grid-gap:var(--s-2);gap:var(--s-2);margin:0 0 var(--s-4);padding:0;list-style:none;max-width:52rem}.issue{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-1) var(--s-3);padding:var(--s-2) var(--s-3);border-left:4px solid var(--line);border-radius:4px;background:var(--raised)}.issue>span:last-child{flex:1 1 16rem;min-width:0}.issue.is-error{border-left-color:var(--bad);background:var(--bad-soft)}.issue.is-warn{border-left-color:var(--warn);background:var(--warn-soft)}.issue-word{font-weight:700;white-space:nowrap}.issue .link-button{display:inline;min-height:0;padding:10px 0}.previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3);margin:0 0 var(--s-4)}@media (min-width:48rem){.previews{grid-template-columns:repeat(3,minmax(0,1fr));max-width:56rem}}.preview{margin:0}.preview svg{display:block;width:100%;height:auto;border:1px solid var(--line-soft);box-shadow:3px 3px 0 var(--surface-major)}.preview figcaption{margin-top:var(--s-1);font-size:.875rem;color:var(--muted);text-align:center}@media (prefers-color-scheme:dark){.preview svg{filter:brightness(.82)}}.export-row{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-3);margin:0 0 var(--s-3)}.sheet-summary{font-size:.875rem;color:var(--muted);max-width:48rem}.point-list summary{min-height:44px;display:flex;align-items:center;font-weight:650;cursor:pointer}.points-cols{font-family:var(--mono);font-size:.9375rem;columns:9rem;column-gap:var(--s-5);margin:var(--s-2) 0 0;padding:0;list-style:none}.points-cols li{page-break-inside:avoid;break-inside:avoid;padding:1px 0}.pt-n{display:inline-block;min-width:2.6em;color:var(--muted);text-align:right}.pt-lift{font-family:var(--sans);font-weight:700;padding-left:2.9em!important}.points-cols .is-flagged{color:var(--bad);font-weight:650}.export-status,.import-status{min-height:1.5em;margin:var(--s-2) 0 0}.sheet{width:calc(100% - 32px);max-width:40rem;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:var(--r-card);border-top:3px solid var(--ink);background:var(--card);color:var(--ink);box-shadow:var(--shadow-2)}.sheet.is-wide{max-width:60rem}.sheet::-webkit-backdrop{background:rgb(10 16 24/.55)}.sheet::backdrop{background:rgb(10 16 24/.55)}@media (max-width:40rem){.sheet{width:100%;max-width:100%;margin:auto 0 0;border-radius:var(--r-card) var(--r-card) 0 0}}.sheet-body{padding:0 var(--s-4) var(--s-5)}.sheet-head{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin:0 calc(var(--s-4) * -1) var(--s-3);padding:var(--s-3) var(--s-4);background:var(--card);border-bottom:1px solid var(--line-soft)}.sheet-head h2{margin:0;font-size:1.25rem}.settings-group{margin:0 0 var(--s-4);padding:0;border:0;min-width:0}.settings-group legend{margin-bottom:var(--s-2);font-weight:700;font-size:1.0625rem;color:var(--ink)}.sheet .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0 var(--s-3);gap:0 var(--s-3)}@media (max-width:30rem){.sheet .field-grid{grid-template-columns:minmax(0,1fr)}}.danger-zone{margin-top:var(--s-4);padding-top:var(--s-2);border-top:1px solid var(--line-soft)}.danger-link{color:var(--bad)}.starter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));grid-gap:var(--s-2);gap:var(--s-2);margin:0;padding:0;list-style:none}.starter-card{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;min-height:44px;padding:var(--s-2);border:1px solid var(--line-soft);border-radius:var(--r-box);background:var(--card);color:var(--ink);font:inherit;cursor:pointer}.starter-card:hover{background:var(--raised)}.thumb{display:block;width:100%;height:auto;aspect-ratio:1}.t-paper{fill:var(--grid-paper)}.t-shapes polyline{fill:none;stroke:var(--accent);stroke-width:.45;stroke-linejoin:round;stroke-linecap:round}.starter-name{font-weight:650}.starter-meta{font-size:.8125rem;color:var(--muted)}.starter-choice p{max-width:36rem}.band{margin-top:var(--section);max-width:48rem}.band-lead{font-size:1.25rem;font-weight:500;letter-spacing:-.01em;color:var(--graphite)}.print-sheets{display:none}@media print{.band,.breadcrumbs,.first-paint-note,.maker,.no-print,.page-header,.site-footer,.site-header,.skip-link{display:none!important}.site-main,body,html{background:#ffffff!important;margin:0!important;padding:0!important;max-width:none!important}.print-page,.print-sheets{display:block}.print-page{width:100%;height:99.5vh;break-after:page;page-break-after:always}.print-page:last-child{break-after:auto;page-break-after:auto}}.example-figure{max-width:16rem;margin:var(--s-3) 0}.starter-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));grid-gap:var(--s-4);gap:var(--s-4);margin:0 0 var(--s-6);padding:0;list-style:none}.starter-tile{display:flex;flex-direction:column;padding:var(--s-3);background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-card)}.starter-tile .thumb{max-width:12rem;margin:0 auto var(--s-2)}.starter-tile-name{margin:0;font-size:1.25rem}.starter-tile-meta{margin:0 0 var(--s-1);font-size:.875rem;color:var(--muted)}.starter-tile-blurb{flex:1 1;margin:0 0 var(--s-2)}.starter-open{display:inline-flex;align-items:center;min-height:44px;font-weight:650}.shared-banner{border:1px solid var(--ink);border-left:6px solid var(--accent);border-radius:var(--r-card);background:var(--card);padding:var(--s-3) var(--s-4);margin:0 0 var(--s-4);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2) var(--s-4)}.shared-banner p{margin:0;flex:1 1 22rem;min-width:0}.share-lists{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:0 var(--s-5);gap:0 var(--s-5)}@media (min-width:640px){.share-lists{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.share-h{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin:var(--s-3) 0 var(--s-2)}.share-list{margin:0 0 var(--s-3);padding-left:1.1rem}.share-list li{margin-bottom:var(--s-1);overflow-wrap:anywhere}.share-check{display:flex;align-items:center;gap:var(--s-2);min-height:44px;font-weight:500}.share-check input{width:1.25rem;height:1.25rem;margin:0;accent-color:var(--ink)}.share-link{width:100%;font-family:var(--mono);font-size:.8125rem;line-height:1.4;word-break:break-all;resize:vertical;max-height:12rem}@media (max-width:639px){.share-list{font-size:.9375rem}}