.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{margin-bottom:var(--s-4);max-width:none}.home-header h1{max-width:16ch}.home-header .lede{max-width:36rem;margin-bottom:0}.hero-preview{display:none}@media (min-width:64rem){.home-header{display:grid;grid-template-columns:var(--split);grid-gap:var(--s-5);gap:var(--s-5);align-items:center}.hero-preview{display:block;margin:0}.hero-mat{position:relative;display:grid;place-items:center;height:20.5rem;border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--grid-bg),var(--raised);overflow:hidden}.hero-frame{position:relative;width:16.5rem;aspect-ratio:1;outline:1.5px solid var(--ink);outline-offset:6px}.hero-marks{position:absolute;inset:-20px;pointer-events:none;--m:linear-gradient(var(--ink),var(--ink));background:var(--m) 0 0 /10px 1.5px no-repeat,var(--m) 0 0 /1.5px 10px no-repeat,var(--m) 100% 0 /10px 1.5px no-repeat,var(--m) 100% 0 /1.5px 10px no-repeat,var(--m) 0 100% /10px 1.5px no-repeat,var(--m) 0 100% /1.5px 10px no-repeat,var(--m) 100% 100% /10px 1.5px no-repeat,var(--m) 100% 100% /1.5px 10px no-repeat}.hero-sample{width:100%;height:100%;background:#ffffff url(/hero/sample-cover.webp) 50%/cover no-repeat}.hero-live{display:contents}.hero-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;background:#ffffff}.cap-live,.hero-preview:has(.hero-live canvas) .cap-sample,.hero-preview:has(.hero-live canvas) .hero-sample{display:none}.hero-preview:has(.hero-live canvas) .cap-live{display:inline}.hero-tag{position:absolute;right:0;bottom:0;width:56px;height:56px;background:linear-gradient(to top left,var(--accent-fill) 50%,transparent calc(50% + .5px));animation:tag-in .48s var(--ease-out) .2s both;transform-origin:100% 100%}.hero-cap{margin-top:var(--s-2);color:var(--muted);font-size:.875rem}}@keyframes tag-in{0%{opacity:0;transform:scale(.4)}}:root:has(.maker.is-open) .home-header .lede,html[data-store=saved] .home-header .lede{display:none}:root:has(.maker.is-open) .home-header h1{max-width:none;margin:0;font-family:var(--sans);font-size:.75rem;line-height:1.4;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--graphite)}@media (min-width:64rem){:root:has(.maker.is-open) .home-header{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}:root:has(.maker.is-open) .hero-preview{display:grid;grid-template-columns:var(--split);grid-gap:var(--s-5);gap:var(--s-5);align-items:center}:root:has(.maker.is-open) .hero-cap{grid-row:1;grid-column:1;margin:0;max-width:22ch;font-family:var(--serif);font-size:1.75rem;line-height:1.15;letter-spacing:-.014em;color:var(--ink)}:root:has(.maker.is-open) .hero-mat{grid-row:1;grid-column:2;height:13rem}:root:has(.maker.is-open) .hero-frame{width:10rem}:root:has(.maker.is-open) .hero-tag{width:40px;height:40px}}.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:var(--split)}.maker-side{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + var(--s-3));max-height:calc(100vh - var(--header-h) - var(--s-5));overflow-y:auto;scrollbar-gutter:stable;margin-right:-10px}.maker-side::-webkit-scrollbar{width:10px}.maker-side::-webkit-scrollbar-thumb{background:var(--line-soft);border-radius:5px;border:2px solid var(--paper)}}.maker-main,.maker-side{min-width:0}.maker .card{margin-bottom:var(--s-4)}.maker .card>h2{font-size:1.5rem}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 var(--s-4)}.count-line{color:var(--graphite);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.count-line,.section-note{margin:0 0 var(--s-3)}.field.wide{grid-column:1/-1}.maker .field-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr))}.maker .field textarea{min-height:9rem;font-size:.9375rem}.maker .field input[type=text]:disabled,.maker .field textarea:disabled,.maker select:disabled{opacity:.7}.fold{margin:0 0 var(--s-3);border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--card)}.fold>summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-3);min-height:48px;padding:var(--s-2) var(--s-4);cursor:pointer}.fold-title{font-family:var(--serif);font-optical-sizing:auto;font-size:1.2rem;letter-spacing:-.01em;font-weight:700;color:var(--ink)}.fold-sum{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);font-size:.875rem;color:var(--muted)}.fold-body{padding:0 var(--s-4) var(--s-3)}.saved{background:var(--card)}.swatch{display:inline-block;width:1.1rem;height:1.1rem;border-radius:var(--r-box);border:1px solid var(--line)}.seg-field{border:0;padding:0;margin:0 0 var(--s-3);min-width:0}.seg-field>legend{padding:0;margin-bottom:var(--s-1)}.seg{flex-wrap:wrap;max-width:100%;border:1px solid var(--line);border-radius:var(--r-control);background:var(--card);overflow:hidden}.seg,.seg-opt{display:inline-flex}.seg-opt{position:relative;min-width:0}.seg-opt+.seg-opt{border-left:1px solid var(--line-soft)}.seg-opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.seg-opt span{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s-3);font-weight:600;color:var(--graphite)}.seg-opt input:checked+span{background:var(--raised);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink),inset 0 -4px 0 var(--accent-fill)}.seg-opt input:checked+span:before{content:"\2713"/"";margin-right:6px}.seg-opt input:focus-visible+span{outline:3px solid var(--focus);outline-offset:-3px}fieldset:disabled .seg-opt span{opacity:.6}.check-field{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s-3);min-height:44px;margin:0 0 var(--s-3)}.check-field input[type=checkbox]{width:24px;height:24px;margin:0;flex:none;accent-color:var(--accent)}.check-field label{flex:1 1;min-width:0;padding:var(--s-2) 0;cursor:pointer;font-weight:600}.check-field .hint{flex-basis:100%;margin:0 0 0 36px}.colour-set{border:1px solid var(--line-soft);background:transparent}.colour-set legend{font-size:.875rem;font-weight:600;color:var(--graphite)}.colour-row{display:flex;align-items:center;gap:var(--s-3)}.colour-row input[type=color]{width:56px;min-width:56px;height:44px;min-height:44px;padding:2px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--card);cursor:pointer}.colour-value{font-family:var(--mono);font-size:.9rem;color:var(--graphite)}.colour-notes{list-style:none;margin:0;padding:0;font-size:.875rem}.colour-notes li{padding:var(--s-1) 0 var(--s-1) var(--s-3);border-left:3px solid var(--line-soft);margin-bottom:var(--s-1);max-width:var(--measure)}.colour-notes li.note-warn{border-left-color:var(--warn)}.danger-row{border-top:1px solid var(--line-soft);margin-top:var(--s-3);padding-top:var(--s-2)}.confirm-row{border:1px solid var(--bad);border-radius:var(--r-card);padding:var(--s-3);background:var(--card);margin:var(--s-2) 0}.confirm-row p{margin:0 0 var(--s-2);font-weight:600}.export-status,.import-status{margin:var(--s-2) 0 0;color:var(--graphite);max-width:var(--measure)}.start{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--s-4);gap:var(--s-4);margin-bottom:var(--s-5)}@media (min-width:64rem){.start{grid-template-columns:var(--split);gap:var(--s-5);align-items:start}}.kitbar,.start-card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-card);box-shadow:0 1px 0 var(--line-soft);padding:var(--s-4);min-width:0}.step-h{display:flex;align-items:center;gap:var(--s-3);font-size:1.4rem;margin-bottom:var(--s-3)}.step-n{display:inline-grid;place-items:center;flex:none;width:2rem;height:2rem;background:var(--ink);color:var(--card);-webkit-clip-path:polygon(0 0,68% 0,100% 32%,100% 100%,0 100%);clip-path:polygon(0 0,68% 0,100% 32%,100% 100%,0 100%);font-family:var(--sans);font-size:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dropzone{--crop:var(--ink);position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);padding:var(--s-5) var(--s-4);border:1px dashed var(--line);border-radius:var(--r-box);background:linear-gradient(var(--crop),var(--crop)) 0 0 /16px 2px no-repeat,linear-gradient(var(--crop),var(--crop)) 0 0 /2px 16px no-repeat,linear-gradient(var(--crop),var(--crop)) 100% 0 /16px 2px no-repeat,linear-gradient(var(--crop),var(--crop)) 100% 0 /2px 16px no-repeat,linear-gradient(var(--crop),var(--crop)) 0 100% /16px 2px no-repeat,linear-gradient(var(--crop),var(--crop)) 0 100% /2px 16px no-repeat,linear-gradient(to bottom right,transparent calc(50% - .5px),var(--accent-fill) 50%) 100% 100% /28px 28px no-repeat,var(--grid-bg),var(--raised);transition:background-color var(--t-fast) var(--ease-out)}.dropzone.dragging{border:2px solid var(--ink);background-color:var(--accent-soft)}.dropzone.dragging:after{content:"Drop to open";position:absolute;top:var(--s-2);right:var(--s-3);font-size:.8125rem;font-weight:700;color:var(--ink)}.drop-words{margin:0;font-weight:650;color:var(--ink)}.dropzone .hint{flex-basis:100%;margin:0}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}.file-button:has(+.file-input:focus-visible),.file-input:focus-visible+.hint{outline:3px solid var(--focus);outline-offset:2px}.file-button{cursor:pointer}.file-button.is-disabled{opacity:.6;cursor:default;pointer-events:none}.drop-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--s-3);margin-top:var(--s-2)}.drop-status{margin:0;overflow-wrap:anywhere;min-height:1.6em;flex:1 1 14rem;color:var(--graphite)}.drop-status.is-error{color:var(--bad);font-weight:600}.drop-status.is-error:before{content:"Not read: "}.kitbar-h{font-size:1.3rem;margin-bottom:var(--s-2)}.kitbar-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-2) var(--s-3)}.kit-editor+.kitbar-row,.kitbar-row+.kitbar-row{margin-top:var(--s-3)}.kit-select{flex:1 1 14rem;min-width:0;margin:0}.kit-select select{width:100%}.kit-select .hint{margin:var(--s-1) 0 0;overflow-wrap:anywhere}.kit-toggle{flex:none}@media (min-width:30rem){.kitbar-row:has(.hint) .kit-toggle{align-self:flex-start;margin-top:1.8rem}}.kit-editor{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line-soft)}.kit-editor .field-grid,.maker .field-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr))}.group{border:1px solid var(--line-soft);border-radius:var(--r-card);padding:var(--s-3);margin:var(--s-3) 0;min-width:0}.group>legend{padding:0 var(--s-1)}.logo-row{display:flex;gap:var(--s-3);align-items:flex-start;margin:var(--s-3) 0}.logo-thumb{flex:none;display:grid;place-items:center;width:72px;height:72px;border:1px solid var(--line-soft);border-radius:var(--r-control);background:repeating-conic-gradient(#e7e2db 0 25%,#ffffff 0 50%) 0 0 /16px 16px}.logo-thumb img{max-width:64px;max-height:64px;object-fit:contain}.logo-none{font-size:.75rem;color:#5a5160;text-align:center}.logo-text{min-width:0;flex:1 1}.logo-text .hint{margin:0 0 var(--s-2)}.range-row{display:flex;align-items:center;gap:var(--s-3)}.range-row input[type=range]{flex:1 1;min-width:0;min-height:44px;accent-color:var(--accent)}.range-out{flex:none;min-width:6.5rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kit-manage{margin-top:var(--s-3)}.kit-manage .h4{margin-bottom:var(--s-1)}.danger-link{color:var(--bad)}.notice.quiet-notice{color:var(--graphite)}.notice.warn-notice{border-left:4px solid var(--warn)}.notice.warn-notice:before{content:none}.chosen{list-style:none;margin:0 0 var(--s-3);padding:0;border-top:1px solid var(--line-soft)}.chosen-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--s-3);border-bottom:1px solid var(--line-soft);min-height:48px}.chosen-name{font-weight:600}.chosen-actions{display:inline-flex;flex-wrap:wrap;gap:0 var(--s-1)}.chosen-actions .text-button{padding:0 var(--s-2)}.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,7.5rem),1fr));grid-gap:var(--s-3);gap:var(--s-3)}.tile-cell{min-width:0;content-visibility:auto;contain-intrinsic-size:auto 12rem}.tile{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-1);width:100%;min-height:44px;padding:var(--s-2);border:2px solid var(--line-soft);border-radius:var(--r-control);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;text-align:left}.tile:hover{border-color:var(--line)}.tile.is-chosen{border-color:var(--ink);box-shadow:inset 4px 0 0 var(--accent-fill);background:var(--raised)}.tile:disabled{cursor:default;opacity:.7}.tile-paper{display:grid;place-items:center;width:100%;max-height:10rem;background:#ffffff;outline:1px solid var(--line-soft);overflow:hidden}.tile-paper img{display:block;width:100%;height:100%;object-fit:contain}.tile-wait{font-size:.75rem;color:#5a5160}.tile-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 var(--s-1);font-size:.875rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tile-order{padding:0 10px 0 6px;background:var(--ink);color:var(--card);-webkit-clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}.picker-foot{margin-top:var(--s-3)}.previews{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);grid-gap:var(--s-3);gap:var(--s-3);align-items:end;margin:var(--s-3) 0;padding:var(--s-4) var(--s-3) var(--s-3);background:var(--grid-bg),var(--frame);border:1px solid var(--line-soft);border-radius:var(--r-box)}.preview-fig{margin:0;min-width:0;padding:8px 8px 0}.preview-fig figcaption{margin-top:var(--s-3);font-size:.8125rem;color:var(--graphite)}.live-canvas{display:block;width:100%;height:auto;background:#ffffff;outline:1.5px solid var(--ink);outline-offset:6px}.preview-note{font-size:.875rem;color:var(--graphite)}.blockers{border-left:3px solid var(--warn);padding:var(--s-2) var(--s-3);margin:var(--s-3) 0;background:var(--warn-soft);border-radius:0 var(--r-control) var(--r-control) 0}.blockers ul{margin:0}.export-row{gap:var(--s-2);margin-top:var(--s-3)}.export-row,.job{display:flex;flex-wrap:wrap}.job{align-items:center;gap:var(--s-2) var(--s-3);margin:var(--s-3) 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.job p{margin:0;flex-basis:100%}.job progress{flex:1 1 10rem;height:12px;accent-color:var(--accent)}.every{margin-top:var(--s-4)}.every-list{list-style:none;margin:0;padding:0 var(--s-4) var(--s-3)}.every-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--s-3);min-height:48px;border-bottom:1px solid var(--line-soft)}.every-name{min-width:0;flex:1 1 12rem;font-size:.9375rem}.every-lock{color:var(--muted)}.listing-pick{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-3)}.checks-inline{margin-bottom:var(--s-2)}.band h2{margin-top:0}@media print{.blockers,.every,.export-row,.job,.maker-main,.seg-field,.start{display:none!important}.maker-grid{display:block}.maker-side{position:static;max-height:none;overflow:visible}.previews{background:none}.artefact{outline:none}}.mobile-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:var(--s-3);margin:var(--s-4) calc(-1 * var(--s-2)) 0;padding:var(--s-2) var(--s-3);background:var(--card);border:1px solid var(--line-soft);border-top:2px solid var(--ink);border-radius:var(--r-box) var(--r-box) 0 0;box-shadow:var(--shadow-2)}.mobile-bar.is-away{visibility:hidden}@media (max-width:63.99rem){html:has(.mobile-bar){scroll-padding-bottom:6rem}.maker-side:has(~.mobile-bar),.maker:has(.mobile-bar) .maker-side{padding-bottom:5rem}}.mobile-bar p{flex:1 1;min-width:0;margin:0;font-size:.9375rem}.mobile-bar .button{flex:none}.maker:has(input[type=text]:focus,textarea:focus,select:focus) .mobile-bar{visibility:hidden}@media (min-width:64rem){.mobile-bar{display:none}}.outputs:focus{outline:none}.share-row .hint{flex:1 1 14rem;margin:0}.share-note{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-4)}.share-note p{flex:1 1 20rem;margin:0}.shared-banner{background:var(--card);border:1px solid var(--line-soft);border-left:4px solid var(--ink);border-radius:0 var(--r-card) var(--r-card) 0;padding:var(--s-4);margin:0 0 var(--s-4)}.shared-h{font-size:1.3rem;margin:0 0 var(--s-2)}.shared-banner p{max-width:48rem;overflow-wrap:anywhere}.share-dialog{width:min(40rem,calc(100% - 32px));max-height:calc(100% - 32px);padding:0;border:1.5px solid var(--ink);border-radius:var(--r-card);background:var(--card);color:var(--ink);box-shadow:var(--shadow-2)}.share-dialog::-webkit-backdrop{background:rgb(24 24 28/.4)}.share-dialog::backdrop{background:rgb(24 24 28/.4)}.share-body{padding:var(--s-4) var(--s-5) var(--s-5)}.share-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);border-bottom:1px solid var(--line-soft);margin-bottom:var(--s-3)}.share-head h2{font-size:1.3rem;margin:var(--s-2) 0}.share-lists{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--s-2) var(--s-5);gap:var(--s-2) var(--s-5);margin-bottom:var(--s-3)}@media (min-width:40rem){.share-lists{grid-template-columns:var(--split)}}.share-lists ul{margin:var(--s-1) 0 var(--s-3);padding-left:1.2em}.share-lists li{margin-bottom:var(--s-1);overflow-wrap:anywhere}.share-link{display:block;width:100%;min-height:6rem;margin:var(--s-1) 0;padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r-control);background:var(--paper);color:var(--ink);font-size:.8125rem;word-break:break-all;resize:vertical}.share-copied{margin:var(--s-2) 0 0;font-weight:600}.share-body button,.share-head button{flex:none;overflow-wrap:normal}.blockers li,.export-status,.maker .notice,.share-body,.share-note p{overflow-wrap:anywhere}