:root{--paper:var(--ds-color-background,#efeae1);--ink:var(--ds-color-foreground,#1b1916);--ink-soft:var(--ds-color-muted,#5e584f);--line:var(--ds-color-border,#ddd4c8);--oxide:var(--ds-color-accent,#9a3412);--on-accent:var(--ds-color-accent-foreground,#fff);--oxide-soft:var(--ds-color-accent-soft,#f4e3d6);--card:var(--ds-color-surface,#fbf8f3);--good:var(--ds-color-success,#2c6b45);--good-soft:var(--ds-color-success-soft,#e3f0e4);--bad:var(--ds-color-danger,#9c3b32);--bad-soft:var(--ds-color-danger-soft,#f8e4e1);--well:color-mix(in srgb, var(--ink) 7%, var(--paper));--tint:color-mix(in srgb, var(--card) 50%, var(--paper));--line-soft:color-mix(in srgb, var(--line) 55%, var(--card));--line-strong:color-mix(in srgb, var(--ink) 24%, var(--paper));--ink-faint:color-mix(in srgb, var(--ink) 50%, var(--paper));--shadow:0 18px 40px #30221414;--font-display:var(--ds-font-display-family,"Fraunces"), Georgia, serif;--font-ui:var(--ds-font-body-family,"Outfit"), "Avenir Next", system-ui, sans-serif;--pill:var(--ds-button-radius,999px);--page-max:1200px;--page-gutter:clamp(16px, 4vw, 40px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,p{margin:0}button,input{font:inherit}a{color:inherit}::selection{background:var(--oxide-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--oxide);outline-offset:3px}.topbar{padding:14px max(var(--page-gutter), calc((100% - var(--page-max)) / 2 + var(--page-gutter)));z-index:5;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand{color:var(--ink);font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.35rem;font-weight:560;line-height:1;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:33px;height:24px}.topnav{gap:18px;display:flex}.topnav a{color:var(--ink-soft);text-decoration:none}.topnav a.active{color:var(--ink)}.step-shell{grid-template-columns:232px minmax(0,1fr);align-items:start;display:grid}.step-main{min-width:0}.step-rail{border-right:1px solid var(--line);background:var(--paper);align-self:start;max-height:calc(100vh - 58px);padding:18px 14px 28px 18px;position:sticky;top:58px;overflow:auto}.step-rail-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--oxide);margin:0 10px 10px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.step-rail ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.step-rail button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:1.25rem minmax(0,1fr);gap:1px 8px;margin:0;padding:8px 10px;display:grid}.step-rail button[aria-current=step]{background:var(--card);box-shadow:inset 3px 0 0 var(--oxide)}.step-rail button:disabled{color:var(--ink-soft);cursor:default}.step-rail-mark{color:var(--oxide);grid-area:1/1;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.step-rail button:disabled .step-rail-mark{color:var(--ink-soft)}.step-rail-name{grid-area:1/2}.step-rail-choice{color:var(--ink-soft);grid-area:2/2;font-size:.82rem;line-height:1.35}.step-rail{flex-direction:column;gap:18px;min-height:calc(100vh - 58px);display:flex}.step-rail button{grid-template-columns:22px minmax(0,1fr);column-gap:10px}.step-rail button[aria-current=step]{box-shadow:inset 0 0 0 1px var(--line)}.step-rail-mark{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:inline-flex}.step-rail-mark.is-done{border-color:var(--oxide);background:var(--oxide);color:var(--on-accent)}.step-rail button[aria-current=step] .step-rail-mark{border-color:var(--ink);color:var(--ink)}.step-rail-choice{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.step-rail-progress{border-top:1px solid var(--line);color:var(--ink-soft);flex-direction:column;gap:8px;margin-top:auto;padding:14px 10px 0;font-size:.85rem;display:flex}.step-rail-progress .progress{border-radius:4px;height:4px;display:block;overflow:hidden}.hero{grid-template-columns:minmax(260px,460px) minmax(0,1fr);align-items:center;gap:48px;padding:36px 40px 56px;display:grid}.eyebrow,.step{letter-spacing:.08em;text-transform:uppercase;color:var(--oxide);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.step{color:var(--ink-soft);margin-bottom:6px}.hero h1,.home h1,.compare h1,.studio h1{font-family:var(--font-display);letter-spacing:-.04em;font-weight:560;line-height:.96}.hero h1,.home h1{margin:12px 0 16px;font-size:clamp(3rem,5.4vw,5rem)}.topbar-lead{flex:auto;align-items:baseline;gap:14px;min-width:0;display:flex}.current-project{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.home{width:100%;max-width:var(--page-max);padding:36px var(--page-gutter) 56px;flex-direction:column;gap:28px;margin:0 auto;display:flex}.project-create,.project-rename{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.project-create{margin-top:22px}.project-name{flex-direction:column;flex:220px;gap:6px;max-width:22rem;display:flex}.project-name span{color:var(--ink-soft);font-size:.92rem}.project-name input,.project-rename input{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:.7rem .9rem}.project-name input,.project-rename{width:100%}.project-rename input{flex:160px;min-width:0}.home-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.home .home-head h1{margin:0 0 6px;font-size:clamp(2.5rem,4.6vw,3.5rem)}.home-count{color:var(--ink-soft);font-size:.95rem}.home-filters{background:var(--well);border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.home-filters button{min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 14px;font-size:.9rem;font-weight:500}.home-filters button[aria-pressed=true]{background:var(--card);box-shadow:0 1px 2px #3022141f}.home-filters button span{color:var(--ink-soft);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));align-items:stretch;gap:18px;margin:0;padding:0;list-style:none;display:grid}.project-new-slot{min-width:0;display:flex}.project-new{border:1.5px dashed var(--line-strong);min-height:320px;color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;background:0 0;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:1.25rem;font-weight:560;text-decoration:none;display:flex}.project-new:hover,.project-new:focus-visible{border-color:var(--ink);background:var(--card)}.project-new-mark{border:1px solid var(--line);background:var(--card);border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.project-tile{border:1px solid var(--line);background:var(--card);border-radius:16px;flex-direction:column;min-width:0;display:flex;position:relative}.project-tile.is-current{border-color:var(--oxide)}.project-frame{margin:8px 8px 0;position:relative}.project-blank{aspect-ratio:4/3;border:1.5px dashed var(--line-strong);color:var(--ink-soft);border-radius:10px;place-items:center;font-size:.92rem;display:grid}.project-open{cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0;position:absolute;inset:0}.project-open:hover,.project-open:focus-visible{outline:2px solid var(--oxide);outline-offset:0}.project-body{flex-direction:column;gap:10px;padding:14px 14px 16px;display:flex}.project-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:relative}.project-head h2{min-width:0;font-family:var(--font-display);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:1.4rem;font-weight:560;line-height:1.15;overflow:hidden}.project-more{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;margin:-8px -8px 0 0;display:grid}.project-more:hover,.project-more[aria-expanded=true]{background:var(--well)}.project-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;display:flex}.project-status{border-radius:999px;padding:3px 9px;font-weight:600}.project-status.is-new{background:var(--well);color:var(--ink-soft)}.project-status.is-progress{background:var(--oxide-soft);color:var(--oxide)}.project-status.is-ready{background:var(--oxide);color:var(--on-accent)}.project-progress{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;display:grid}.project-progress span{background:var(--well);border-radius:2px;height:4px}.project-progress span.is-done{background:var(--oxide)}.project-confirm{background:var(--bad-soft);color:var(--bad);border-radius:10px;flex-direction:column;gap:10px;padding:12px;font-size:.92rem;display:flex}.project-confirm div{flex-wrap:wrap;gap:8px;display:flex}.btn-danger{border-color:var(--bad);background:var(--bad);color:#fff}.project-menu{z-index:3;border:1px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:-8px;box-shadow:0 18px 40px #3022142e}.project-menu button{min-height:44px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px}.project-menu button:hover:not(:disabled),.project-menu button:focus-visible{background:var(--paper)}.project-menu button:disabled{color:var(--ink-soft);cursor:default}.project-menu .is-danger{border-top:1px solid var(--line);color:var(--bad);border-radius:0 0 8px 8px;margin-top:4px}.lede,.hint,.fine,.banner{color:var(--ink-soft)}.lede{max-width:38rem;font-size:1.05rem}.system-name{font-family:var(--font-display);letter-spacing:-.03em;margin-top:16px;font-size:1.35rem;line-height:1.25}.btn-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.fine{margin-top:14px;font-size:.92rem}.btn{border-radius:var(--pill);border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;justify-content:center;align-items:center;padding:.7rem 1.15rem;text-decoration:none;display:inline-flex}.btn-quiet{color:var(--ink);background:0 0}.compare{flex-direction:column;gap:16px;min-height:calc(100vh - 58px);padding:20px 28px 28px;display:flex}.compare h1{font-size:clamp(2rem,4vw,3.3rem)}.hint{margin-top:8px}.progress{background:var(--line);height:2px}.progress span{background:var(--oxide);height:100%;display:block}.pair{outline:none;grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid}.choice{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:10px;padding:0;display:flex}.choice-frame{border:1px solid var(--line);height:min(560px,100vh - 280px);min-height:300px;box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.choice:hover .choice-frame,.choice:focus-visible .choice-frame,.choice.is-selected .choice-frame{box-shadow:0 0 0 2px var(--oxide), var(--shadow)}.choice:focus-visible{outline:none}.choice.is-dim{opacity:.5}.choice-frame{cursor:pointer}button.choice-meta{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:10px;margin:0;padding:0 4px;display:flex}.choice-meta{align-items:baseline;gap:10px;padding:0 4px;display:flex}.choice-key{color:var(--oxide);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.choice-meta strong{font-weight:600;display:block}.choice-meta em{color:var(--ink-soft);font-size:.92rem;font-style:normal;display:block}.pair{gap:28px}.choice{background:var(--card);border:1px solid var(--line);border-radius:24px;gap:0;transition:transform .16s;overflow:hidden;box-shadow:0 22px 48px #3022141f}.choice:hover{transform:translateY(-3px)}.choice .choice-frame,.choice:hover .choice-frame{border:0;border-bottom:1px solid var(--line);box-shadow:none;border-radius:0}.choice.is-current{border-color:var(--oxide);outline:3px solid var(--oxide);outline-offset:4px}button.choice-meta{align-items:center;gap:16px;padding:18px 22px 20px}button.choice-meta:focus-visible{outline:2px solid var(--oxide);outline-offset:-4px}.choice-key{background:var(--ink);width:44px;height:44px;color:var(--card);font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.3rem;display:inline-flex}.choice-text{flex-direction:column;flex:1;min-width:0;display:flex}.choice-meta strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.5rem;font-weight:560;line-height:1.15}.choice-badge{border:1px solid var(--oxide);color:var(--oxide);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex:none;padding:4px 10px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.choice-badge.is-mine{background:color-mix(in srgb, var(--oxide) 12%, transparent);border-color:#0000}.choice-meta-row{align-items:center;min-width:0;display:flex}.choice-meta-row>button.choice-meta{flex:1;min-width:0}.choice-edit{border:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:.92rem;font-weight:500;display:inline-flex}.choice-edit:hover{border-color:var(--oxide);color:var(--oxide)}.choice-edit:focus-visible{outline:2px solid var(--oxide);outline-offset:2px}.page-switcher{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.92rem;display:flex}.page-switcher .studio-switch{background:var(--well);border-radius:999px;flex-wrap:wrap;gap:2px;padding:4px}.compare-foot{color:var(--ink-soft);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;font-size:.92rem;display:flex}.compare-foot-end{flex-wrap:wrap;align-items:center;gap:16px;display:inline-flex}.topnav{align-items:center}.topnav-saved{color:var(--ink-soft);font-size:.9rem}.linkish{color:var(--ink);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.linkish:disabled{color:var(--ink-soft);cursor:default;text-decoration:none}.studio{flex-direction:column;gap:16px;padding:22px 28px 48px;display:flex}.studio-top{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.studio h1{font-size:clamp(2rem,4vw,3rem)}.studio-switch,.screen-list{gap:6px;display:flex}.studio-switch button,.screen-list button{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.45rem .9rem}.studio-switch button.is-on,.screen-list button.is-on{background:var(--ink);color:var(--paper)}.banner a{color:var(--ink)}.studio-layout,.gallery{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:18px;display:grid}.aside-card{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;position:sticky;top:78px}.decisions{gap:8px;margin:0;padding:0;list-style:none;display:grid}.decisions li{justify-content:space-between;gap:12px;font-size:.92rem;display:flex}.decisions span{color:var(--ink-soft)}.aside-card .btn{width:100%}.screen-list{flex-direction:column;gap:4px}.screen-list button{text-align:left;border-radius:10px;padding:8px 10px;display:grid}.screen-list button span{color:var(--ink-soft);font-size:.82rem}.screen-list button.is-on span{color:inherit;opacity:.75}.screen-frame,.specimen-frame{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;min-width:0;overflow:hidden}.screen-frame{background:var(--card);flex-direction:column;min-height:72vh;display:flex}.screen-top{color:var(--ink-soft);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;display:flex}.frame-dots{gap:4px;display:flex}.frame-dots i{background:var(--line-strong);border-radius:99px;width:8px;height:8px;display:block}.screen-page{flex-direction:column;flex:1;min-height:0;display:flex}.screen-scroll{flex-direction:column;flex:1;display:flex}.screen-scroll>*{flex-shrink:0}.screen-scroll>:only-child{flex-grow:1}.screen-frame .screen-scroll{min-height:64vh;max-height:calc(72vh - 36px);overflow:auto}.choice-frame{overflow:auto}.choice-frame .ds{min-height:100%}.choice-frame .screen-scroll{min-height:0;max-height:none;overflow:visible}.screen-scroll.is-inert{pointer-events:none}.btn:disabled{opacity:.45;cursor:default}.page-picks,.role-grid{gap:10px;display:grid}.role-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.page-picks{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.page-pick{text-align:left;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex;position:relative}.page-shot{aspect-ratio:16/10;border:1px solid var(--line);pointer-events:none;background:#fff;border-radius:8px;display:block;position:relative;overflow:hidden;container-type:inline-size}.page-shot-stage{transform-origin:0 0;width:1280px;height:800px;transform:scale(calc(100cqw / 1280px));position:absolute;top:0;left:0;overflow:hidden}.page-shot .screen-page,.page-shot .ds{width:1280px;height:800px;min-height:0;overflow:hidden}.page-shot .screen-scroll{height:800px;min-height:0;max-height:800px;overflow:hidden}.page-shot.project-shot{aspect-ratio:4/3;border-radius:10px;width:100%}.page-shot.project-shot .page-shot-stage{transform:scale(calc(100cqw / 800px))}.page-pick>button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:2px;padding:2px 6px 6px;display:flex;position:static}.page-pick>button:after{content:"";border-radius:inherit;position:absolute;inset:0}.page-pick>button:focus-visible{outline:none}.page-pick:has(>button:focus-visible){outline:2px solid var(--oxide);outline-offset:3px}.page-pick>button span,.role-field span,.edit-field span{color:var(--ink-soft);font-size:.92rem}.page-pick.is-on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.role-field,.edit-field,.face-edit{flex-direction:column;gap:6px;display:flex}.role-controls{align-items:center;gap:8px;display:flex}.role-field input[type=text],.edit-field input[type=text],.edit-field select,.role-field input[type=color]{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:8px 10px}.role-field input[type=text],.edit-field input,.edit-field select{width:100%}.own-column{flex-direction:column;gap:16px;display:flex}.palette-status{color:var(--ink-soft);font-size:.85rem}.face-edit{border:0;margin:0;padding:0}.face-edit legend{margin-bottom:6px;font-weight:600}.aside-card h2{font-size:1rem;font-weight:600}.landing{--night:var(--ds-color-foreground);--night-line:color-mix(in srgb, var(--ds-color-background) 22%, var(--ds-color-foreground));--night-soft:color-mix(in srgb, var(--ds-color-background) 72%, var(--ds-color-foreground));--night-dim:color-mix(in srgb, var(--ds-color-background) 50%, var(--ds-color-foreground));--ember:color-mix(in srgb, var(--ds-color-accent) 62%, var(--ds-color-background));--label:var(--ds-font-label-family), ui-monospace, monospace;--radius:var(--ds-card-radius);--radius-big:calc(var(--ds-card-radius) * 2);--rhythm:var(--ds-page-padding);font-size:calc(var(--ds-font-body-size) * 1.06);font-weight:var(--ds-font-body-weight);background:var(--paper);flex-direction:column;line-height:1.55;display:flex}.landing-wrap{width:100%;max-width:var(--page-max);padding-left:var(--page-gutter);padding-right:var(--page-gutter);margin:0 auto}.landing h1,.landing h2,.landing h3{font-family:var(--font-display);font-weight:var(--ds-font-display-weight)}.landing h1{letter-spacing:-.035em;font-size:clamp(2.9rem,6.2vw,5.5rem);line-height:.98}.landing h1 em{color:var(--oxide);font-style:normal}.landing h2{letter-spacing:-.03em;max-width:18ch;font-size:clamp(2.4rem,4.8vw,4rem);line-height:1.02}.landing h3{letter-spacing:-.025em;font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.05}.landing .eyebrow{font-family:var(--label);font-size:13px}.landing-lede{color:var(--ink-soft);max-width:40rem;font-size:clamp(1.1rem,1.6vw,1.3rem)}.landing .btn{border-radius:var(--pill);gap:10px;min-height:52px;padding:0 1.6rem;font-weight:500}.btn-accent{background:var(--ds-button-fill);color:var(--ds-button-fill-foreground);border-width:var(--ds-button-border-width);border-color:var(--ds-button-border-color)}.btn-big{min-height:56px;font-size:1.12rem}.landing .fine{font-size:.88rem}.landing-hero{flex-wrap:wrap;align-items:center;gap:56px;padding-top:clamp(48px,8vw,104px);padding-bottom:clamp(56px,8vw,112px);display:flex}.landing-copy{flex-direction:column;flex:380px;gap:24px;min-width:0;display:flex}.landing-copy .btn-row,.landing-copy .fine{margin-top:0}.landing-stage{background:var(--card);border:var(--ds-card-border-width) solid var(--line);border-radius:var(--radius-big);min-width:0;box-shadow:var(--ds-shadow);flex-direction:column;flex:1.25 480px;gap:16px;margin:0;padding:clamp(14px,2vw,22px);display:flex}.landing-stage>figcaption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.landing-prompt{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.5rem}.landing-aside{font-family:var(--label);color:var(--ink-soft);font-size:12px}.landing-pair{flex-wrap:wrap;flex:999 560px;gap:20px;min-width:0;display:flex}.landing-stage .landing-pair{flex:none;gap:14px}.landing-choice{opacity:.6;flex-direction:column;flex:240px;gap:12px;min-width:0;margin:0;display:flex}.landing-choice.is-kept{opacity:1}.landing-thumb{border:2px solid var(--line);border-radius:calc(var(--radius) + 2px)}.landing-choice.is-kept .landing-thumb{border-color:var(--oxide);box-shadow:0 0 0 4px color-mix(in srgb, var(--oxide) 18%, transparent)}.landing-choice.is-pickable{cursor:pointer;transition:opacity .15s;animation:.45s cubic-bezier(.4,0,.2,1) backwards landing-take-in;position:relative}.landing-choice-button{color:inherit;font:inherit;text-align:left;cursor:inherit;background:0 0;border:0;padding:0}.landing-choice-button:after{content:"";position:absolute;inset:0}@keyframes landing-take-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.landing-choice.is-pickable:hover{opacity:.85}.landing-choice.is-pickable.is-kept{opacity:1;cursor:default}.landing-choice-button:focus-visible{outline:none}.landing-choice.is-pickable:has(.landing-choice-button:focus-visible) .landing-thumb{outline:2px solid var(--oxide);outline-offset:3px}.landing-choice figcaption,.landing-choice-caption{align-items:center;gap:12px;display:flex}.landing-key{border:1px solid var(--ink);border-radius:var(--pill);width:30px;height:30px;font-family:var(--label);flex:none;place-items:center;font-size:13px;display:inline-grid}.landing-choice.is-kept .landing-key{background:var(--oxide);border-color:var(--oxide);color:var(--on-accent)}.landing-choice-name{flex-direction:column;line-height:1.3;display:flex}.landing-choice-name strong{font-weight:600}.landing-choice-name span{color:var(--ink-soft);font-size:.88rem}.landing-band{background:var(--night);color:var(--paper)}.landing-promise{flex-wrap:wrap;gap:24px 48px;padding-top:40px;padding-bottom:40px;display:flex}.landing-promise div{flex-direction:column;flex:220px;gap:4px;display:flex}.landing-promise strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.75rem;font-weight:500}.landing-promise span{color:var(--night-soft);font-size:.92rem}.landing-how{padding-top:clamp(40px,5vw,72px)}.landing-how-inner{--how-h:clamp(480px, (100svh - 58px) * .88, 880px);width:88%;height:var(--how-h);scroll-margin-top:max(58px, 58px + (100svh - 58px - var(--how-h)) / 2);flex-direction:column;margin-inline:auto;display:flex}.landing-intro{flex-direction:column;gap:12px;display:flex}.landing .landing-intro h2{max-width:none;font-size:clamp(1.9rem,3vw,2.75rem)}.landing-film-wrap{flex-direction:column;flex:1;min-height:0;display:flex}@media (width<=860px){.landing-how-inner{width:100%;height:auto;scroll-margin-top:74px}.landing-film-wrap .landing-film{flex:none;height:600px}}.landing-film{--film-ease:cubic-bezier(.2, .8, .2, 1);--film-pop:cubic-bezier(.3, 1.5, .5, 1);--film-pad:clamp(20px, 5vw, 64px);border-radius:var(--radius-big);background:var(--night);min-height:0;color:var(--paper);flex:1;margin-top:24px;position:relative;overflow:hidden;container-type:size}.landing-film.is-paused *{animation-play-state:paused!important}.landing-film .film-corner{top:28px;right:var(--film-pad);font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--night-dim);margin:0;font-size:12px;position:absolute}.film-scene{padding:clamp(28px, 9cqh, 64px) var(--film-pad) 96px;flex-direction:column;display:flex;position:absolute;inset:0}.landing-film h3,.landing-film p{margin:0}.film-rise{animation:film-rise .6s var(--film-ease) both;display:block}.film-d1{animation-delay:80ms}.film-d2{animation-delay:.18s}.film-d5{animation-delay:.75s}.film-eyebrow{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--ember);font-size:13px}.landing-film .film-question{margin-top:10px;font-size:clamp(1.75rem,min(4.2vw,7cqh),3.25rem);line-height:1.02}.landing-film .film-big{letter-spacing:-.04em;font-size:clamp(3.5rem,9vw,7rem);line-height:.95}.film-sub{color:var(--night-soft);font-size:clamp(1.05rem,2vw,1.5rem)}.film-intro{justify-content:center;gap:28px}.film-keys{gap:14px;display:flex}.film-keys span{border:2px solid var(--paper);border-radius:var(--pill);width:60px;height:60px;font-family:var(--label);animation:film-pop .45s var(--film-pop) .9s both;place-items:center;font-size:22px;display:grid}.film-keys span:nth-child(2){animation:film-pop .45s var(--film-pop) 1s both, film-key-fill .3s ease 1.6s forwards}.film-tiles{grid-template-columns:repeat(auto-fill,minmax(min(180px,40%),1fr));gap:14px;margin:clamp(24px,5vw,56px) 0 0;padding:0;list-style:none;display:grid}.film-tiles li{border:1.5px solid var(--night-line);border-radius:calc(var(--radius) + 4px);min-height:64px;animation:film-rise .5s var(--film-ease) calc(.25s + var(--i) * 50ms) both;align-items:center;gap:12px;padding:0 18px;font-weight:500;display:flex}.film-tiles li.is-on{animation:film-rise .5s var(--film-ease) calc(.25s + var(--i) * 50ms) both, film-tile-on .3s ease calc(.9s + var(--n) * .22s) forwards}.film-box{border:1.5px solid var(--night-dim);border-radius:min(var(--pill), 6px);width:22px;height:22px;color:var(--night);flex:none;place-items:center;display:grid}.film-box svg{opacity:0;width:14px;height:14px}.film-tiles li.is-on .film-box{animation:film-key-fill .3s ease calc(.9s + var(--n) * .22s) forwards}.film-tiles li.is-on .film-box svg{animation:film-tick .3s var(--film-pop) calc(.95s + var(--n) * .22s) forwards}.film-pair{flex:1;justify-content:center;align-items:center;gap:clamp(14px,4vw,56px);min-height:0;margin-top:20px;display:flex;container-type:size}.film-choice{flex-direction:column;flex:0 min(520px,160cqh - 67.2px);gap:12px;min-width:0;margin:0;display:flex}.film-choice.is-left{animation:film-in-left .55s var(--film-ease) .1s both}.film-choice.is-right{animation:film-in-right .55s var(--film-ease) .2s both}.film-frame{border-radius:calc(var(--radius) + 2px);position:relative}.film-frame .landing-thumb{border-color:#0000}.film-choice.is-kept .film-frame{animation:film-keep .45s var(--film-pop) 1.1s forwards}.film-choice.is-passed .film-frame,.film-choice.is-passed figcaption{animation:.4s 1.15s forwards film-dim}.film-choice figcaption{align-items:center;gap:10px;min-width:0;font-weight:500;display:flex}.film-key{border:1.5px solid var(--paper);border-radius:var(--pill);width:30px;height:30px;font-family:var(--label);flex:none;place-items:center;font-size:13px;display:grid}.film-choice.is-kept .film-key{animation:.3s 1.15s forwards film-key-fill}.film-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.film-chip{border-radius:var(--pill);background:var(--ember);color:var(--night);animation:film-pop .35s var(--film-pop) 1.2s both;flex:none;margin-left:auto;padding:4px 12px;font-size:.8rem;font-weight:600}.film-cursor{z-index:2;filter:drop-shadow(0 3px 6px #00000059);animation:.8s cubic-bezier(.3,.7,.2,1) .3s both film-cursor-in,.25s 1.1s film-click;position:absolute;top:46%;left:52%}.is-left .film-cursor{--cursor-from:180px}.is-right .film-cursor{--cursor-from:-180px}.film-cursor:after{content:"";border:2px solid var(--ember);opacity:0;border-radius:50%;width:36px;height:36px;animation:.6s ease-out 1.1s both film-ripple;position:absolute;top:-14px;left:-14px}.film-finale{flex-flow:wrap;align-content:center;align-items:center;gap:24px clamp(24px,5vw,72px)}.film-finale-copy{flex-direction:column;flex:320px;gap:22px;display:flex}.film-recipe{flex-wrap:wrap;gap:8px;display:flex}.film-tag{border:1.5px solid var(--night-line);border-radius:var(--pill);animation:film-pop .4s var(--film-pop) calc(.6s + var(--i) * .12s) both;padding:6px 14px;font-size:.92rem;font-weight:500}.film-tag.is-total{border-color:var(--ember);background:var(--ember);color:var(--night);font-weight:600}.film-land{min-width:0;animation:film-land .9s var(--film-ease) .15s both;flex:0 min(500px,160cqh - 320px)}.film-land .landing-thumb{border-color:#0000;box-shadow:0 40px 80px -30px #000000b3}.film-bar{left:var(--film-pad);right:var(--film-pad);align-items:center;gap:16px;display:flex;position:absolute;bottom:20px}.film-segs{flex:1;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.film-segs li{flex:1 1 0;min-width:0}.film-segs button{width:100%;min-height:44px;color:var(--night-dim);font-family:var(--label);letter-spacing:.04em;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:8px;padding:0;font-size:11px;display:flex}.film-segs button.is-current,.film-segs button:hover{color:var(--paper)}.film-segs button:focus-visible,.film-play:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.film-track{background:var(--night-line);border-radius:2px;height:3px;display:block;position:relative;overflow:hidden}.film-track i{background:var(--paper);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.film-segs .is-done .film-track i{transform:none}.film-segs .is-current .film-track i{animation:film-fill var(--d) linear both}.film-seg-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.film-play{border:1.5px solid var(--paper);border-radius:var(--pill);min-height:44px;color:var(--paper);font:inherit;cursor:pointer;background:0 0;flex:none;align-items:center;gap:8px;padding:0 18px;font-size:.92rem;font-weight:600;display:inline-flex}.film-play:hover{background:var(--paper);color:var(--night)}@keyframes film-rise{0%{opacity:0;filter:blur(8px);transform:translateY(28px)}}@keyframes film-pop{0%{opacity:0;transform:scale(.6)}}@keyframes film-in-left{0%{opacity:0;transform:translate(-90px)rotate(-2deg)}}@keyframes film-in-right{0%{opacity:0;transform:translate(90px)rotate(2deg)}}@keyframes film-keep{to{box-shadow:0 0 0 3px var(--paper), 0 30px 60px -20px #0009;transform:scale(1.04)}}@keyframes film-dim{to{opacity:.25;transform:scale(.95)}}@keyframes film-key-fill{to{background:var(--ember);border-color:var(--ember);color:var(--night)}}@keyframes film-tile-on{to{border-color:var(--ember)}}@keyframes film-tick{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes film-cursor-in{0%{opacity:0;transform:translate(var(--cursor-from), 220px)}to{opacity:1;transform:none}}@keyframes film-click{50%{transform:scale(.8)}}@keyframes film-ripple{0%{opacity:0;transform:scale(.2)}10%{opacity:1}to{opacity:0;transform:scale(1.9)}}@keyframes film-land{0%{opacity:0;transform:translateY(60px)scale(.85)rotate(-3deg)}to{opacity:1;transform:scale(1.06)}}@keyframes film-fill{to{transform:scaleX(1)}}@media (width<=760px){.film-seg-label{display:none}.film-segs{gap:4px}.film-choice figcaption{font-size:.85rem}.film-chip,.film-cursor{display:none}}.landing-keep{flex-wrap:wrap;gap:48px;padding-top:clamp(72px,10vw,128px);padding-bottom:clamp(72px,10vw,128px);scroll-margin-top:58px;display:flex}.landing-keep-copy{flex-direction:column;flex:420px;gap:28px;min-width:0;display:flex}.landing-keep h2{font-size:clamp(2.2rem,4.4vw,3.5rem);line-height:1.04}.landing-perks{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.landing-perks li{gap:16px;display:flex}.landing-perks .landing-choice-name span{font-size:1rem}.landing-perk-icon{border-radius:var(--radius);background:var(--oxide-soft);width:40px;height:40px;color:var(--oxide);flex:none;place-items:center;display:grid}.landing-code{border-radius:var(--radius-big);background:var(--night);min-width:0;color:var(--paper);box-shadow:var(--ds-shadow);flex:420px;align-self:center;margin:0;overflow:hidden}.landing-code figcaption{border-bottom:1px solid var(--night-line);font-family:var(--label);color:var(--night-soft);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:13px;display:flex}.landing-code-tabs{gap:8px;display:inline-flex}.landing-code-tabs span{border:1px solid var(--night-line);border-radius:var(--pill);padding:2px 10px}.landing-code-tabs .is-on{background:var(--night-line);color:var(--paper)}.landing-code pre{font-family:var(--label);margin:0;padding:24px 20px;font-size:14px;line-height:1.8;overflow-x:auto}.landing-code-key{color:var(--ember)}.landing-code-dim{color:var(--night-dim)}.landing-agents-band{border-top:1px solid var(--line)}.landing-agents{flex-wrap:wrap-reverse;gap:48px;padding-top:clamp(72px,10vw,128px);padding-bottom:clamp(72px,10vw,128px);display:flex}.landing-agents h2{font-size:clamp(2.2rem,4.4vw,3.5rem);line-height:1.04}.landing-tree ul{font-family:var(--label);margin:0;padding:16px 20px;font-size:14px;list-style:none}.landing-tree li{border-bottom:1px solid var(--night-line);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 0;display:flex}.landing-tree li:last-child{border-bottom:0}.landing-tree-foot{border-top:1px solid var(--night-line);font-family:var(--label);margin:0;padding:14px 20px;font-size:13px}.landing-close{border-top:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:28px;padding:clamp(80px,12vw,144px) clamp(16px,4vw,40px);display:flex}.landing-close h2{letter-spacing:-.035em;max-width:14ch;font-size:clamp(2.6rem,6vw,5rem);line-height:1}.landing-close .landing-lede{max-width:32rem}.landing-close-keys{gap:12px;display:flex}.landing-close-keys span{border:2px solid var(--line);border-radius:var(--radius);background:var(--card);width:72px;height:52px;color:var(--ink-soft);font-family:var(--label);place-items:center;display:grid}.landing-close-keys .is-kept{border-color:var(--oxide);background:var(--oxide);color:var(--on-accent)}.landing-foot{border-top:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:28px;padding-bottom:28px;font-size:.88rem;display:flex}.landing-foot .brand{font-size:1.1rem}.landing-foot a{color:var(--ink);text-underline-offset:3px}.landing :not(.page-shot,.page-shot *){--landing-ease:.35s cubic-bezier(.4, 0, .2, 1);transition:background-color var(--landing-ease), color var(--landing-ease), border-color var(--landing-ease), border-width var(--landing-ease), border-radius var(--landing-ease), box-shadow var(--landing-ease), fill var(--landing-ease), stroke var(--landing-ease), padding var(--landing-ease), gap var(--landing-ease), font-size var(--landing-ease), letter-spacing var(--landing-ease), line-height var(--landing-ease), opacity .15s ease}:root:has(.landing) body{--landing-ease:.35s cubic-bezier(.4, 0, .2, 1);transition:background-color var(--landing-ease), color var(--landing-ease), border-color var(--landing-ease), border-width var(--landing-ease), border-radius var(--landing-ease), box-shadow var(--landing-ease), fill var(--landing-ease), stroke var(--landing-ease), padding var(--landing-ease), gap var(--landing-ease), font-size var(--landing-ease), letter-spacing var(--landing-ease), line-height var(--landing-ease), opacity .15s ease}:root:has(.landing) .topbar{--landing-ease:.35s cubic-bezier(.4, 0, .2, 1);transition:background-color var(--landing-ease), color var(--landing-ease), border-color var(--landing-ease), border-width var(--landing-ease), border-radius var(--landing-ease), box-shadow var(--landing-ease), fill var(--landing-ease), stroke var(--landing-ease), padding var(--landing-ease), gap var(--landing-ease), font-size var(--landing-ease), letter-spacing var(--landing-ease), line-height var(--landing-ease), opacity .15s ease}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.hero,.home,.studio-layout,.gallery,.pair,.step-shell{grid-template-columns:1fr}.step-rail{flex-direction:row;gap:6px;min-height:0;overflow:auto}.step-rail-group{flex:none}.step-rail-progress{display:none}.step-rail{z-index:4;border-right:0;border-bottom:1px solid var(--line);max-height:none;padding:10px 12px;position:sticky;top:58px}.step-rail-kicker{display:none}.step-rail ol{flex-direction:row;gap:6px;overflow:auto}.step-rail li{flex:none}.step-rail button{width:auto;min-width:132px;max-width:200px}.hero{padding:24px 20px 40px}.home{padding-top:24px;padding-bottom:40px}.compare,.studio{padding-left:16px;padding-right:16px}.choice-frame{height:340px;min-height:0}.aside-card{position:static}.screen-list{flex-direction:row;overflow:auto}.screen-list button{min-width:140px}}@media (prefers-reduced-motion:reduce){.progress span,.choice{transition:none}.choice:hover{transform:none}.landing :not(.landing-film *){transition:none;animation:none}:root:has(.landing) body{transition:none;animation:none}:root:has(.landing) .topbar{transition:none;animation:none}.landing-film *{transition:none!important;animation-duration:1ms!important;animation-delay:0s!important}}.look-switch{grid-template-columns:repeat(auto-fit,minmax(4.75rem,1fr));gap:6px;display:grid}.look-switch button{border:1px solid var(--line);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:3.25rem;padding:8px;display:flex}.look-switch button.is-on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.look-switch button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.look-switch .look-button,.tune-specimen .look-button{white-space:nowrap;border-style:solid;padding:.35rem .75rem;font-size:.85rem;font-weight:500;display:inline-flex}.look-switch .look-link,.tune-specimen .look-link{color:var(--ds-link-color);-webkit-text-decoration-line:var(--ds-link-decoration);text-decoration-line:var(--ds-link-decoration);text-underline-offset:.2em;white-space:nowrap;font-size:.9rem;text-decoration-thickness:1px}.look-switch button:hover .look-link{-webkit-text-decoration-line:var(--ds-link-hover-decoration);text-decoration-line:var(--ds-link-hover-decoration)}.step-shell{grid-template-columns:240px minmax(0,1fr)}.step-shell .step-main{padding:36px clamp(16px,4vw,52px) 16px}.step-shell .compare{gap:28px;max-width:1100px;min-height:calc(100vh - 110px);padding:0}.step-shell .step-rail{gap:22px;padding:22px 14px 24px 18px}.step-shell .step-rail-kicker{letter-spacing:.1em;margin:0 0 6px 10px;font-size:11px}.step-shell .step-rail button{border:1px solid #0000;border-radius:12px;grid-template-columns:24px minmax(0,1fr);column-gap:12px;min-height:44px;padding:9px 10px}.step-shell .step-rail button:hover:not(:disabled){background:var(--tint)}.step-shell .step-rail button[aria-current=step]{border-color:var(--line);background:var(--card);box-shadow:none}.step-shell .step-rail button:disabled{color:var(--ink-faint)}.step-shell .step-rail-mark{border-color:var(--line-strong);width:24px;height:24px;color:var(--ink-soft);grid-row:1/span 2;align-self:start;margin-top:1px;font-size:12px}.step-shell .step-rail button[aria-current=step] .step-rail-mark{border:1.5px solid var(--ink);color:var(--ink)}.step-shell .step-rail button:disabled .step-rail-mark{border-style:dashed;border-color:var(--line-strong);color:var(--ink-faint)}.step-shell .step-rail-mark.is-done{border-color:var(--oxide);background:var(--oxide);color:var(--on-accent)}.step-shell .step-rail-name{font-weight:500}.step-shell .step-rail-choice{font-size:13px;line-height:1.35}.step-shell .step-rail-progress{font-size:14px}.step-head{flex-direction:column;gap:8px;display:flex}.step-shell .step{color:var(--oxide);letter-spacing:.08em;margin:0;font-size:12px}.step-shell .compare h1{letter-spacing:-.02em;font-size:clamp(30px,3.4vw,42px);font-weight:500;line-height:1.08}.step-shell .hint{max-width:60ch;margin:0}.step-label{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.step-shell .btn{white-space:nowrap;min-height:44px;padding:0 20px;font-weight:500}.step-shell .btn:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 85%, var(--paper))}.step-shell .btn-quiet{border-color:var(--line-strong)}.step-shell .btn-quiet:hover:not(:disabled){background:var(--card)}.step-shell .linkish{min-height:44px;color:var(--ink-soft);padding:0 4px}.step-shell .linkish:hover:not(:disabled){color:var(--ink)}.step-shell .compare-foot{padding-top:10px;font-size:14px}.step-shell .compare-foot .btn{padding:.4rem .95rem}:root:has(.step-shell) .topbar{padding-inline:28px clamp(16px,4vw,52px)}@media (width<=900px){:root:has(.step-shell) .topbar{padding-inline:clamp(16px,4vw,52px)}}.topbar-lead{align-items:center}.topbar-divider{background:var(--line-strong);width:1px;height:20px}.current-project{color:var(--ink);font-size:15px;font-weight:500}.topnav-saved{align-items:center;gap:8px;font-size:14px;display:inline-flex}.topnav-saved:before{content:"";background:var(--good);border-radius:50%;width:7px;height:7px}.name-layout{flex-wrap:wrap;align-items:flex-start;gap:40px;display:flex}.name-form{flex-direction:column;flex:340px;gap:10px;max-width:540px;display:flex}.name-field{flex-direction:column;gap:10px;font-size:14px;font-weight:500;display:flex}.name-field input{border:1px solid var(--line-strong);background:var(--card);min-height:64px;color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;border-radius:14px;padding:0 20px;font-size:28px}.name-form .fine{margin:0;font-size:14px}.name-next{border-top:1px solid var(--line);flex-direction:column;gap:12px;margin-top:28px;padding-top:22px;display:flex}.name-next ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.name-next li{flex-direction:column;gap:2px;display:flex}.name-next strong{font-weight:500}.name-next span{color:var(--ink-soft);font-size:14px}.name-card-slot{flex-direction:column;flex:0 320px;gap:10px;display:flex}.name-card{border:1px solid var(--line);background:var(--card);border-radius:16px;overflow:hidden}.name-card-swatches{height:64px;display:flex}.name-card-swatches span{flex:1}.name-card-body{flex-direction:column;gap:4px;padding:16px 18px 18px;display:flex}.name-card-body strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:24px;font-weight:500;line-height:1.15}.name-card-body strong.is-empty{color:var(--ink-faint);font-style:italic}.name-card-body span{color:var(--ink-soft);font-size:14px}.step-shell .page-picks{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.step-shell .page-pick{border-radius:16px;gap:0;padding:0;overflow:hidden}.step-shell .page-shot{border:0;border-bottom:1px solid var(--line);border-radius:0}.step-shell .page-pick>button{border-radius:0;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 14px}.step-shell .page-pick>button .page-pick-text{color:var(--ink);flex-direction:column;font-size:1rem;display:flex}.step-shell .page-pick-text strong{font-weight:600}.step-shell .page-pick-text span{font-size:14px}.step-shell .page-pick>button .page-pick-check{border:1px solid var(--line-strong);color:#0000;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.step-shell .page-pick.is-on .page-pick-check{border-color:var(--ink);background:var(--ink);color:var(--card)}.step-shell .page-switcher{font-size:14px}.step-shell .choice{border-color:var(--line);border-radius:28px}.step-shell .choice-frame,.step-shell .tune-preview .choice-frame{height:clamp(360px,52vh,520px);min-height:0;overflow:hidden}.step-shell .type-own-preview .choice-frame,.step-shell .tune-preview .choice-frame{border:1px solid var(--line);box-shadow:none;border-radius:12px}.step-shell .choice .choice-frame{border-bottom:0}.step-shell .choice-meta-row{border-top:1px solid var(--line-soft)}.step-shell button.choice-meta{padding:20px 24px 22px}.step-shell .palette-confirm{align-self:flex-start;margin-top:12px;padding:16px}.step-shell .palette-confirm p{margin:0}.step-shell .choice-edit{margin-right:20px}.step-shell .choice-key{width:48px;height:48px;font-size:22px;font-weight:500}.step-shell .choice-meta strong{letter-spacing:-.01em;font-size:26px;font-weight:500}.step-shell .choice-meta em{font-size:15px}.step-shell .choice-badge{border-color:var(--line)}.step-shell .choice-badge.is-mine{border-color:#0000}@media (width>=901px){.step-shell .compare:has(>.pair){gap:20px;height:calc(100dvh - 110px);min-height:480px}.step-shell .compare:has(>.pair){max-width:none}.step-shell .compare>.pair{--choice-meta-height:98px;flex:1;justify-content:center;min-height:0;display:flex;container-type:size}.step-shell .compare>.pair .choice{flex:0 1 calc((100cqh - var(--choice-meta-height)) * 16 / 9);min-width:0;min-height:0}.step-shell .compare>.pair .choice-frame{flex:1;height:auto;min-height:0}}.fit-frame{width:100%;height:100%;position:relative;overflow:hidden}.fit-page{transform-origin:0 0;flex-direction:column;display:flex;position:absolute;top:0;left:0}.fit-page .ds,.fit-page .screen-page{flex:1;min-height:0}.fit-page .screen-scroll{min-height:0;max-height:none;overflow:visible}.choice-frame{position:relative}.expand-button{z-index:1;border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:color-mix(in srgb, var(--card) 92%, transparent);width:36px;height:36px;color:var(--ink);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .14s,transform .14s;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 6px 16px #1b191629}.choice-frame:hover .expand-button,.expand-button:focus-visible{opacity:1}.expand-button:hover{transform:scale(1.06)}.expand-button:focus-visible{outline:2px solid var(--oxide);outline-offset:2px}@media (hover:none){.expand-button{opacity:1}}html:has(.full-preview[open]){overflow:hidden}.full-preview{background:var(--card);width:90vw;max-width:none;height:90dvh;max-height:none;color:var(--ink);border:0;border-radius:20px;margin:auto;padding:0;overflow:hidden;box-shadow:0 40px 120px #00000059}.full-preview[open]{flex-direction:column;animation:.18s ease-out full-preview-in;display:flex}.full-preview::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1b191699}@keyframes full-preview-in{0%{opacity:0;transform:scale(.97)}}.full-preview-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:10px 20px;padding:12px 14px 12px 18px;display:flex}.full-preview-views{background:var(--well);border-radius:999px;flex-wrap:wrap;gap:2px;padding:4px}.full-preview-title{font-weight:600}.full-preview-bar .page-switcher{flex:1;justify-content:center;min-width:0}.full-preview-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.full-preview-close{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.full-preview-close:hover{background:var(--well)}.full-preview-body{flex:1;min-height:0;overflow:auto}.full-preview-body .ds{min-height:100%}@media (prefers-reduced-motion:reduce){.expand-button,.full-preview[open]{transition:none;animation:none}}.step-shell .compare:has(>.tune-layout){gap:20px;max-width:none}.step-shell .tune-layout{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.step-shell .tune-groups{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.step-shell .tune-groups h2{color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0 8px 0 0;font-size:15px;font-weight:600}.step-shell .tune-group{min-width:0;min-height:44px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:none;justify-content:center;gap:4px;padding:8px 14px;display:flex}.step-shell .tune-group:hover{background:var(--well)}.step-shell .tune-group.is-on{border-color:var(--ink);background:var(--card)}.step-shell .tune-group>span:first-child{font-size:14px;font-weight:500}.step-shell .tune-group.is-on>span:first-child{font-weight:600}.step-shell .tune-group-summary{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px;display:none;overflow:hidden}.step-shell .tune-swatches{gap:4px;padding-top:2px;display:flex}.step-shell .tune-swatches span{border:1px solid #00000024;border-radius:50%;width:14px;height:14px}.step-shell .tune-panel{border:1px solid var(--line);background:var(--card);border-radius:16px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.step-shell .tune-panel h2{border-bottom:1px solid var(--line);font-family:var(--font-ui);letter-spacing:0;flex:none;margin:0;padding:14px 20px;font-size:17px;font-weight:600}.step-shell .tune-panel-body{flex-direction:column;flex:1;display:flex}.step-shell .tune-preview{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.step-shell .tune-preview-bar{flex-wrap:wrap;flex:none;align-items:center;gap:8px 14px;min-width:0;display:flex}.step-shell .tune-preview-page{font-size:14px}.step-shell .tune-tabs{background:var(--well);border-radius:22px;flex-wrap:wrap;gap:2px;min-width:0;padding:4px;display:flex}.step-shell .tune-tabs button{min-height:32px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:14px}.step-shell .tune-tabs button.is-on{background:var(--ink);color:var(--paper)}@media (width>=901px){.step-shell .compare:has(>.tune-layout){height:calc(100dvh - 110px);min-height:560px}.step-shell .tune-layout{flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(300px,400px) minmax(0,1fr);min-height:0}.step-shell .tune-groups{grid-column:1/-1}.step-shell .tune-panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-height:0;overflow-y:auto}.step-shell .tune-panel-body::-webkit-scrollbar{width:8px}.step-shell .tune-panel-body::-webkit-scrollbar-track{background:0 0}.step-shell .tune-panel-body::-webkit-scrollbar-thumb{background:var(--line) padding-box;border:2px solid #0000;border-radius:8px}.step-shell .tune-panel-body::-webkit-scrollbar-thumb:hover{background-color:var(--line-strong)}.step-shell .tune-preview .choice-frame{flex:1;height:auto;min-height:0}}@media (width>=1600px){.step-shell .tune-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:220px minmax(300px,400px) minmax(0,1fr)}.step-shell .tune-groups{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-flow:column;grid-column:auto;align-items:stretch;gap:2px;min-height:0;overflow-y:auto}.step-shell .tune-groups h2{margin:0 0 6px 14px}.step-shell .tune-group{width:100%;padding:10px 14px}.step-shell .tune-group-summary{display:block}}.step-shell .tune-section{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.step-shell .tune-section+.tune-section{border-top:1px solid var(--line)}.step-shell .tune-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.step-shell .tune-section-head h3{color:var(--oxide);letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;font-weight:500}.step-shell .tune-section-title{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.step-shell .tune-reset{border:1px solid color-mix(in srgb, var(--oxide) 28%, transparent);background:color-mix(in srgb, var(--oxide) 10%, transparent);color:var(--oxide);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 7px;font-size:12px;font-weight:500;line-height:1.3;transition:background .12s,border-color .12s;display:inline-flex}.step-shell .tune-reset:hover{border-color:color-mix(in srgb, var(--oxide) 45%, transparent);background:color-mix(in srgb, var(--oxide) 18%, transparent)}.step-shell .tune-reset svg{flex:none}.step-shell .tune-section-head p{color:var(--ink-soft);margin:4px 0 0;font-size:13px;line-height:1.4}.step-shell .tune-specimen{border:1px solid var(--line);border-radius:10px;flex:none;align-items:center;padding:8px 12px;display:inline-flex}.step-shell .tune-section-body{flex-direction:column;gap:12px;display:flex}.step-shell .tune-panel .role-field,.step-shell .tune-panel .edit-field{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.step-shell .tune-panel .edit-field:has(>.look-switch){flex-direction:column;align-items:stretch;gap:8px}.step-shell .tune-panel .role-field>span:first-child{color:var(--ink);font-size:1rem}.step-shell .tune-panel .role-controls input[type=text]{width:7.5rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.step-shell .role-field input[type=color]{border:1px solid var(--line-strong);cursor:pointer;border-radius:8px;width:44px;height:32px;padding:0}.step-shell .tune-panel .edit-field select,.step-shell .tune-panel .edit-field input[type=text]{width:11rem}.step-shell .key-slider{flex-shrink:0;align-items:center;gap:10px;width:11rem;display:flex}.step-shell .key-slider input[type=range]{min-width:0;accent-color:var(--oxide);cursor:pointer;flex:1;margin:0}.step-shell .key-slider output{text-align:right;width:3.5rem;color:var(--ink);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px}.step-shell .tune-panel .studio-switch{flex-wrap:wrap}.step-shell .tune-panel .studio-switch button{border-color:var(--line-strong);min-height:36px}.step-shell .tune-panel .studio-switch button.is-on{border-color:var(--ink)}.step-shell .face-edit legend{font-size:14px}.step-shell .compare:has(>.export-layout){gap:20px;max-width:none}.step-shell .export-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;display:flex}.step-shell .export-head .step-head{flex:420px;min-width:0}.step-shell .export-download{background:var(--oxide);min-height:56px;color:var(--on-accent);text-align:left;cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb, var(--oxide) 22%, transparent);border:0;border-radius:16px;align-items:center;gap:14px;padding:8px 22px 8px 8px;display:inline-flex}.step-shell .export-download:hover{background:color-mix(in srgb, var(--oxide) 85%, var(--ink))}.step-shell .export-download-icon{background:#ffffff29;border-radius:11px;place-items:center;width:40px;height:40px;transition:transform .15s;display:grid}.step-shell .export-download:hover .export-download-icon{transform:translateY(2px)}.step-shell .export-download-text{flex-direction:column;gap:1px;display:flex}.step-shell .export-download-text strong{font-size:15px;font-weight:600}.step-shell .export-download-text span{opacity:.85;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.step-shell .export-summary{border:1px solid var(--line);background:var(--card);border-radius:14px;flex-wrap:wrap;margin:0;display:flex;overflow:hidden}.step-shell .export-summary div{border-right:1px solid var(--line-soft);flex-direction:column;flex:110px;gap:2px;min-width:0;padding:10px 16px;display:flex}.step-shell .export-summary dt{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.step-shell .export-summary dd{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:500;overflow:hidden}.step-shell .export-layout{flex-wrap:wrap;gap:20px;display:flex}.step-shell .export-formats{flex-direction:column;flex:250px;max-width:300px;display:flex}.step-shell .export-group{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding:14px 0;display:flex}.step-shell .export-group:first-child{border-top:0;padding-top:0}.step-shell .export-group h2{color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0 0 6px 14px;font-size:15px;font-weight:600}.step-shell .export-format{width:100%;min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:2px;padding:9px 14px;display:flex}.step-shell .export-format:hover{background:var(--well)}.step-shell .export-format.is-on{border-color:var(--ink);background:var(--card)}.step-shell .export-format span{font-size:14px}.step-shell .export-format.is-on span{font-weight:500}.step-shell .export-format code{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px;overflow:hidden}.step-shell .export-file{color:#efeae1;background:#1b1916;border-radius:16px;flex-direction:column;flex:999 480px;min-width:0;display:flex;overflow:hidden}.step-shell .export-file-bar{background:#26231f;border-bottom:1px solid #ffffff12;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:6px 6px 6px 18px;display:flex}.step-shell .export-file-bar code{color:#fbf8f3;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;overflow:hidden}.step-shell .export-copy{color:#d9d2c6;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:13px;display:inline-flex}.step-shell .export-copy:hover{color:#fbf8f3;background:#ffffff14}.step-shell .export-copy.is-done{color:#f3c9a8}.step-shell .export-code{color:#efeae1;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex:1;min-width:0;max-height:70vh;margin:0;padding:20px 22px 28px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;line-height:1.7;overflow:auto}.step-shell .export-file-foot{color:#b3aa9c;border-top:1px solid #ffffff12;flex-wrap:wrap;flex:none;justify-content:space-between;gap:6px 16px;margin:0;padding:10px 18px;font-size:12.5px;display:flex}.step-shell .export-file-foot span:last-child{font-family:IBM Plex Mono,ui-monospace,monospace}@media (width>=901px){.step-shell .compare:has(>.export-layout){height:calc(100dvh - 110px);min-height:560px}.step-shell .export-layout{flex-wrap:nowrap;flex:1;min-height:0}.step-shell .export-formats{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-height:0;padding-right:4px;overflow-y:auto}.step-shell .export-code{min-height:0;max-height:none}}@media (width<=900px){.step-shell .export-formats{max-width:none}.step-shell{grid-template-columns:1fr}.step-shell .step-rail{flex-direction:row;gap:6px;padding:10px 12px}.step-shell .step-rail-kicker,.step-shell .step-rail-choice{display:none}.step-shell .step-rail button{white-space:nowrap;align-items:center;width:auto;min-width:0}.step-shell .step-rail-mark{grid-row:1}.step-shell .compare{min-height:0}.name-next ol{grid-template-columns:1fr}.step-shell .choice-frame,.step-shell .type-own-preview .choice-frame,.step-shell .tune-preview .choice-frame{height:300px}}@media (prefers-reduced-motion:reduce){.step-shell .choice,.step-shell .export-download-icon{transition:none}}.step-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;display:flex}.step-head-row .step-head{flex:420px;min-width:0}.step-door{border:1px solid var(--line);background:var(--card);min-width:0;min-height:76px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:20px;flex:0 360px;align-items:center;gap:14px;padding:12px 14px 12px 12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.step-door:hover{border-color:var(--oxide);transform:translateY(-1px);box-shadow:0 10px 24px #3022141a}.step-door:focus-visible{outline:2px solid var(--oxide);outline-offset:3px}.step-door-mark{background:var(--paper);width:52px;height:52px;font-family:var(--font-display);border-radius:14px;flex:none;place-items:center;font-size:26px;line-height:1;display:grid}.step-door-swatches{width:34px;height:22px;display:block;position:relative}.step-door-swatches span{width:22px;height:22px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;position:absolute;top:0}.step-door-swatches span:first-child{background:#1a35b0;left:0}.step-door-swatches span:nth-child(2){background:#2f6b4f;left:6px}.step-door-swatches span:nth-child(3){background:var(--oxide);left:12px}.step-door-text{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.step-door-kicker{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.step-door-text strong{font-size:16px;font-weight:600;line-height:1.25}.step-door-note{color:var(--ink-soft);font-size:13px;line-height:1.35}.step-door-go{border:1px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;transition:background .15s,border-color .15s,color .15s;display:grid}.step-door:hover .step-door-go{border-color:var(--oxide);background:var(--oxide);color:var(--on-accent)}@media (width<=600px){.step-door{flex-basis:100%}.step-door-note{display:none}}@media (prefers-reduced-motion:reduce){.step-door,.step-door-go{transition:none}.step-door:hover{transform:none}}.palette-layout{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.palette-column{border:1px solid var(--line);background:var(--card);border-radius:16px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.palette-scroll{flex-direction:column;gap:20px;padding:22px 22px 24px;display:flex}.palette-foot{border-top:1px solid var(--line-soft);flex-direction:column;gap:10px;padding:14px 22px 18px;display:flex}.palette-actions{flex-direction:column;gap:8px;display:flex}.palette-use{justify-content:space-between;min-height:52px;padding:0 20px 0 22px;font-weight:500}.palette-use:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 85%, var(--paper))}.palette-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.palette-action{min-height:44px;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 10px;font-size:15px;display:inline-flex}.palette-action:hover{background:var(--well);color:var(--ink)}.palette-action.palette-delete{color:var(--bad)}.palette-action.palette-delete:hover{background:var(--bad-soft);color:var(--bad)}.step-shell .palette-foot .palette-confirm{margin-top:0}.palette-name-row{gap:8px;display:flex}.palette-name-row .hex-input{background:var(--card);flex:1;height:44px}.palette-name-row .hex-input input{font-family:var(--font-ui);font-size:15px}.palette-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.palette-label{font-size:14px;font-weight:600}.palette-label-note{color:var(--ink-soft);font-size:12px}.swatch-well{cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.swatch-well span{font-size:12px;font-weight:500}.swatch-well input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.hex-input:focus-within{outline:2px solid var(--oxide);outline-offset:2px}.swatch-well:has(input:focus-visible){outline:2px solid var(--oxide);outline-offset:2px}.hex-input{background:var(--tint);min-width:0;height:40px;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.hex-input span{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.hex-input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:14px}.seed-field{background:var(--card);box-shadow:0 0 0 1px var(--line), 0 18px 40px #3022140f;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.seed-body{gap:14px;display:flex}.seed-well{width:84px;height:84px}.seed-inputs{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.seed-ground{background:var(--tint);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px;display:grid}.seed-ground button{min-height:34px;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.seed-ground button.is-on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0000001a, 0 0 0 1px var(--line)}.seed-ground-dot{border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000040}.seed-ground-dot.is-light{background:#f7f5f1}.seed-ground-dot.is-dark{background:#16181f}.role-group{flex-direction:column;gap:6px;display:flex}.role-group-head{align-items:baseline;gap:10px;padding:0 4px;display:flex}.role-group-head h2{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.role-group-head span{color:var(--ink-soft);font-size:12px}.role-list{background:var(--card);box-shadow:0 0 0 1px var(--line);border-radius:14px;overflow:hidden}.role-row+.role-row{border-top:1px solid var(--line-soft)}.role-row.is-open{background:var(--tint);box-shadow:inset 3px 0 0 var(--oxide)}.role-row-head{width:100%;min-height:56px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:8px 14px 8px 10px;display:flex}.role-row:not(.is-open) .role-row-head:hover{background:var(--tint)}.role-row-head:focus-visible{outline-offset:-2px}.role-tile{border-radius:10px;flex:none;width:40px;height:40px;box-shadow:inset 0 0 0 1px #0000001a}.role-row.is-open .role-tile{box-shadow:inset 0 0 0 1px #0000001a, 0 0 0 2px var(--tint), 0 0 0 4px var(--oxide)}.role-row-name{flex-direction:column;flex:1;min-width:0;display:flex}.role-row-name span{font-size:14px;font-weight:500}.role-row-name code{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;overflow:hidden}.contrast-badge{white-space:nowrap;border-radius:999px;flex:none;padding:3px 8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-weight:500}.contrast-badge.is-pass{background:var(--good-soft);color:var(--good)}.contrast-badge.is-near{background:color-mix(in srgb, #c27c1a 16%, var(--card));color:color-mix(in srgb, #c27c1a 55%, var(--ink))}.contrast-badge.is-fail{background:var(--bad-soft);color:var(--bad)}.contrast-badge{cursor:help}.contrast-card{z-index:50;border:1px solid var(--line);background:var(--card);width:264px;color:var(--ink);box-shadow:var(--shadow);font-family:var(--font-ui);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;font-size:12.5px;line-height:1.45;display:flex}.contrast-card strong{font-size:13px;font-weight:600}.contrast-card p{color:var(--ink-soft);margin:0}.contrast-card ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.contrast-card li{color:var(--ink-soft);border-radius:6px;grid-template-columns:40px 64px 1fr;gap:6px;padding:3px 6px;display:grid}.contrast-card li span:first-child{color:var(--ink);font-weight:600}.contrast-card li span:nth-child(2){align-self:center;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.contrast-card li.is-current{background:var(--paper);color:var(--ink)}.contrast-card-arrow{fill:var(--card)}.role-row-body{flex-direction:column;gap:10px;padding:2px 14px 16px 10px;display:flex}.role-row-inputs{align-items:center;gap:10px;display:flex}.role-well{width:96px;height:44px}.role-row-inputs .hex-input{flex:1;height:44px}.role-pair{background:var(--tint);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.role-pair-sample{width:36px;height:28px;font-family:var(--font-display);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:15px;display:flex;box-shadow:inset 0 0 0 1px #00000014}.role-pair-text{color:var(--ink-soft);flex:1;font-size:13px}.palette-stage{flex-direction:column;gap:14px;min-width:0;min-height:0;display:flex}.palette-stage-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.palette-preview{aspect-ratio:16/9;width:100%}.step-shell .palette-preview .choice-frame{border:1px solid var(--line);border-radius:12px;height:100%;min-height:0;box-shadow:0 30px 60px #3022141f}@media (width>=901px){.step-shell .compare:has(>.palette-layout){gap:16px;max-width:none;height:calc(100dvh - 110px);min-height:560px}.palette-layout{flex:1;grid-template-columns:clamp(330px,26vw,420px) minmax(0,1fr);gap:clamp(20px,2vw,36px);min-height:0}.palette-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-height:0;overflow-y:auto}.palette-fit{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.palette-preview{aspect-ratio:auto;width:min(100cqw,177.778cqh,1920px);height:min(100cqh,1080px)}}.step-shell .compare.is-wide{max-width:none}.type-own-actions{flex-wrap:wrap;gap:10px;display:flex}.type-own{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.type-own-roles{flex-direction:column;flex:320px;gap:12px;max-width:400px;display:flex}.type-own-preview{flex-direction:column;flex:999 520px;gap:12px;min-width:0;display:flex}.step-shell .type-own-preview .choice-frame{height:max(420px,100vh - 340px)}.type-role{border:1px solid var(--line);background:var(--card);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.type-role-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.type-role-head h2{font-size:15px;font-weight:600}.type-role-head span,.type-own-note{color:var(--ink-soft);font-size:13px}.type-role-sample{overflow-wrap:anywhere}.type-role-sample.is-display{letter-spacing:-.01em;font-size:28px;font-weight:600;line-height:1.1}.type-role-sample.is-body{font-size:15px;line-height:1.55}.type-role-sample.is-label{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.type-own-note{margin:2px 2px 0;line-height:1.5}.font-trigger{border:1px solid var(--line-strong);background:var(--card);min-height:48px;color:var(--ink);text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.font-trigger:hover,.font-trigger[data-state=open]{border-color:var(--ink)}.font-trigger-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:17px;overflow:hidden}.font-trigger-meta,.font-option-meta{color:var(--ink-soft);flex:none;align-items:center;gap:8px;font-size:13px;display:flex}.font-pop{z-index:50;width:max(var(--radix-popover-trigger-width), 300px);max-height:var(--radix-popover-content-available-height);border:1px solid var(--line);background:var(--card);color:var(--ink);font-family:var(--font-ui);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 40px #30221429}.font-search{border-bottom:1px solid var(--line-soft);color:var(--ink-soft);align-items:center;gap:10px;padding:0 14px;display:flex}.font-search input{min-width:0;height:46px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:15px}.font-cats{flex-wrap:wrap;gap:6px;padding:10px 14px 6px;display:flex}.font-cats button{border:1px solid var(--line);background:var(--card);min-height:30px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:0 12px;font-size:13px}.font-cats button.is-on{border-color:var(--ink);background:var(--ink);color:var(--card)}.font-list{min-height:0;max-height:300px;padding:4px 6px 6px;overflow-y:auto}.font-option{white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 10px;font-size:18px;display:flex}.font-option>span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.font-option[aria-selected=true]{background:var(--oxide-soft)}.font-option.is-active{background:var(--paper)}.font-option[aria-selected=true] .font-option-meta{color:var(--oxide)}.font-typed{border:1px dashed var(--line-strong);color:var(--oxide);justify-content:flex-start;gap:10px;margin-top:4px;font-size:14px}.font-empty{color:var(--ink-soft);padding:14px 10px 8px;font-size:14px}.font-pop-foot{border-top:1px solid var(--line-soft);color:var(--ink-soft);justify-content:space-between;gap:12px;padding:8px 14px;font-size:12px;display:flex}@media (width<=900px){.type-own-roles{max-width:none}.step-shell .type-own-preview .choice-frame{height:360px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-display:var(--ds-font-display-family), Georgia, serif;--font-label:var(--ds-font-label-family), ui-monospace, monospace;--radius-card:var(--ds-card-radius);--radius-button:var(--ds-button-radius);--shadow-card:var(--ds-shadow)}}@layer base,components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.block{display:block}.contents{display:contents}.flex{display:flex}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-row{gap:var(--ds-card-gap)}.rounded{border-radius:.25rem}.rounded-button{border-radius:var(--ds-button-radius)}.rounded-card{border-radius:var(--ds-card-radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\(length\:--ds-button-border-width\){border-style:var(--tw-border-style);border-width:var(--ds-button-border-width)}.border-\(length\:--ds-card-border-width\){border-style:var(--tw-border-style);border-width:var(--ds-card-border-width)}.border-solid{--tw-border-style:solid;border-style:solid}.border-border{border-color:var(--ds-color-border)}.border-primary-border{border-color:var(--ds-button-primary-border)}.border-secondary-border{border-color:var(--ds-button-secondary-border)}.border-tertiary-border{border-color:var(--ds-button-tertiary-border)}.bg-accent{background-color:var(--ds-color-accent)}.bg-background{background-color:var(--ds-color-background)}.bg-primary{background-color:var(--ds-button-primary-bg)}.bg-secondary{background-color:var(--ds-button-secondary-bg)}.bg-surface{background-color:var(--ds-color-surface)}.bg-tertiary{background-color:var(--ds-button-tertiary-bg)}.p-card{padding:var(--ds-card-padding)}.px-button-x{padding-inline:var(--ds-button-px)}.py-\[var\(--ds-section-gap\)\]{padding-block:var(--ds-section-gap)}.py-button-y{padding-block:var(--ds-button-py)}.font-display{font-family:var(--ds-font-display-family), Georgia, serif}.font-display\!{font-family:var(--ds-font-display-family), Georgia, serif!important}.font-label{font-family:var(--ds-font-label-family), ui-monospace, monospace}.font-label\!{font-family:var(--ds-font-label-family), ui-monospace, monospace!important}.text-hero\!{font-size:var(--ds-font-hero-size)!important;line-height:var(--tw-leading,var(--ds-font-display-leading))!important}.text-label{font-size:var(--ds-font-label-size);line-height:var(--tw-leading,var(--ds-font-label-leading))}.text-label\!{font-size:var(--ds-font-label-size)!important;line-height:var(--tw-leading,var(--ds-font-label-leading))!important}.text-title{font-size:var(--ds-font-title-size);line-height:var(--tw-leading,var(--ds-font-display-leading))}.font-display-face{--tw-font-weight:var(--ds-font-display-weight);font-weight:var(--ds-font-display-weight)}.font-display-face\!{--tw-font-weight:var(--ds-font-display-weight)!important;font-weight:var(--ds-font-display-weight)!important}.font-label-face{--tw-font-weight:var(--ds-font-label-weight);font-weight:var(--ds-font-label-weight)}.font-label-face\!{--tw-font-weight:var(--ds-font-label-weight)!important;font-weight:var(--ds-font-label-weight)!important}.tracking-display{--tw-tracking:var(--ds-font-display-tracking);letter-spacing:var(--ds-font-display-tracking)}.tracking-display\!{--tw-tracking:var(--ds-font-display-tracking)!important;letter-spacing:var(--ds-font-display-tracking)!important}.tracking-label{--tw-tracking:var(--ds-font-label-tracking);letter-spacing:var(--ds-font-label-tracking)}.tracking-label\!{--tw-tracking:var(--ds-font-label-tracking)!important;letter-spacing:var(--ds-font-label-tracking)!important}.text-accent{color:var(--ds-color-accent)}.text-accent-foreground{color:var(--ds-color-accent-foreground)}.text-foreground{color:var(--ds-color-foreground)}.text-muted{color:var(--ds-color-muted)}.text-primary-foreground{color:var(--ds-button-primary-fg)}.text-secondary-foreground{color:var(--ds-button-secondary-fg)}.text-tertiary-foreground{color:var(--ds-button-tertiary-fg)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.accent-foreground{accent-color:var(--ds-color-foreground)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-card{--tw-shadow:var(--ds-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.ds{--ds-inverse-muted:color-mix(in srgb, var(--ds-color-background) 70%, var(--ds-color-foreground));--ds-inverse-rule:color-mix(in srgb, var(--ds-color-background) 18%, var(--ds-color-foreground));--ds-section-gap:calc(var(--ds-page-gap) * 2);background:var(--ds-color-background);min-height:100%;color:var(--ds-color-foreground);font-family:var(--ds-font-body-family), sans-serif;font-size:var(--ds-font-body-size);font-weight:var(--ds-font-body-weight);letter-spacing:var(--ds-font-body-tracking);line-height:var(--ds-font-body-leading)}.ds h1,.ds h2,.ds h3,.ds p,.ds figure,.ds blockquote{margin:0}.ds button,.ds input{font:inherit}.ds a{color:inherit;text-decoration:none}.ds ul,.ds ol{margin:0;padding:0;list-style:none}.ds .ds-card{gap:var(--ds-card-gap);background:var(--ds-color-surface);color:var(--ds-color-foreground);border-style:solid;border-color:var(--ds-color-border);border-width:var(--ds-card-border-width);border-radius:var(--ds-card-radius);padding:var(--ds-card-padding);box-shadow:var(--ds-shadow);flex-direction:column;display:flex}.ds .ds-btn{justify-content:center;align-items:center;gap:var(--ds-button-py);border-style:solid;border-width:var(--ds-button-border-width);border-color:var(--ds-color-border);border-radius:var(--ds-button-radius);padding:var(--ds-button-py) var(--ds-button-px);color:var(--ds-color-foreground);font-family:var(--ds-font-label-family), ui-monospace, monospace;font-size:var(--ds-font-label-size);font-weight:var(--ds-font-label-weight);letter-spacing:var(--ds-font-label-tracking);line-height:var(--ds-font-label-leading);cursor:pointer;background:0 0;display:inline-flex}.ds .ds-btn-primary{background:var(--ds-button-primary-bg);color:var(--ds-button-primary-fg);border-color:var(--ds-button-primary-border)}.ds .ds-btn-secondary{background:var(--ds-button-secondary-bg);color:var(--ds-button-secondary-fg);border-color:var(--ds-button-secondary-border)}.ds .ds-btn-tertiary{background:var(--ds-button-tertiary-bg);color:var(--ds-button-tertiary-fg);border-color:var(--ds-button-tertiary-border)}.ds .ds-link{color:var(--ds-link-color);-webkit-text-decoration-line:var(--ds-link-decoration);text-decoration-line:var(--ds-link-decoration);text-underline-offset:.2em;text-decoration-thickness:1px}.ds .ds-link:hover{-webkit-text-decoration-line:var(--ds-link-hover-decoration);text-decoration-line:var(--ds-link-hover-decoration)}.ds .ds-hero,.ds .ds-display,.ds .ds-title{font-family:var(--ds-font-display-family), Georgia, serif;font-weight:var(--ds-font-display-weight);letter-spacing:var(--ds-font-display-tracking);line-height:var(--ds-font-display-leading)}.ds .ds-hero{font-size:var(--ds-font-hero-size)}.ds .ds-display{font-size:var(--ds-font-display-size)}.ds .ds-title{font-size:var(--ds-font-title-size)}.ds .ds-kicker,.ds .ds-label,.ds .ds-mono,.ds .face-name{font-family:var(--ds-font-label-family), ui-monospace, monospace;font-size:var(--ds-font-label-size);font-weight:var(--ds-font-label-weight);letter-spacing:var(--ds-font-label-tracking);line-height:var(--ds-font-label-leading)}.ds .ds-kicker,.ds .ds-label,.ds .face-name{color:var(--ds-color-accent);text-transform:uppercase}.ds .ds-label{color:var(--ds-color-foreground);text-transform:none}.ds .ds-kicker.is-quiet,.ds .ds-muted,.ds .face-name{color:var(--ds-color-muted)}.ds .ds-lede{max-width:38rem;color:var(--ds-color-muted)}.ds .ds-badge{align-items:center;gap:var(--ds-button-py);border-radius:var(--ds-button-radius);padding:calc(var(--ds-button-py) / 2) var(--ds-button-py);background:var(--ds-color-surface-muted);color:var(--ds-color-foreground);font-family:var(--ds-font-label-family), ui-monospace, monospace;font-size:var(--ds-font-label-size);letter-spacing:var(--ds-font-label-tracking);white-space:nowrap;display:inline-flex}.ds .ds-badge-soft{background:var(--ds-color-accent-soft);color:var(--ds-color-accent)}.ds .ds-badge-accent{background:var(--ds-color-accent);color:var(--ds-color-accent-foreground)}.ds .ds-badge-ok{background:var(--ds-color-success-soft);color:var(--ds-color-success)}.ds .ds-badge-ok:before{content:"";background:currentColor;border-radius:50%;width:.45em;height:.45em}.ds .ds-field{gap:var(--ds-button-py);flex-direction:column;display:flex}.ds .ds-field-row{justify-content:space-between;gap:var(--ds-card-gap);display:flex}.ds .ds-input{box-sizing:border-box;border-style:solid;border-width:var(--ds-rule-width);border-color:var(--ds-color-border);border-radius:var(--ds-button-radius);width:100%;padding:var(--ds-button-py) var(--ds-button-px);background:var(--ds-color-surface);color:var(--ds-color-foreground)}.ds .avatar{width:var(--ds-page-gap);height:var(--ds-page-gap);background:var(--ds-color-accent-soft);min-width:2rem;min-height:2rem;color:var(--ds-color-accent);font-family:var(--ds-font-display-family), Georgia, serif;font-weight:var(--ds-font-display-weight);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.ds .avatar.is-ink{background:var(--ds-color-foreground);color:var(--ds-color-background)}.ds .avatar.is-large{width:calc(var(--ds-page-gap) * 1.6);height:calc(var(--ds-page-gap) * 1.6);font-size:var(--ds-font-title-size)}.ds .icon{flex:none;width:1.1em;height:1.1em}.ds .brand{align-items:center;gap:var(--ds-button-py);color:inherit;font-family:var(--ds-font-display-family), Georgia, serif;font-weight:var(--ds-font-display-weight);font-size:var(--ds-font-title-size);letter-spacing:var(--ds-font-display-tracking);line-height:1;display:inline-flex}.ds .brand-mark{width:1.1em;height:1.1em}.ds .brand-mark .corner{fill:var(--ds-color-accent)}.ds .wrap{box-sizing:border-box;width:100%;max-width:75rem;padding-inline:var(--ds-page-padding);margin-inline:auto}.ds .site-nav{border-bottom:var(--ds-rule-width) solid var(--ds-color-border)}.ds .site-nav .wrap,.ds .site-footer .wrap{justify-content:space-between;align-items:center;gap:var(--ds-card-gap) var(--ds-page-gap);padding-block:var(--ds-card-gap);flex-wrap:wrap;display:flex}.ds .site-links,.ds .site-actions{align-items:center;gap:var(--ds-card-gap) var(--ds-page-gap);flex-wrap:wrap;display:flex}.ds .site-links a{padding-block:var(--ds-button-py);border-bottom:2px solid #0000}.ds .site-links a[aria-current=page]{color:var(--ds-color-accent);border-bottom-color:var(--ds-color-accent)}.ds .site-footer{border-top:var(--ds-rule-width) solid var(--ds-color-border);color:var(--ds-color-muted)}.ds .site-main{gap:var(--ds-section-gap);padding-block:var(--ds-section-gap);flex-direction:column;display:flex}.ds .grid-paper{background-color:var(--ds-color-background);background-image:linear-gradient(color-mix(in srgb, var(--ds-color-border) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ds-color-border) 55%, transparent) 1px, transparent 1px);background-size:2rem 2rem}.ds .landing-hero{border-bottom:var(--ds-rule-width) solid var(--ds-color-border)}.ds .landing-hero .wrap{align-items:center;gap:var(--ds-section-gap);padding-block:var(--ds-section-gap);flex-wrap:wrap;display:flex}.ds .landing-copy{gap:var(--ds-page-gap);flex-direction:column;flex:26rem;min-width:0;display:flex}.ds .visit-card{flex:22rem;gap:0;min-width:0;max-width:30rem;padding:0;overflow:hidden}.ds .visit-card-bar{justify-content:space-between;gap:var(--ds-button-py);padding:var(--ds-card-gap) var(--ds-card-padding);border-bottom:var(--ds-rule-width) solid var(--ds-color-border);color:var(--ds-color-muted);flex-wrap:wrap;display:flex}.ds .visit-card-bar:last-child{border-bottom:0;border-top:var(--ds-rule-width) solid var(--ds-color-border);justify-content:flex-start;align-items:center}.ds .visit-card-body{gap:var(--ds-card-gap);padding:var(--ds-card-padding);flex-direction:column;display:flex}.ds .visit-quote{gap:var(--ds-button-py);padding:var(--ds-card-padding);border-radius:var(--ds-card-radius);background:var(--ds-color-surface-muted);flex-direction:column;display:flex}.ds .visit-quote blockquote{font-family:var(--ds-font-display-family), Georgia, serif;font-weight:var(--ds-font-display-weight);font-size:var(--ds-font-title-size);letter-spacing:var(--ds-font-display-tracking);line-height:var(--ds-font-display-leading)}.ds .thread-link{align-items:center;gap:var(--ds-card-gap);color:var(--ds-color-accent);display:flex}.ds .thread-link>span{justify-content:space-between;align-items:center;gap:var(--ds-button-py);padding:var(--ds-button-py) var(--ds-card-gap);border:var(--ds-rule-width) solid var(--ds-color-border);border-radius:var(--ds-card-radius);color:var(--ds-color-foreground);flex-wrap:wrap;flex:1;display:flex}.ds .signal-dot{background:var(--ds-color-accent);border-radius:50%;width:.5rem;height:.5rem}.ds .feature-grid{gap:var(--ds-section-gap) var(--ds-page-gap);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.ds .ruled-item{gap:var(--ds-card-gap);padding-top:var(--ds-card-gap);border-top:2px solid var(--ds-color-foreground);flex-direction:column;display:flex}.ds .ruled-item .ds-link{align-self:flex-start}.ds .ruled-item .ds-mono{color:var(--ds-color-accent)}.ds .inverse-band{background:var(--ds-color-foreground);color:var(--ds-color-background)}.ds .inverse-band .wrap{gap:var(--ds-page-gap);padding-block:var(--ds-section-gap);flex-direction:column;display:flex}.ds .inverse-band blockquote{max-width:56rem;font-family:var(--ds-font-display-family), Georgia, serif;font-weight:var(--ds-font-display-weight);font-size:var(--ds-font-hero-size);letter-spacing:var(--ds-font-display-tracking);line-height:var(--ds-font-display-leading)}.ds .inverse-band figcaption,.ds .inverse-panel figcaption{color:var(--ds-inverse-muted)}.ds .quote-mark{width:2.75rem;height:auto;fill:var(--ds-color-accent)}.ds .about-hero{align-items:flex-end;gap:var(--ds-page-gap) var(--ds-section-gap);flex-wrap:wrap;display:flex}.ds .about-hero>div{gap:var(--ds-page-gap);flex-direction:column;flex:2 30rem;min-width:0;display:flex}.ds .about-hero .ds-lede{flex:18rem;min-width:0}.ds .about-body{gap:var(--ds-section-gap);flex-wrap:wrap;display:flex}.ds .about-body>section{gap:var(--ds-card-gap);flex-direction:column;min-width:0;display:flex}.ds .about-body>section:first-child{flex:3 30rem}.ds .about-body>section:last-child{flex:2 20rem}.ds .principle{gap:var(--ds-card-gap);padding-block:var(--ds-card-padding);border-top:var(--ds-rule-width) solid var(--ds-color-border);grid-template-columns:3rem minmax(0,1fr);display:grid}.ds .principle:last-child{border-bottom:var(--ds-rule-width) solid var(--ds-color-border)}.ds .principle>.ds-mono{color:var(--ds-color-accent);padding-top:.35em}.ds .principle>div{gap:var(--ds-button-py);flex-direction:column;display:flex}.ds .team-grid{gap:var(--ds-card-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds .person>span:last-child{flex-direction:column;display:flex}.ds .pricing-hero{align-items:center;gap:var(--ds-page-gap);text-align:center;flex-direction:column;display:flex}.ds .pricing-hero .ds-hero{max-width:46rem}.ds .price-grid{gap:var(--ds-page-gap);grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));display:grid}.ds .price-card{gap:var(--ds-page-gap)}.ds .price-card-head{justify-content:space-between;align-items:center;gap:var(--ds-card-gap);display:flex}.ds .amount{align-items:baseline;gap:var(--ds-button-py);font-family:var(--ds-font-display-family), Georgia, serif;font-size:var(--ds-font-hero-size);font-weight:var(--ds-font-display-weight);letter-spacing:var(--ds-font-display-tracking);line-height:1;display:flex}.ds .amount span{font-family:var(--ds-font-body-family), sans-serif;font-size:var(--ds-font-body-size);font-weight:var(--ds-font-body-weight);letter-spacing:var(--ds-font-body-tracking);color:var(--ds-color-muted)}.ds .check-list{gap:var(--ds-card-gap);padding-top:var(--ds-card-gap);border-top:var(--ds-rule-width) solid var(--ds-color-border);flex-direction:column;flex-grow:1;display:flex}.ds .check-list li{align-items:flex-start;gap:var(--ds-card-gap);display:flex}.ds .check-list .icon{margin-top:.2em}.ds .pricing-more{text-align:center}.ds .price-card .ds-btn{width:100%}.ds .price-card.is-featured{--ds-button-primary-bg:var(--ds-button-primary-bg-inverse);--ds-button-primary-fg:var(--ds-button-primary-fg-inverse);--ds-button-primary-border:var(--ds-button-primary-border-inverse);background:var(--ds-color-foreground);color:var(--ds-color-background);border-color:var(--ds-color-foreground)}.ds .price-card.is-featured .ds-kicker,.ds .price-card.is-featured .ds-muted,.ds .price-card.is-featured .amount span{color:var(--ds-inverse-muted)}.ds .price-card.is-featured .check-list{border-top-color:var(--ds-inverse-rule)}.ds .prose{box-sizing:border-box;width:100%;max-width:42rem;padding-inline:var(--ds-page-padding);gap:var(--ds-page-gap);flex-direction:column;margin-inline:auto;display:flex}.ds .prose>p:not([class]){font-size:1.15em;line-height:1.65}.ds .back-link{align-self:flex-start;align-items:center;gap:var(--ds-button-py);color:var(--ds-color-muted);display:inline-flex}.ds .byline{align-items:center;gap:var(--ds-card-gap);padding-block:var(--ds-card-gap);border-block:var(--ds-rule-width) solid var(--ds-color-border);display:flex}.ds .byline>span:last-child{flex-direction:column;display:flex}.ds .pull{margin-block:var(--ds-page-gap);padding-block:var(--ds-page-gap);border-block:2px solid var(--ds-color-foreground);font-family:var(--ds-font-display-family), Georgia, serif;font-size:var(--ds-font-display-size);font-weight:var(--ds-font-display-weight);letter-spacing:var(--ds-font-display-tracking);line-height:var(--ds-font-display-leading)}.ds .linked-decision{margin-top:var(--ds-card-gap);flex-flow:wrap;justify-content:space-between;align-items:center}.ds .linked-decision>div{gap:calc(var(--ds-button-py) / 2);flex-direction:column;display:flex}.ds .linked-decision a{align-items:center;gap:var(--ds-button-py);display:inline-flex}.ds .auth-wrap{flex-wrap:wrap;min-height:100%;display:flex}.ds .inverse-panel{justify-content:space-between;gap:var(--ds-section-gap);min-width:0;padding:var(--ds-section-gap) var(--ds-page-padding);background-color:var(--ds-color-foreground);background-image:linear-gradient(var(--ds-inverse-rule) 1px, transparent 1px), linear-gradient(90deg, var(--ds-inverse-rule) 1px, transparent 1px);color:var(--ds-color-background);background-size:2rem 2rem;flex-direction:column;flex:24rem;display:flex}.ds .inverse-panel figure{gap:var(--ds-page-gap);flex-direction:column;max-width:30rem;display:flex}.ds .inverse-panel blockquote{font-family:var(--ds-font-display-family), Georgia, serif;font-weight:var(--ds-font-display-weight);font-size:var(--ds-font-display-size);letter-spacing:var(--ds-font-display-tracking);line-height:var(--ds-font-display-leading)}.ds .inverse-panel>p{color:var(--ds-inverse-muted)}.ds .auth-side{min-width:0;padding:var(--ds-section-gap) var(--ds-page-padding);flex:26rem;justify-content:center;align-items:center;display:flex}.ds .auth-form{gap:var(--ds-page-gap);flex-direction:column;width:min(100%,24rem);display:flex}.ds .auth-form>div{gap:var(--ds-button-py);flex-direction:column;display:flex}.ds .auth-form .ds-btn{width:100%}.ds .auth-note{padding:var(--ds-button-py) var(--ds-card-gap);border-radius:var(--ds-button-radius);background:var(--ds-color-surface-muted)}.ds .dash{flex-wrap:wrap;min-height:100%;display:flex}.ds .app-side{box-sizing:border-box;gap:var(--ds-page-gap);max-width:100%;padding:var(--ds-page-padding) var(--ds-card-gap);background:var(--ds-color-surface-muted);border-right:var(--ds-rule-width) solid var(--ds-color-border);flex-direction:column;flex:12rem;display:flex}.ds .app-side .brand{padding-inline:var(--ds-button-px)}.ds .app-side nav{flex-direction:column;flex-grow:1;gap:2px;display:flex}.ds .app-side nav a{align-items:center;gap:var(--ds-card-gap);padding:var(--ds-button-py) var(--ds-button-px);border-radius:var(--ds-button-radius);display:flex}.ds .app-side nav a[aria-current=page]{background:var(--ds-color-foreground);color:var(--ds-color-background)}.ds .app-user{align-items:center;gap:var(--ds-card-gap);padding:var(--ds-card-gap) var(--ds-button-px) 0;border-top:var(--ds-rule-width) solid var(--ds-color-border);display:flex}.ds .app-main{box-sizing:border-box;gap:var(--ds-page-gap);min-width:0;padding:var(--ds-page-padding);flex-direction:column;flex:999 35rem;display:flex}.ds .page-head{justify-content:space-between;align-items:flex-end;gap:var(--ds-card-gap);flex-wrap:wrap;display:flex}.ds .page-actions{gap:var(--ds-button-py);flex-wrap:wrap;display:flex}.ds .page-head>div:first-child{gap:calc(var(--ds-button-py) / 2);flex-direction:column;display:flex}.ds .stat-grid{gap:var(--ds-card-gap);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.ds .stat strong{font-family:var(--ds-font-display-family), Georgia, serif;font-size:var(--ds-font-display-size);font-weight:var(--ds-font-display-weight);letter-spacing:var(--ds-font-display-tracking);line-height:1.1}.ds .split{align-items:stretch;gap:var(--ds-card-gap);flex-wrap:wrap;display:flex}.ds .split>section{min-width:0}.ds .split>section:first-child{flex:2 30rem;gap:0;padding:0;overflow:hidden}.ds .split>section:last-child{flex:17rem}.ds .panel-head{justify-content:space-between;align-items:center;gap:var(--ds-card-gap);padding:var(--ds-card-gap) var(--ds-card-padding);border-bottom:var(--ds-rule-width) solid var(--ds-color-border);display:flex}.ds .table-scroll{overflow-x:auto}.ds .data-table{border-collapse:collapse;width:100%;min-width:32rem}.ds .data-table th,.ds .data-table td{text-align:left;padding:var(--ds-card-gap) var(--ds-card-padding)}.ds .data-table td{border-top:var(--ds-rule-width) solid var(--ds-color-border)}.ds .data-table td:first-child{font-weight:600}.ds .data-table th:last-child,.ds .data-table td:last-child{text-align:right;white-space:nowrap}.ds .data-table th{color:var(--ds-color-muted);font-family:var(--ds-font-label-family), ui-monospace, monospace;font-size:var(--ds-font-label-size);font-weight:var(--ds-font-label-weight);letter-spacing:var(--ds-font-label-tracking);text-transform:uppercase}.ds .bars{align-items:flex-end;gap:var(--ds-card-gap);min-height:10rem;padding-top:var(--ds-page-gap);border-bottom:var(--ds-rule-width) solid var(--ds-color-border);flex-grow:1;display:flex}.ds .bars span{background:var(--ds-color-foreground);border-radius:min(var(--ds-card-radius), .25rem) min(var(--ds-card-radius), .25rem) 0 0;min-height:var(--ds-rule-width);flex:1}.ds .bars span.is-today{background:var(--ds-color-accent)}.ds .bar-days{gap:var(--ds-card-gap);color:var(--ds-color-muted);display:flex}.ds .bar-days span{text-align:center;flex:1}.ds .settings-body{gap:var(--ds-page-gap);flex-direction:column;max-width:48rem;display:flex}.ds .settings-head{align-items:center;gap:var(--ds-card-gap);display:flex}.ds .settings-head>div{gap:calc(var(--ds-button-py) / 2);flex-direction:column;display:flex}.ds .settings-panel{gap:0;padding:0;overflow:hidden}.ds .form-grid{gap:var(--ds-card-gap) var(--ds-page-gap);padding:var(--ds-card-padding);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.ds .form-grid .is-wide{grid-column:1/-1}.ds .panel-foot{justify-content:flex-end;gap:var(--ds-button-py);padding:var(--ds-card-gap) var(--ds-card-padding);background:var(--ds-color-surface-muted);border-top:var(--ds-rule-width) solid var(--ds-color-border);display:flex}.ds .toggle-row{justify-content:space-between;align-items:center;gap:var(--ds-page-gap);padding:var(--ds-card-gap) var(--ds-card-padding);display:flex}.ds .toggle-row+.toggle-row{border-top:var(--ds-rule-width) solid var(--ds-color-border)}.ds .toggle-row>span{flex-direction:column;display:flex}.ds .toggle{background:color-mix(in srgb, var(--ds-color-muted) 60%, var(--ds-color-background));cursor:pointer;border:0;border-radius:999px;flex:none;width:3.25rem;height:1.875rem;padding:0;position:relative}.ds .toggle i{background:var(--ds-color-surface);border-radius:50%;width:1.5rem;height:1.5rem;transition:left .16s;position:absolute;top:.1875rem;left:.1875rem;box-shadow:0 1px 2px #0000004d}.ds .toggle[aria-pressed=true]{background:var(--ds-color-accent)}.ds .toggle[aria-pressed=true] i{background:var(--ds-color-accent-foreground);left:1.5625rem}.ds .specimen{gap:var(--ds-page-gap);padding:var(--ds-page-padding);flex-direction:column;display:flex}.ds .spec-block,.ds .swatches{gap:var(--ds-page-gap);flex-direction:column;display:flex}.ds .swatches{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid}.ds .swatch{gap:var(--ds-card-gap);flex-direction:column;display:flex}.ds .swatch i{height:var(--ds-page-gap);border-radius:var(--ds-card-radius);border:var(--ds-rule-width) solid var(--ds-color-border);display:block}.ds .swatch strong,.ds .swatch span{font-family:var(--ds-font-label-family), ui-monospace, monospace;font-size:var(--ds-font-label-size);letter-spacing:var(--ds-font-label-tracking)}@media (width<=720px){.ds .team-grid{grid-template-columns:1fr}}