.wb-tool,.wb-ideas,.wb-more{--wb-line:#3b3d3c;--wb-err:#ff9d8f;--wb-body:#a9abaa}.wb-top{padding-bottom:calc(64 * var(--hm-u))}.wb-title{max-width:calc(1100 * var(--hm-u));font-size:calc(130 * var(--hm-u))}.wb-lede{max-width:calc(760 * var(--hm-u));margin-top:calc(40 * var(--hm-u))}.wb-tool{padding:0 calc(34 * var(--hm-u))}.wb-stage{flex-direction:column;gap:12px;scroll-margin-top:96px;display:flex}.wb-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-size:15px;display:flex}.wb-colours,.wb-actions,.wb-confirm{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wb-bar-label{letter-spacing:.08em;text-transform:uppercase;color:var(--hm-quiet);font-size:12px;font-weight:600}.wb-seg{border:1px solid var(--wb-line);border-radius:999px;padding:3px;display:inline-flex}.wb-seg-btn{min-width:52px;min-height:34px;color:var(--hm-ground);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-weight:600}.wb-seg-btn[aria-pressed=true]{background:var(--hm-ground);color:var(--hm-ink)}.wb-swatches{gap:8px;margin:0;padding:0;list-style:none;display:flex}.wb-swatch{border:1px solid var(--hm-quiet);background:var(--wb-sw);cursor:pointer;border-radius:50%;width:36px;height:36px;padding:0;transition:scale .2s;display:block}@media (hover:hover){.wb-swatch:not(:disabled):hover{scale:1.1}}.wb-btn{border:1px solid var(--hm-ground);min-height:40px;color:var(--hm-ground);font:inherit;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}@media (hover:hover){.wb-btn:not(:disabled):hover{background:var(--hm-ground);color:var(--hm-ink)}}.wb-btn-solid{border-color:var(--hm-yellow);background:var(--hm-yellow);color:var(--hm-ink)}@media (hover:hover){.wb-btn-solid:not(:disabled):hover{border-color:var(--hm-ground)}}.wb-btn-danger{border-color:var(--wb-err);color:var(--wb-err)}@media (hover:hover){.wb-btn-danger:not(:disabled):hover{border-color:var(--wb-err);background:var(--wb-err);color:var(--hm-ink)}}.wb-btn:disabled,.wb-swatch:disabled{opacity:.5;cursor:progress}.wb-confirm-q{margin:0;font-weight:600}.wb-board{border:1px solid var(--wb-line);background:#121212;border-radius:16px;height:min(80vh,900px);min-height:480px;position:relative;overflow:hidden}.wb-stage[data-theme=light] .wb-board{background:#fff}.wb-loading{height:100%;color:var(--hm-quiet);justify-content:center;align-items:center;margin:0;font-size:16px;display:flex}.wb-stage[data-theme=light] .wb-loading{color:#595959}.wb-stage[data-expanded]{z-index:40;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));background:var(--hm-ink);position:fixed;inset:0}.wb-stage[data-expanded] .wb-board{flex:1;height:auto;min-height:0}.wb-under{grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;padding-top:14px;font-size:15px;line-height:1.45;display:grid}.wb-save{color:var(--wb-body);margin:0}.wb-status{min-height:1.45em;color:var(--hm-mint);grid-row:2;margin:0}.wb-credit{color:var(--wb-body);grid-area:1/2;margin:0}.hm .wb-inline-link{min-height:24px;color:var(--hm-ground);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;display:inline-block}.hm .wb-inline-link:hover{color:var(--hm-mint)}.wb-ideas{padding:calc(110 * var(--hm-u)) calc(34 * var(--hm-u)) calc(110 * var(--hm-u))}.wb-more{padding:0 calc(34 * var(--hm-u)) calc(120 * var(--hm-u))}.wb-idea-list,.wb-notes{gap:calc(40 * var(--hm-u));grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.wb-idea,.wb-notes li{padding-top:calc(28 * var(--hm-u));border-top:1px solid var(--hm-rule);flex-direction:column;align-items:flex-start;display:flex}.wb-idea-title,.wb-note-title{margin:calc(14 * var(--hm-u)) 0 0;font-size:max(26px, calc(40 * var(--hm-u)));letter-spacing:-.04em;padding-bottom:.06em;font-weight:600;line-height:1}.wb-idea p,.wb-notes p,.wb-a11y p{margin:calc(14 * var(--hm-u)) 0 0;font-size:max(16px, calc(20 * var(--hm-u)));color:var(--wb-body);line-height:1.45}.wb-idea>.wb-btn{margin-top:auto}.wb-idea p{margin-bottom:22px}.wb-idea-confirm{flex-direction:column;align-items:flex-start;margin-top:auto}.wb-idea-confirm .wb-confirm-q{color:var(--hm-ground);font-size:15px}.wb-confirm-row{flex-wrap:wrap;gap:10px;display:flex}.wb-a11y{max-width:calc(900 * var(--hm-u));margin-top:calc(72 * var(--hm-u));padding-top:calc(28 * var(--hm-u));border-top:1px solid var(--hm-rule)}.wb-back{padding:calc(40 * var(--hm-u)) calc(34 * var(--hm-u)) calc(120 * var(--hm-u));margin:0}@media (prefers-reduced-motion:reduce){.wb-swatch{transition:none}}@media (max-width:819px){.wb-top{padding-bottom:32px}.wb-title{font-size:clamp(56px,17vw,120px)}.wb-tool{padding:0 12px}.wb-stage{gap:10px;scroll-margin-top:8px}.wb-bar{gap:10px;font-size:14px}.wb-colours,.wb-actions{gap:6px}.wb-bar-label,.wb-btn-keys{display:none}.wb-seg-btn{min-width:44px;min-height:30px;padding:0 10px}.wb-swatch{width:32px;height:32px}.wb-btn{min-height:36px;padding:0 13px;font-size:14px}.wb-board{border-radius:12px;height:calc(100svh - 88px);min-height:420px}.wb-under{grid-template-columns:minmax(0,1fr);padding-inline:8px}.wb-status,.wb-credit{grid-area:auto}.wb-ideas{padding:64px 20px}.wb-more{padding:0 20px 64px}.wb-idea-list,.wb-notes{grid-template-columns:minmax(0,1fr);gap:28px}.wb-idea,.wb-notes li{padding-top:20px}.wb-a11y{margin-top:40px;padding-top:20px}.wb-back{padding:24px 20px 72px}}