.wb-region{padding-block:var(--space-l) var(--space-2xl)}.wb-wrap{--wrapper: 96rem}.wb-info{margin-block-start:var(--space-xl);display:none;gap:.5rem}.wb-save{font-size:var(--step--2);color:var(--ink-mute);max-inline-size:60ch}.wb-lead{font-size:var(--step-1);color:var(--ink-soft)}.wb{border:var(--hair) solid var(--ink);background:var(--bg-alt);display:grid;grid-template-columns:17rem 1fr;min-block-size:calc(100svb - var(--topbar-h) - 7rem)}.wb__side{border-inline-end:var(--hair) solid var(--rule);display:flex;flex-direction:column;background:var(--bg)}.wb__side-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--step-0);letter-spacing:-.02em;padding:var(--space-m);border-block-end:var(--hair) solid var(--rule)}.wb__steplist{list-style:none;margin:0;padding:0;display:grid;gap:0}.wb__stepbtn{inline-size:100%;font:inherit;font-family:var(--font-mono);font-size:var(--step--2);text-align:start;color:var(--ink-soft);background:transparent;border:0;border-block-end:var(--hair) solid var(--rule-soft);padding:.7em var(--space-m);cursor:pointer;display:grid;grid-template-columns:1.6em 1fr;gap:.7ch;align-items:start;transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.wb__steplist li:last-child .wb__stepbtn{border-block-end:0}.wb__stepbtn:hover:not(:disabled){background:var(--bg-alt);color:var(--ink)}.wb__stepbtn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.wb__stepnum{font-weight:400;opacity:.5;text-align:end}.wb__steplabel{overflow-wrap:anywhere}.wb__stepbtn.is-on{background:var(--accent);color:var(--bg)}.wb__stepbtn.is-on .wb__stepnum{color:var(--bg);opacity:.85}.wb__stepbtn.is-done{color:var(--accent-deep)}.wb__stepbtn.is-done .wb__stepnum{opacity:.8}.wb__stepbtn:disabled{opacity:.4;cursor:not-allowed}.wb__side-foot{margin-block-start:auto;padding:var(--space-m);border-block-start:var(--hair) solid var(--rule);display:grid;gap:.55rem}.wb__side-note{font-size:var(--step--2);color:var(--ink-mute);line-height:1.45}.wb__side-save{font-size:.68rem;color:var(--ink-mute);opacity:.85;line-height:1.4}.wb__side-auth{font-size:var(--step--2);line-height:1.4;color:var(--ink);background:var(--accent-soft);border-inline-start:3px solid var(--accent);padding:.5rem .6rem;margin:0 0 .3rem}.wb__authz{border:var(--hair) solid var(--accent);border-inline-start-width:3px;background:var(--accent-soft);padding:var(--space-s) var(--space-m);display:grid;gap:var(--space-s)}.wb__authz-h{margin:0;font-size:var(--step--2);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep)}.wb__authz-body{margin:0;font-size:var(--step--1);color:var(--ink-soft);line-height:1.5}.wb__main{display:flex;flex-direction:column;min-inline-size:0}@media(max-width:56rem){.wb{grid-template-columns:1fr}.wb__side{display:none}.wb-info{display:grid}.wb__navtxt{display:none}}.wb__progress{display:grid;grid-template-columns:minmax(6.5rem,auto) 1fr minmax(6.5rem,auto);align-items:stretch;gap:0;border-block-end:var(--hair) solid var(--rule)}.wb__progress>[data-back]{grid-column:1}.wb__progress-mid{grid-column:2;display:grid;gap:.4rem;justify-items:center;align-content:center;min-inline-size:0;padding:var(--space-s) var(--space-m);font-size:var(--step--2);color:var(--ink-mute)}.wb__progress-end{grid-column:3;display:flex;border-inline-start:var(--hair) solid var(--rule)}.wb__bar{inline-size:100%;block-size:3px;background:var(--rule-soft)}.wb__bar i{display:block;block-size:100%;inline-size:10%;background:var(--accent);transition:inline-size var(--dur-2) var(--ease-out)}.wb__navbtn{font:inherit;font-family:var(--font-display);font-weight:600;font-size:var(--step--1);inline-size:100%;margin:0;padding:0 var(--space-m);border:0;background:var(--accent);color:var(--bg);cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.4ch;transition:background var(--dur-2) var(--ease-out)}.wb__navbtn:hover:not(:disabled){background:var(--accent-deep)}.wb__navbtn--back{background:none;color:var(--ink);border-inline-end:var(--hair) solid var(--rule)}.wb__navbtn--back:hover:not(:disabled){background:var(--bg-alt)}.wb__navbtn:disabled{opacity:.4;cursor:not-allowed}.wb__navbtn[hidden]{display:none}.wb__arr{flex:none}.wb__step{border:0;margin:0;padding:var(--space-l) var(--space-m);display:grid;gap:var(--space-m);align-content:start;flex:1;overflow-y:auto;min-block-size:0}.wb__step[hidden]{display:none}.wb__h{font-family:var(--font-display);font-weight:700;font-size:var(--step-1);letter-spacing:-.02em}.wb__q{font-family:var(--font-display);font-weight:600;font-size:var(--step-0)}.wb__hint{font-size:var(--step--2)}.wb__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-s) var(--space-m)}@media(max-width:40rem){.wb__grid{grid-template-columns:1fr}}.wb__field{display:grid;gap:.3rem;align-content:start}.wb__field--full{grid-column:1 / -1}.wb__field>span{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute)}.wb__field input,.wb__field textarea{font:inherit;font-size:var(--step--1);padding:.6em .7em;background:var(--bg);border:var(--hair) solid var(--rule);border-radius:var(--radius);color:var(--ink)}.wb__field textarea{resize:vertical}.wb__field input:focus,.wb__field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.wb__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:var(--space-2xs)}.wb__card{font:inherit;font-family:var(--font-display);font-weight:600;font-size:var(--step--1);padding:.8em .7em;background:var(--bg);border:var(--hair) solid var(--rule);border-radius:var(--radius);color:var(--ink);cursor:pointer;text-align:center}.wb__card:hover{border-color:var(--accent)}.wb__card.is-on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent)}.wb__checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:.3rem var(--space-m)}.wb__check{display:flex;align-items:center;gap:.6ch;font-size:var(--step--1);cursor:pointer}.wb__check input{appearance:none;-webkit-appearance:none;margin:0;flex:none;inline-size:1.15rem;block-size:1.15rem;background:var(--bg);border:var(--hair) solid var(--rule);border-radius:var(--radius);display:grid;place-content:center;cursor:pointer;transition:border-color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.wb__check input:hover{border-color:var(--accent)}.wb__check input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wb__check input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.wb__check input[type=checkbox]:checked:after{content:"";inline-size:.32rem;block-size:.6rem;border:solid var(--bg);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}.wb__check input[type=radio]:checked{border-color:var(--accent)}.wb__check input[type=radio]:checked:after{content:"";inline-size:.62rem;block-size:.62rem;border-radius:var(--radius);background:var(--accent)}.wb__block{border:var(--hair) solid var(--rule);padding:var(--space-s) var(--space-m) var(--space-m);display:grid;gap:var(--space-s)}.wb__block-h{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-deep)}[data-pages-content]{display:grid;gap:var(--space-m)}.wb__rep{display:grid;gap:var(--space-s)}.wb__rep-item{border:var(--hair) solid var(--rule);padding:var(--space-s) var(--space-m);display:grid;gap:var(--space-s);position:relative}.wb__rep-del{position:absolute;inset-block-start:.4rem;inset-inline-end:.4rem;inline-size:1.6rem;block-size:1.6rem;border:var(--hair) solid var(--rule);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:var(--radius);line-height:1}.wb__rep-del:hover{background:var(--ink);color:var(--bg)}.wb__rep-add{justify-self:start;font-family:var(--font-display);font-weight:600;font-size:var(--step--1);padding:.5em 1em;border:var(--hair) solid var(--ink);border-radius:var(--radius);background:none;cursor:pointer}.wb__rep-add:hover{background:var(--ink);color:var(--bg)}.wb__uploads{display:grid;gap:var(--space-m)}.wb__up{display:grid;gap:var(--space-2xs)}.wb__up-l{font-size:var(--step--2);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute)}.wb__up-l em{font-style:normal;color:var(--accent-deep)}.wb__up-btn{justify-self:start;display:inline-flex;align-items:center;gap:.5ch;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:var(--step--1);padding:.55em 1em;border:var(--hair) solid var(--ink);border-radius:var(--radius)}.wb__up-btn:hover{background:var(--ink);color:var(--bg)}.wb__up-btn input{position:absolute;width:1px;height:1px;opacity:0}.wb__up-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:var(--space-2xs)}.wb__thumb{position:relative;border:var(--hair) solid var(--rule);aspect-ratio:1;background:var(--bg)}.wb__thumb img{inline-size:100%;block-size:100%;object-fit:cover}.wb__thumb button{position:absolute;inset-block-start:2px;inset-inline-end:2px;inline-size:1.4rem;block-size:1.4rem;border:0;background:var(--ink);color:var(--bg);cursor:pointer;line-height:1}.wb__up-list{font-size:var(--step--1);display:flex;align-items:center;gap:var(--space-s)}.wb__up-list button{border:0;background:none;color:var(--accent-deep);cursor:pointer;text-decoration:underline}.wb__doclist{display:grid;gap:.3rem}.wb__doc{display:flex;justify-content:space-between;align-items:center;gap:1ch;font-size:var(--step--1);border:var(--hair) solid var(--rule);padding:.4em .6em;border-radius:var(--radius)}.wb__doc button{border:0;background:none;color:var(--accent-deep);cursor:pointer;line-height:1;font-size:var(--step-0)}.wb__consent{display:flex;gap:.5rem;align-items:start;font-size:var(--step--1);color:var(--ink-soft)}.wb__consent input{appearance:none;-webkit-appearance:none;margin:.15rem 0 0;flex:none;inline-size:1.15rem;block-size:1.15rem;background:var(--bg);border:var(--hair) solid var(--rule);border-radius:var(--radius);display:grid;place-content:center;cursor:pointer}.wb__consent input:checked{background:var(--accent);border-color:var(--accent)}.wb__consent input:checked:after{content:"";inline-size:.32rem;block-size:.6rem;border:solid var(--bg);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}.wb__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.wb__err{color:#c0392b;font-size:var(--step--1)}.wb__palette{display:flex;flex-wrap:wrap;gap:.4rem}.wb__sw{inline-size:2rem;block-size:2rem;border-radius:var(--radius);border:var(--hair) solid var(--rule);background:var(--c);cursor:pointer;padding:0;position:relative}.wb__sw:hover{transform:scale(1.08)}.wb__sw.is-on{outline:2px solid var(--accent);outline-offset:2px}.wb__sw.is-on:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;mix-blend-mode:difference;font-size:.95rem;font-weight:700}.wb__cpresets{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-block-end:var(--space-s);padding-block-end:var(--space-s);border-block-end:var(--hair) solid var(--rule-soft)}.wb__cpresets-label{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute);margin-inline-end:.3rem}.wb__cpreset{font:inherit;display:inline-flex;align-items:center;gap:.45rem;padding:.35em .7em;background:var(--bg);border:var(--hair) solid var(--rule);border-radius:var(--radius);font-size:var(--step--2);color:var(--ink);cursor:pointer;transition:border-color var(--dur-1) var(--ease-out)}.wb__cpreset:hover{border-color:var(--accent)}.wb__cpreset-strip{inline-size:2.4rem;block-size:.8rem;border:var(--hair) solid var(--rule);border-radius:2px;background:linear-gradient(to right,var(--c1) 0 33.33%,var(--c2) 33.33% 66.66%,var(--c3) 66.66% 100%)}.wb__cpreset-name{white-space:nowrap}.wb__crole{display:grid;gap:.35rem;padding-block:var(--space-xs);border-block-end:var(--hair) solid var(--rule-soft)}.wb__crole:last-child{border-block-end:0}.wb__crole-label{margin:0;font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute)}.wb__crole-opt{font-style:normal;opacity:.7}.wb__crole-row{display:grid;grid-template-columns:11rem 1fr;gap:.5rem}.wb__crole-picker{position:relative;background:var(--cur, var(--bg-alt));border:var(--hair) solid var(--rule);border-radius:var(--radius);overflow:hidden;min-block-size:4.5rem}.wb__crole-color{position:absolute;inset:0;inline-size:100%;block-size:100%;padding:0;border:0;background:transparent;opacity:0;cursor:pointer}.wb__crole-hex{position:absolute;inset-block-end:.3rem;inset-inline:.3rem;block-size:1.8rem;padding:0 .55em;font:inherit;font-family:var(--font-mono);font-size:var(--step--1);color:var(--ink);background:var(--bg);border:var(--hair) solid var(--rule);border-radius:var(--radius);z-index:1}.wb__crole-hex:focus{outline:2px solid var(--accent);outline-offset:1px;position:absolute}.wb__crole-swatches{display:flex;flex-wrap:wrap;column-gap:.3rem;row-gap:.18rem}[data-busy] [data-submit]{opacity:.6;pointer-events:none}.wb__success{border:var(--hair) solid var(--accent);background:var(--accent-soft);padding:var(--space-2xl) var(--space-l);display:grid;gap:var(--space-s);justify-items:start}.wb__success[hidden]{display:none}.wb__success-mark{font-size:var(--step-3)}.wb__success-t{font-family:var(--font-display);font-weight:700;font-size:var(--step-2)}
