.sb-main{min-height:100vh;min-height:100dvh;overflow-x:clip}.sb-shell{width:min(1560px,calc(100% - 32px))}.sb-nav{position:relative}.sb-title{position:absolute;left:50%;translate:-50% 0;font-family:var(--font-hand);font-weight:700;font-size:24px;color:var(--muted);rotate:-1.2deg;pointer-events:none;margin:0;letter-spacing:0;line-height:1.2}.sb-root{position:relative;display:grid;grid-template-columns:158px minmax(0,1fr) minmax(320px,400px);grid-gap:26px;gap:26px;align-items:start;padding:18px 0 26px}.sb-pages{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 174px);min-height:480px;min-width:0}.sb-pages-head h2{margin:0;font-family:var(--font-hand);font-weight:700;font-size:27px;letter-spacing:0;rotate:-.8deg}.sb-pages-list{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px 4px 12px 2px;scrollbar-width:thin}.sb-pages-list[data-more="1"]{mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent);-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent)}.sb-page-tab{display:block;width:100%;padding:6px 6px 5px;border:1px solid var(--ink-faint);border-radius:var(--hand-radius-sm);background:var(--cut);cursor:pointer;text-align:left;box-shadow:var(--paper-shadow);transition:border-color .16s ease,background-color .16s ease}.sb-page-tab:nth-child(odd){rotate:-.7deg}.sb-page-tab:nth-child(2n){rotate:.6deg}.sb-page-tab:hover{border-color:var(--ink-soft)}.sb-page-tab.is-active{border-color:var(--ink);background:color-mix(in srgb,var(--text) 7%,var(--cut))}.sb-page-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sb-page-thumb{position:relative;display:block;aspect-ratio:5/4;border-radius:var(--hand-radius-sm);background-color:var(--bg-elev);background-image:var(--paper-grain);background-blend-mode:multiply;overflow:hidden}.sb-page-thumb img{position:absolute;translate:-50% -50%;pointer-events:none}.sb-page-tab-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:5px 3px 0}.sb-page-tab-name{font-family:var(--font-hand);font-weight:700;font-size:15.5px;color:var(--muted);-webkit-padding-end:.25em;padding-inline-end:.25em;-webkit-margin-end:-.25em;margin-inline-end:-.25em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-page-tab.is-active .sb-page-tab-name{color:var(--text)}.sb-page-tab-count{flex:none;white-space:nowrap;color:var(--faint);font-size:11px;font-weight:600;letter-spacing:.06em}.sb-page-add{border:1.5px dashed var(--ink-soft);border-radius:var(--hand-radius-sm);background:transparent;padding:10px 8px;font-family:var(--font-hand);font-weight:700;font-size:16px;color:var(--muted);cursor:pointer;rotate:-.4deg;transition:color .16s ease,border-color .16s ease}.sb-page-add:hover{color:var(--text);border-color:var(--ink)}.sb-page-add:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sb-account{display:flex;flex-direction:column;gap:4px;padding:6px 4px 0}.sb-account-note{margin:0;font-family:var(--font-hand);font-weight:500;font-size:14.5px;line-height:1.35;color:var(--faint);rotate:-.5deg}.sb-account-link{align-self:flex-start;border:0;padding:0;background:none;font-family:var(--font-hand);font-weight:700;font-size:15px;color:var(--muted);text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer;transition:color .16s ease}.sb-account-link:hover{color:var(--text)}.sb-account-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sb-pagecol{display:flex;flex-direction:column;gap:6px;min-width:0}.sb-page-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding:0 6px}.sb-page-name{flex:1 1 6em;min-width:min(6em,100%);border:0;padding:0 2px;background:transparent;font-family:var(--font-hand);font-weight:700;font-size:21px;color:var(--text);rotate:-.4deg}.sb-page-name:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.sb-page-actions{display:flex;align-items:baseline;gap:8px;flex:none}.sb-page-note{margin:2px 0 0;padding:0 6px;font-family:var(--font-hand);font-weight:500;font-size:16px;color:var(--faint);rotate:-.4deg}.sb-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.sb-keys{inset:0;z-index:1990;outline:none}.sb-key,.sb-keys{position:absolute;pointer-events:none}.sb-key{--painted-w:var(--sw,100px);display:block;width:var(--painted-w);aspect-ratio:150/166;translate:-50% -50%;rotate:var(--tilt,0deg);padding:0;border:0;border-radius:12px;background:none}.sb-key img{display:block;width:100%;height:auto;opacity:0}.sb-key:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 4px var(--bg-elev),0 0 0 7px var(--accent)}.sb-keys-help{position:absolute;z-index:2100;left:10px;bottom:8px;max-width:calc(100% - 215px);margin:0;padding:5px 11px 6px;border-radius:var(--hand-radius-sm);background:var(--cut);font-family:var(--font-hand);font-weight:600;font-size:14px;line-height:1.25;color:var(--muted);opacity:0;pointer-events:none}.sb-keys:focus-within+.sb-keys-help{opacity:1}@media (max-width:600px){.sb-key{--painted-w:calc(var(--sw, 100px) * 0.66)}.sb-keys-help{display:none}}.sb-note-held{font-size:14.5px}.sb-note-warn{font-weight:700;color:var(--perm-full)}.sb-note-notice{font-weight:700;color:var(--text)}.sb-note-undo{border:0;padding:0;background:none;font:inherit;color:var(--text);text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer}.sb-note-undo:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sb-note-touch{display:none;font-size:14.5px}@media (max-width:480px){.sb-page-actions{gap:6px}.sb-page-actions .sb-clear{padding:2px 9px;font-size:14px}}.sb-clear{border:1px solid var(--ink-soft);border-radius:var(--hand-radius-sm);background:var(--cut);padding:2px 12px;font-family:var(--font-hand);font-weight:700;font-size:15px;color:var(--muted);cursor:pointer;rotate:.8deg;box-shadow:var(--paper-shadow);transition:color .16s ease,background-color .16s ease}.sb-clear:hover{color:var(--text);background:color-mix(in srgb,var(--text) 7%,var(--cut))}.sb-clear:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sb-delete.is-armed{color:#c8524a;border-color:color-mix(in srgb,#c8524a 45%,transparent)}.sb-pad{height:calc((100vh - 200px) * var(--pad-h));min-height:calc(460px * var(--pad-h));max-height:none;transition:height .34s cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion:reduce){.sb-pad{transition:none}}.sb-pad .pad-size{z-index:5}.sb-pad .pad-size button:not([aria-pressed=true]){color:var(--faint)}.sb-pad .pad-size button:not([aria-pressed=true]):hover{color:var(--text)}.sb-empty{position:absolute;inset:0;z-index:1;display:grid;place-items:center;margin:0;text-align:center;pointer-events:none;font-family:var(--font-hand);font-weight:700;font-size:clamp(24px,3vw,34px);line-height:1.3;color:var(--faint);rotate:-2deg}.sb-shelf{display:flex;flex-direction:column;gap:12px;height:calc(100vh - 174px);min-height:480px;min-width:0}.sb-shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px}.sb-shelf-head h2{margin:0;font-family:var(--font-hand);font-weight:700;font-size:27px;letter-spacing:0;rotate:-.6deg}.sb-shelf-count{color:var(--faint);font-size:11.5px;font-weight:600;letter-spacing:.07em;white-space:nowrap}.sb-search-bar{display:contents}.sb-to-top{display:none}.sb-search{width:100%;padding:9px 14px;border:1px solid var(--ink-soft);border-radius:var(--hand-radius-sm);background-color:var(--bg-elev);background-image:var(--paper-grain);background-blend-mode:multiply;color:var(--text);font:inherit;font-size:14px}.sb-search::placeholder{color:var(--faint)}.sb-search:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sb-chips{display:flex;flex-wrap:wrap;gap:6px}.sb-chips button{border:1px solid var(--ink-faint);border-radius:var(--hand-radius-sm);background:var(--cut);padding:3px 12px;font-family:var(--font-hand);font-weight:700;font-size:15px;color:var(--faint);cursor:pointer;transition:color .16s ease,background-color .16s ease}.sb-chips button:hover{color:var(--text)}.sb-chips .sb-new-sheet{margin-left:auto;border-color:transparent;border-bottom:1px dashed var(--ink-soft);border-radius:0;background:transparent;padding:3px 2px;color:var(--faint)}.sb-chips .sb-new-sheet:hover{border-bottom-color:var(--ink);color:var(--text)}.sb-chips button[aria-pressed=true]{background:color-mix(in srgb,var(--text) 9%,transparent);color:var(--text)}.sb-chips button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sb-sheets{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:4px 10px 40px 2px;scrollbar-width:thin;container-type:inline-size}.sb-sheets .pack-sheet{flex:0 0 auto;content-visibility:auto;--pack-cell-w:calc((min(100cqw, 420px) - 52px) / 4);contain-intrinsic-size:auto calc(63px + var(--rows, 3) * (var(--pack-cell-w) * 1.107 + 29px))}.sb-no-results{margin:18px 4px;font-family:var(--font-hand);font-weight:500;font-size:18px;color:var(--faint);rotate:-.8deg}.sb-carry{position:fixed;inset:0;z-index:3000;pointer-events:none}.sb-carry .pad-carry.is-removing .pad-sticker-body{opacity:.55}.pad-carry-note{position:absolute;bottom:100%;left:50%;translate:-50% -10px;rotate:calc(-1 * var(--tilt, 0deg));padding:3px 10px 4px;border-radius:var(--hand-radius-sm);background:var(--text);color:var(--bg-elev);font-family:var(--font-hand);font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap}.sb-sheetdock{display:none}@media (max-width:900px){.sb-sheetdock{position:fixed;inset:auto 0 0;z-index:40;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;padding:12px 14px calc(12px + env(safe-area-inset-bottom, 0px));background:color-mix(in srgb,var(--bg) 94%,transparent);border-top:1px dashed var(--ink-soft);animation:sb-dock-rise .18s ease}@keyframes sb-dock-rise{0%{translate:0 24px;opacity:0}}.sb-sheetdock-tile{display:flex;align-items:baseline;gap:8px;min-width:0;max-width:100%;padding:10px 14px;border:1px dashed color-mix(in srgb,var(--sheet-ink,#5b4450) 40%,transparent);border-radius:var(--hand-radius-sm);background-color:var(--sheet-bg,#fff0f6);background-image:var(--paper-grain);background-blend-mode:multiply;box-shadow:var(--paper-shadow-lift);transition:box-shadow .16s ease,scale .16s ease,border-color .16s ease}.sb-sheetdock-tile b{overflow:hidden;font-family:var(--font-hand);font-weight:700;font-size:17px;color:var(--sheet-ink,#5b4450);text-overflow:ellipsis;white-space:nowrap}.sb-sheetdock-tile span{font-size:8.5px;font-weight:600;letter-spacing:.1em;color:var(--sheet-faint,#8a6a78);white-space:nowrap}.sb-sheetdock-tile.is-dropping{border-color:var(--accent);scale:1.05;box-shadow:var(--paper-shadow-lift),0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.sb-sheetdock-tile.is-full{opacity:.55}}@media (prefers-reduced-motion:reduce){.sb-sheetdock{animation:none}}@media (max-width:900px){.sb-root{display:flex;flex-direction:column;align-items:stretch;gap:18px}.sb-nav{flex-direction:row;gap:16px;padding:14px 0 4px}.sb-pages{height:auto;min-height:0;gap:6px}.sb-pages-head h2{font-size:22px}.sb-pages-list{flex-direction:row;overflow-x:auto;overflow-y:visible;padding:4px 2px 6px}.sb-pages-list[data-more="1"]{mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}.sb-page-tab{flex:0 0 104px;width:104px}.sb-page-add{flex:0 0 auto;align-self:center;padding:8px 12px;white-space:nowrap}.sb-account{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:12px;padding:0 2px}.sb-pagecol{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--bg);margin-inline:-16px;padding:8px 16px 5px}.sb-pad{height:calc(clamp(260px, 38vh, 430px) * var(--pad-h));height:calc(clamp(260px, 38svh, 430px) * var(--pad-h));min-height:0;max-height:max(clamp(260px,38vh,430px),calc(100vh - 190px));max-height:max(clamp(260px,38svh,430px),calc(100svh - 190px))}.sb-note-mouse{display:none}.sb-note-touch{display:block;margin-top:0;font-size:14px;line-height:1.25}.sb-search-bar{display:flex;align-items:center;gap:8px;position:-webkit-sticky;position:sticky;top:var(--sb-stuck-h,calc(38svh + 74px));z-index:9;margin-inline:-16px;padding:5px 16px 10px;background:var(--bg)}.sb-search{font-size:16px}.sb-to-top{display:grid;place-items:center;flex:none;width:38px;align-self:stretch;border:1px solid var(--ink-soft);border-radius:var(--hand-radius-sm);background:var(--cut);color:var(--muted);font-family:var(--font-hand);font-weight:700;font-size:17px;line-height:1;cursor:pointer;rotate:.8deg;box-shadow:var(--paper-shadow);visibility:hidden;opacity:0;transition:opacity .16s ease,color .16s ease}.sb-root.is-stuck .sb-to-top{visibility:visible;opacity:1}.sb-to-top:active{color:var(--text)}.sb-to-top:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){.sb-to-top{transition:none}}.sb-chips,.sb-search{scroll-margin-top:calc(var(--sb-stuck-h, calc(38svh + 74px)) + 12px)}.sb-shelf{height:auto;min-height:0;gap:8px}.sb-sheets{overflow-y:visible;padding-right:2px}.sb-sheets .pack-sheet{max-width:420px;width:100%;margin-inline:auto}.sb-title{display:none}}.sbd-ink{width:100%;height:100%;z-index:1500;pointer-events:none;mix-blend-mode:multiply}.sbd-ink,.sbd-surface{position:absolute;inset:0}.sbd-surface{z-index:2150;touch-action:none}.sbd-tray{position:absolute;bottom:12px;left:50%;translate:-50% 0;rotate:-.6deg;z-index:2200;align-items:center;gap:7px 12px;padding:9px 14px;max-width:calc(100% - 20px);max-height:calc(100% - 24px);overflow-y:auto;border:1px solid var(--ink-soft);border-radius:var(--hand-radius);background:var(--cut);box-shadow:var(--paper-shadow-lift)}.sbd-caps,.sbd-tray{display:flex;justify-content:center;flex-wrap:wrap}.sbd-caps{align-items:flex-end;gap:5px}.sbd-cap{width:15px;height:24px;border:0;padding:0;border-radius:4px 4px 7px 7px;box-shadow:inset 0 -4px rgba(0,0,0,.18),inset 0 0 0 1px rgba(0,0,0,.12);cursor:pointer;translate:0 0;transition:translate .13s ease,box-shadow .13s ease}.sbd-cap[aria-pressed=true]{translate:0 -3px}.sbd-cap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sbd-meter{flex:1 0 100%;margin:0;text-align:center;font-family:var(--font-hand);font-size:14px;color:var(--faint)}.sbd-chips{display:flex;align-items:center;gap:3px}.sbd-chips button{border:0;margin:0;padding:3px 9px;background:transparent;border-radius:var(--hand-radius-sm);font-family:var(--font-hand);font-weight:700;font-size:15px;line-height:1.2;color:color-mix(in srgb,var(--text) 52%,transparent);cursor:pointer;transition:color .16s ease,background-color .16s ease}.sbd-chips button:hover:not(:disabled){color:var(--text)}.sbd-chips button[aria-pressed=true]{background:color-mix(in srgb,var(--text) 9%,transparent);color:var(--text)}.sbd-chips button:disabled{color:var(--faint);cursor:default}.sbd-chips button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sbd-dot{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px}.sbd-dot span{border-radius:99px;background:currentColor}.sbd-actions button{text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;text-decoration-thickness:1px;text-underline-offset:3px}.sbd-actions button:disabled{text-decoration:none}.sbd-done{color:var(--text)}.sb-traydock:empty{display:none}@media (max-width:900px){.sb-traydock .sbd-tray{position:static;translate:none;rotate:-.3deg;max-width:none;max-height:none;overflow:visible;gap:3px 10px;padding:5px 9px;box-shadow:var(--paper-shadow)}.sb-traydock .sbd-caps{order:1;gap:4px}.sb-traydock .sbd-sizes{order:2}.sb-traydock .sbd-tools{order:3}.sb-traydock .sbd-actions{order:4}.sb-traydock .sbd-meter{order:5}.sb-traydock .sbd-cap{width:13px;height:21px}.sb-traydock .sbd-chips{flex-wrap:wrap;justify-content:center}.sb-traydock .sbd-chips button{padding:2px 7px;font-size:14px}.sb-traydock .sbd-dot{width:21px;height:21px}.sb-traydock:not(:empty)~.sb-page-note:not(.sb-note-warn){display:none}}.sb-clear[aria-pressed=true]{background:color-mix(in srgb,var(--text) 9%,var(--cut));color:var(--text)}.swd-backdrop{position:fixed;inset:0;z-index:4000;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;background:color-mix(in srgb,#2f2519 40%,transparent)}.swd{display:flex;flex-direction:column;width:min(940px,100%);max-height:calc(100vh - 32px);min-height:0;border:1px solid var(--ink-soft);border-radius:var(--hand-radius);background-color:var(--bg-elev);background-image:var(--paper-grain);background-blend-mode:multiply;box-shadow:var(--paper-shadow-lift);rotate:-.35deg}.swd-tabbed{height:min(600px,calc(100vh - 32px))}.swd-head{display:flex;align-items:baseline;gap:12px;padding:14px 18px 10px}.swd-head b{font-family:var(--font-hand);font-weight:700;font-size:25px;letter-spacing:0;rotate:-.5deg;white-space:nowrap}.swd-sub{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:.07em;color:var(--faint)}.swd-stack{display:flex;gap:6px;flex:none}.swd-stack button{border:1px solid var(--ink-soft);border-radius:var(--hand-radius-sm);background:var(--cut);padding:3px 10px;font-family:var(--font-hand);font-weight:700;font-size:13px;white-space:nowrap;color:var(--muted);cursor:pointer;rotate:-.7deg;box-shadow:var(--paper-shadow);transition:color .16s ease,background-color .16s ease}.swd-stack button+button{rotate:.6deg}.swd-stack button:hover{color:var(--text);background:color-mix(in srgb,var(--text) 7%,var(--cut))}.swd-stack button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.swd-close{border:1px solid var(--ink-soft);border-radius:var(--hand-radius-sm);background:var(--cut);padding:3px 14px;font-family:var(--font-hand);font-weight:700;font-size:16px;color:var(--muted);cursor:pointer;rotate:.8deg;box-shadow:var(--paper-shadow);transition:color .16s ease,background-color .16s ease}.swd-close:hover{color:var(--text);background:color-mix(in srgb,var(--text) 7%,var(--cut))}.swd-close:focus-visible,.swd-reset:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.swd-body{display:grid;grid-template-columns:224px minmax(0,1fr);grid-gap:16px;gap:16px;padding:0 18px 16px;flex:1 1;min-height:0}.swd-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px 14px;border-radius:var(--hand-radius-b);background-color:var(--bg-card);background-image:var(--paper-grain);background-blend-mode:multiply;align-self:start}.swd-preview img{width:168px;height:auto;filter:drop-shadow(0 6px 10px color-mix(in srgb,var(--text) 24%,transparent))}.swd-preview-note{font-family:var(--font-hand);font-weight:500;font-size:16px;color:var(--faint);rotate:-1deg}.swd-reset{border:none;background:none;padding:2px 6px;font-family:var(--font-hand);font-weight:700;font-size:15px;color:var(--muted);cursor:pointer;text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;text-decoration-thickness:1px;text-underline-offset:4px}.swd-reset:disabled{color:var(--ink-faint);cursor:default;text-decoration:none}.swd-controls{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0}.swd-tabs{display:flex;flex-wrap:wrap;gap:5px}.swd-tabs button{position:relative;border:1px solid var(--ink-faint);border-radius:var(--hand-radius-sm);background:var(--cut);padding:2px 10px;font-family:var(--font-hand);font-weight:700;font-size:14px;color:color-mix(in srgb,var(--text) 55%,transparent);cursor:pointer;transition:color .16s ease,background-color .16s ease}.swd-tabs button:hover{color:var(--text)}.swd-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--text) 9%,transparent);color:var(--text)}.swd-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.swd-tabs button.is-worn:after{content:"";position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.swd-panel{flex:1 1;min-height:220px;overflow-y:auto;padding:2px 8px 8px 2px;scrollbar-width:thin;gap:14px}.swd-group,.swd-panel{display:flex;flex-direction:column}.swd-group{gap:7px}.swd-group-name{font-family:var(--font-hand);font-weight:700;font-size:15px;color:var(--faint);rotate:-.5deg}.swd-colorrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.swd-colorrow label{display:flex;align-items:center;gap:7px;min-width:86px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer}.swd-colorrow input[type=color]{width:30px;height:24px;padding:1px;border:1px solid var(--ink-soft);border-radius:7px;background:var(--cut);cursor:pointer}.swd-swatches{display:flex;gap:4px;flex-wrap:wrap}.swd-inks button,.swd-swatches button{width:19px;height:19px;border:1px solid color-mix(in srgb,var(--text) 25%,transparent);border-radius:50%;cursor:pointer;padding:0}.swd-inks button[aria-pressed=true],.swd-swatches button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.swd-inks button:focus-visible,.swd-swatches button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.swd-faces{display:flex;flex-wrap:wrap;gap:6px}.swd-faces button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 7px 3px;border:1px solid var(--ink-faint);border-radius:var(--hand-radius-sm);background:var(--cut);cursor:pointer}.swd-faces button[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-dim)}.swd-faces button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.swd-faces img{width:34px;height:34px}.swd-faces small,.swd-piece small{font-family:var(--font-hand);font-weight:700;font-size:12px;color:var(--muted);line-height:1.1;text-align:center}.swd-inks{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.swd-inks .swd-group-name{margin-right:4px}.swd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));grid-gap:8px;gap:8px}.swd-piece{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 5px;border:1px solid var(--ink-faint);border-radius:var(--hand-radius-sm);background:var(--cut);cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.swd-piece:hover{border-color:var(--ink-soft)}.swd-piece[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-dim)}.swd-piece:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.swd-piece img{width:100%;max-width:74px;height:auto}.swd-piece-none span{display:grid;place-items:center;width:100%;max-width:74px;aspect-ratio:150/166;font-family:var(--font-hand);font-weight:700;font-size:26px;color:var(--ink-soft)}@media (max-width:700px){.swd{max-height:calc(100dvh - 24px)}.swd-head{flex-wrap:wrap;row-gap:4px}.swd-stack{margin-left:auto}.swd-tabbed{height:min(600px,calc(100dvh - 24px))}.swd-body{grid-template-columns:1fr;overflow-y:auto}.swd-preview{flex-direction:row;justify-content:center;padding:10px}.swd-preview img{width:96px}.swd-panel{min-height:0;overflow-y:visible}.swd-inks button,.swd-swatches button{width:27px;height:27px}.swd-colorrow input[type=color]{width:38px;height:30px}}