:root{--primary:#e3312a;--on-primary:#fff;--secondary:#16482b;--on-secondary:#fff;--accent:#ffc93c;--surface:#f8eedf;--paper:#fffdf9;--ink:#2a2522;--muted:#6d6259;--line:#e8dcc7;--font:"Outfit", "Avenir Next", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{font-family:var(--font);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:30;background:var(--secondary);position:fixed;inset:0 0 auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}img{max-width:100%;display:block}.preview{background:var(--ink);color:var(--paper);padding-block:8px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));text-align:center;font-size:13px}.top{top:env(safe-area-inset-top,0px);z-index:20;padding-block:12px;padding-left:max(24px, env(safe-area-inset-left,0px));padding-right:max(24px, env(safe-area-inset-right,0px));background:var(--secondary);color:var(--on-secondary);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:sticky}.brandmark{flex-direction:column;line-height:1.1;display:flex}.brandname{font-size:20px;font-weight:800}.sub{opacity:.78;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.surfaces{background:#ffffff1f;border-radius:999px;gap:4px;padding:4px;display:flex}.surfaces button{color:inherit;background:0 0;border:0;border-radius:999px;padding:8px 18px;font-weight:600}.surfaces button.on{background:var(--paper);color:var(--secondary)}.progress{font-variant-numeric:tabular-nums;justify-self:end;align-items:center;gap:10px;font-size:13px;display:flex}.progress .bar{background:#fff3;border-radius:6px;width:120px;height:6px;overflow:hidden}.progress .bar i{background:var(--accent);height:100%;transition:width .3s;display:block}.layout{grid-template-columns:240px minmax(0,1fr);max-width:1440px;margin:0 auto;display:grid}.rail{top:calc(64px + env(safe-area-inset-top,0px));padding:28px 12px 28px max(24px, env(safe-area-inset-left,0px));align-self:start;max-height:calc(100vh - 64px);position:sticky;overflow:auto}.railtitle{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 12px 10px;font-size:12px}.rail ol{margin:0;padding:0;list-style:none}.rail button{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:15px;display:flex}.rail button:hover{background:#2a25220d}.rail button.cur{background:var(--paper);box-shadow:0 1px 0 var(--line);font-weight:700}.dot{border:2px solid var(--line);border-radius:50%;flex:none;width:10px;height:10px}.rail .done .dot{background:var(--secondary);border-color:var(--secondary)}.rail .off .dot{background:var(--line)}.rail .off{color:var(--muted)}.main{padding-block:32px 80px;padding-left:32px;padding-right:max(32px, env(safe-area-inset-right,0px));min-width:0}.intro{max-width:68ch;color:var(--muted);margin:0 0 20px;font-size:17px}.banner{background:var(--accent);color:var(--ink);border-radius:12px;max-width:80ch;margin:0 0 16px;padding:12px 16px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 6px;font-size:12px;font-weight:700}h1{text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;margin:0 0 8px;font-size:clamp(30px,4vw,44px);font-weight:800}.desc{color:var(--muted);max-width:68ch;margin:0 0 16px;font-size:17px}.switch{cursor:pointer;align-items:center;gap:10px;margin-bottom:12px;font-weight:600;display:inline-flex;position:relative}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch .track{background:var(--line);border-radius:999px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.switch .track:after{content:"";background:var(--paper);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch input:checked+.track{background:var(--secondary)}.switch input:checked+.track:after{transform:translate(18px)}.switch input:focus-visible+.track{outline:3px solid var(--accent);outline-offset:2px}.group{margin:28px 0 8px}.grouphead h2{margin:0;font-size:22px;font-weight:800}.grouphead p{color:var(--muted);margin:4px 0 0}.cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px;margin-top:16px;display:grid}.card{flex-direction:column;gap:6px;min-width:0;display:flex}.pick{text-align:left;background:0 0;border:0;flex-direction:column;gap:10px;padding:0;display:flex}.frame{aspect-ratio:390/844;background:var(--paper);border:1px solid var(--line);outline-offset:3px;border-radius:26px;outline:3px solid #0000;max-width:100%;transition:transform .2s,box-shadow .2s,outline-color .2s;display:block;position:relative;overflow:hidden;box-shadow:0 8px 24px #2a252214}.frame img{object-fit:cover;object-position:top;width:100%;height:100%}.pick:hover .frame{transform:translateY(-3px);box-shadow:0 14px 32px #2a252224}.card.on .frame{outline-color:var(--primary)}.tick{background:var(--primary);color:var(--on-primary);letter-spacing:.04em;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;right:12px}.placeholder{color:var(--muted);background:repeating-linear-gradient(135deg, var(--paper), var(--paper) 12px, var(--surface) 12px, var(--surface) 24px);place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.cards.wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cards.wide .frame{aspect-ratio:auto;background:var(--paper);border-radius:16px;flex-direction:column;gap:12px;min-height:140px;padding:12px;display:flex}.cards.wide .frame img{object-fit:contain;border-radius:8px;height:auto}.cards.wide .frame img.second{align-self:flex-start;max-width:55%}.cards.wide .placeholder{border-radius:8px;min-height:140px;position:static}.gallery{flex-wrap:wrap;align-items:flex-start;gap:20px;margin:20px 0 8px;display:flex}.gallery figure{background:var(--paper);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;max-width:min(100%,680px);margin:0;padding:12px;display:flex}.gallery figure button{background:0 0;border:0;padding:0}.gallery img{border-radius:8px;width:auto;max-height:380px}.gallery figcaption strong{display:block}.gallery figcaption small{color:var(--muted)}.banner.soft{background:var(--paper);border:1px dashed var(--line)}.meta{flex-direction:column;gap:2px;display:flex}.meta .code{color:var(--primary);letter-spacing:.06em;font-size:12px;font-weight:700}.meta strong{font-size:17px}.meta small{color:var(--muted);font-size:13px;line-height:1.35}.zoom{color:var(--secondary);background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.dim{opacity:.4;pointer-events:none}.comps{border-top:1px solid var(--line);margin-top:36px;padding-top:24px}.compset h3{margin:20px 0 10px;font-size:15px}.compgrid{flex-wrap:wrap;gap:12px;display:flex}.comp{border:1px solid var(--line);background:var(--paper);border-radius:12px;max-width:100%;padding:8px}.comp img{width:auto;max-height:200px}.btn{background:var(--primary);color:var(--on-primary);letter-spacing:.04em;text-transform:uppercase;border:0;border-radius:999px;padding:14px 24px;font-size:14px;font-weight:700}.btn.ghost{color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary);background:0 0}.btn.sm{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.35}.notes{flex-direction:column;gap:6px;max-width:640px;margin-top:32px;font-weight:600;display:flex}.notes textarea,.notes input{border:1px solid var(--line);background:var(--paper);resize:vertical;border-radius:12px;padding:12px 14px;font-weight:400}.pager{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;display:flex}.switches{gap:12px;max-width:640px;margin-top:16px;display:grid}.switchcard{background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.switchcard strong{display:block}.switchcard small{color:var(--muted)}.switchcard .switch{margin:0}.stylechips{flex-wrap:wrap;gap:8px;margin:12px 0 20px;display:flex}.chip{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.tablewrap{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px}thead th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}tbody tr:last-child>*{border-bottom:0}select{border:1px solid var(--line);background:var(--paper);border-radius:10px;min-width:130px;padding:8px 10px}.arrange ol{gap:10px;max-width:720px;margin:0;padding:0;list-style:none;display:grid}.arrange li,.fixedrow{background:var(--paper);border:1px solid var(--line);border-radius:16px;grid-template-columns:36px 56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 14px;display:grid}.fixedrow{background:0 0;border-style:dashed;grid-template-columns:36px 56px minmax(0,1fr);max-width:720px;margin:16px 0 10px}.arrange img,.noimg{object-fit:cover;object-position:top;background:var(--surface);border-radius:8px;width:56px;height:72px}.pos{color:var(--primary);text-align:center;font-weight:800}.what small,.fixedrow small{color:var(--muted);display:block}.moves{gap:6px;display:flex}.review dl{background:var(--paper);border:1px solid var(--line);border-radius:16px;max-width:820px;margin:16px 0 0;overflow:hidden}.review .row{border-bottom:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);gap:16px;padding:12px 16px;display:grid}.review .row:last-child{border-bottom:0}.review dt{font-weight:700}.review dd{margin:0}.review dd small{color:var(--muted);margin-top:4px;display:block}.review em{color:var(--muted)}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.msg{color:var(--secondary);font-weight:600}#summaryText{border:1px solid var(--line);background:var(--paper);border-radius:12px;width:100%;max-width:820px;margin-top:12px;padding:12px;font-size:13px}.lightbox{z-index:50;padding:max(24px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:#14100ed1;place-items:center;display:grid;position:fixed;inset:0}.lightbox figure{flex-direction:column;align-items:center;gap:12px;max-height:100%;margin:0;display:flex}.lightbox img{background:var(--paper);border-radius:28px;width:auto;max-height:calc(100vh - 170px)}.lightbox figcaption{color:var(--paper);text-align:center;flex-direction:column;gap:4px;max-width:60ch;display:flex}.lightbox figcaption span{opacity:.8;font-size:14px}.lightbox .close{color:var(--paper);box-shadow:inset 0 0 0 2px var(--paper)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (max-width:900px){.top{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));grid-template-columns:1fr auto}.progress{display:none}.layout{grid-template-columns:minmax(0,1fr)}.rail{max-height:none;padding:12px 0 0;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));position:static;overflow-x:auto}.railtitle{display:none}.rail ol{gap:6px;width:max-content;display:flex}.rail button{white-space:nowrap;background:var(--paper);border:1px solid var(--line);border-radius:999px;font-size:14px}.main{padding-block:20px 64px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.frame{border-radius:18px}.review .row{grid-template-columns:minmax(0,1fr);gap:4px}.arrange li{grid-template-columns:28px 44px minmax(0,1fr)}.arrange li .moves{grid-column:1/-1;justify-content:flex-end}}.concept{background:var(--paper);border:2px solid var(--ink);border-radius:12px;max-width:80ch;margin:0 0 20px;padding:12px 16px;font-size:15px}.concept strong{margin-bottom:2px;font-size:16px;display:block}.sub2{text-transform:uppercase;letter-spacing:.02em;margin:28px 0 10px;font-size:18px;font-weight:800}.desc.small{margin-top:10px;font-size:14px}.viewtag{letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--paper);border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:8px;right:10px}.viewtag.inline{margin-bottom:6px;display:inline-block;position:static}.cards.wide .frame{position:relative}.views{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.view{flex-direction:column;gap:4px;display:flex}.view em{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-style:normal;font-weight:700}.view.m img{object-fit:contain;object-position:left top;width:auto;max-width:60%;max-height:260px}.zooms{gap:14px;display:flex}body .layout{grid-template-columns:220px minmax(0,1fr) minmax(0,560px);max-width:1680px}.pvaside{top:calc(64px + env(safe-area-inset-top,0px));padding:28px max(24px, env(safe-area-inset-right,0px)) 28px 0;align-self:start;max-height:calc(100vh - 64px);position:sticky;overflow:auto}.pvhead{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.seg{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.seg button{background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.seg button.on{background:var(--ink);color:var(--paper)}.pv-frame{border:1px solid var(--line);background:#fff;border-radius:14px;font-size:12px;position:relative;overflow:hidden;box-shadow:0 10px 28px #2a25221a}.pv-frame.mobile{border:8px solid var(--ink);border-radius:30px;width:300px;max-width:100%;margin:0 auto}.pv-page{min-height:300px}.pv-scale{transform-origin:0 0}.pv-frame.desktop{overflow:hidden}.pv-frame.desktop .pv-page{font-size:14px}.pv-frame.desktop .pv-link{padding:7px 9px;font-size:12px}.pv-frame.desktop .pv-logo{height:34px}.pv-frame.desktop .pv-copy b{font-size:34px}.pv-frame.desktop .pv-btn{padding:10px 18px;font-size:12px}.pv-frame.desktop .pv-hero{gap:32px;padding:32px 40px}.pv-frame.desktop .pv-body,.pv-frame.desktop .pv-member{padding-left:40px;padding-right:40px}.pv-frame.desktop .pv-nav{gap:18px;padding:12px 24px}.pv-frame.mobile{height:620px}.pv-frame.mobile .pv-scale{height:100%;overflow-y:auto}.pv-float{padding:10px 10px 0}.pv-nav{align-items:center;gap:12px;min-height:52px;padding:10px 16px;display:flex}.pv-nav.pill{border-radius:999px;box-shadow:0 6px 18px #0000001f}.pv-nav.m{gap:10px;padding:10px 12px}.pv-logo{width:auto;height:26px}.pv-links{flex-wrap:nowrap;gap:4px;display:flex}.pv-link{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:6px 7px;font-size:10px;font-weight:700;transition:all .15s}.grow{flex:1}.grow.center{justify-content:center;display:flex}.pv-loc{white-space:nowrap;border:1.5px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.pv-loc small{opacity:.8;font-size:9px;font-weight:400;display:block}.pv-loc i{border-radius:50%;flex:none;width:8px;height:8px}.pv-ico{border:2px solid;border-radius:50%;flex:none;width:14px;height:14px}.pv-ico.bag{border-radius:3px}.pv-burger{flex:none;width:16px;height:2px;box-shadow:0 5px,0 -5px}.pv-subbar{justify-content:space-between;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.pv-btn{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;justify-content:center;align-items:center;padding:8px 14px;font-size:10px;font-weight:800;display:inline-flex}.pv-btn.outline{box-shadow:inset 0 0 0 1.5px;color:inherit!important;background:0 0!important}.pv-sep{padding:6px 0 0;line-height:0}.pv-sep svg{display:block}.patband{background-repeat:repeat-x;background-size:44px;height:22px;display:block}.hardline{height:1px;display:block}.pv-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:12px;padding:18px;display:grid}.pv-frame.mobile .pv-hero{grid-template-columns:1fr}.pv-hero img{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%}.pv-copy{flex-direction:column;gap:8px;display:flex}.pv-copy small{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.pv-copy b{text-transform:uppercase;font-size:20px;font-weight:800;line-height:1.05}.pv-row{flex-wrap:wrap;gap:8px;display:flex}.pv-member{flex-wrap:wrap;gap:8px;padding:10px 18px;font-weight:700;display:flex}.pv-member b{font-weight:600}.pv-body{flex-direction:column;gap:12px;padding:14px 18px 18px;display:flex}.pv-toggle{align-self:flex-start;padding:3px;font-size:11px;font-weight:700;display:inline-flex}.pv-toggle span{padding:6px 16px}.pv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pv-frame.mobile .pv-grid{grid-template-columns:1fr}.pv-card{overflow:hidden;box-shadow:0 0 0 1px #00000014}.pv-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.pv-card>div{flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.pv-card b{text-transform:uppercase;font-size:13px;line-height:1.1}.chipy{border-radius:999px;align-self:flex-start;padding:3px 8px;font-size:9px;font-weight:700}.pv-promo{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:16px;display:flex}.pv-promo small{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.pv-promo b{text-transform:uppercase;font-size:18px;line-height:1.05}.pv-foot{padding:14px 18px;font-weight:700}.pv-tabbar{border-radius:999px;justify-content:space-between;padding:5px;font-size:9px;font-weight:600;display:flex;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 6px 18px #0000002e}.pv-tabbar span{border-radius:999px;padding:6px 7px}.pvnote{color:var(--muted);margin:10px 0;font-size:12px}.checks{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.checks li{background:var(--paper);border:1px solid var(--line);border-radius:10px;justify-content:space-between;gap:10px;padding:7px 10px;display:flex}.checks li b{font-variant-numeric:tabular-nums}.checks .ok b{color:#2e7d4f}.checks .bad b{color:#b42318}.roles{gap:12px;margin-bottom:16px;display:grid}.role{background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.rolehead{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.rolehead strong{display:block}.rolehead small{color:var(--muted);font-size:12px;display:block}.tok{font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--secondary)!important;font-size:11px!important}.rolename{text-align:right;font-size:13px;font-weight:600}.sw{vertical-align:middle;border-radius:6px;width:18px;height:18px;display:inline-block;box-shadow:inset 0 0 0 1px #00000026}.sw.big{border-radius:10px;width:36px;height:36px}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swb{border:0;border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 1px #0000002e}.swb.on{outline:3px solid var(--ink);outline-offset:2px}.custom{cursor:pointer;align-items:center;gap:6px;margin-left:4px;font-size:12px;font-weight:600;display:inline-flex}.custom input{cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0}.chips{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.chipbtn{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.chipbtn small{color:var(--muted);font-size:12px}.chipbtn{transition:background .15s,color .15s;position:relative}.chipbtn.on{background:var(--secondary);border-color:var(--secondary);color:var(--on-secondary)}.chipbtn.on small{color:#ffffffd1}.chipbtn.on small.flag{color:#ffd2cc!important}.chipbtn.on:after{content:"✓ Selected";letter-spacing:.04em;color:var(--accent);font-size:11px;font-weight:800;position:absolute;top:8px;right:10px}.chipbtn.on .radiusdemo{background:var(--accent)}.customradius{cursor:default}.pxin{align-items:center;gap:6px;font-weight:600;display:inline-flex}.pxin input{border:1px solid var(--line);width:72px;color:var(--ink);background:#fff;border-radius:8px;padding:6px 8px}.secdemo{background:var(--surface);border:1px solid var(--line);height:30px;margin-bottom:6px;display:block;position:relative}.secdemo i{background:var(--primary);position:absolute;top:6px;bottom:6px}.secdemo.full i{left:0;right:0}.secdemo.contained i{left:14px;right:14px}.sub3{margin:18px 0 8px;font-size:14px;font-weight:800}.hardline.dashed{border-top:2px dashed var(--line);height:0}.pv-section.contained{padding:0 18px 14px}.pv-frame.desktop .pv-section.contained{padding:0 40px 18px}.pv-section.full{padding-bottom:14px}.pv-band{padding:0;display:block}.pv-band-in{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:14px;padding:16px 18px;display:grid}.pv-frame.desktop .pv-band-in{padding:24px 40px}.pv-frame.mobile .pv-band-in{grid-template-columns:1fr}.pv-band-in img{aspect-ratio:16/10;object-fit:cover;width:100%}.pv-band-in>div{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.pv-band-in small{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.pv-band-in b{text-transform:uppercase;font-size:18px;line-height:1.05}.pv-frame.desktop .pv-band-in b{font-size:26px}.pv-band .pv-sep{padding:0}.pv-gap{height:8px}.swatchchip .sw{border-radius:8px;width:100%;height:28px;margin-bottom:4px}.radiusdemo{background:var(--primary);height:30px;margin-bottom:6px;display:block}.sepdemo{padding:8px 0;line-height:0;display:block}.reviewdl{background:var(--paper);border:1px solid var(--line);border-radius:16px;max-width:820px;margin:16px 0 0;overflow:hidden}.reviewdl .row{border-bottom:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);gap:16px;padding:12px 16px;display:grid}.reviewdl .row:last-child{border-bottom:0}.reviewdl dt{font-weight:700}.reviewdl dd{margin:0}.reviewdl dd small{color:var(--muted);margin-top:4px;display:block}.reviewdl dd small.tok{margin-left:6px;display:inline}.tokens{max-width:820px;margin-top:16px}.tokens summary{cursor:pointer;padding:8px 0;font-weight:700}.tokens table{background:var(--paper);border:1px solid var(--line);border-radius:12px;min-width:0}.tokens th{text-transform:none;letter-spacing:0;color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:500}@media (max-width:1200px){body .layout{grid-template-columns:220px minmax(0,1fr)}body .pvaside{max-height:none;padding:0 max(32px, env(safe-area-inset-right,0px)) 40px 32px;order:-1;grid-column:2;position:static}}@media (max-width:900px){body .layout{grid-template-columns:minmax(0,1fr)}body .pvaside{padding:16px max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));grid-column:auto}.reviewdl .row{grid-template-columns:minmax(0,1fr);gap:4px}.rolehead{grid-template-columns:auto minmax(0,1fr)}.rolename{text-align:left;grid-column:2}}.a11y{border:2px solid;border-radius:14px;max-width:80ch;margin:0 0 18px;padding:14px 16px}.a11y>strong{font-size:16px;display:block}.a11y>small{color:var(--muted);margin-top:2px;display:block}.a11y.ok{background:#eef7f1;border-color:#2e7d4f}.a11y.ok>strong{color:#1f6b40}.a11y.bad{background:#fdf0ef;border-color:#b42318}.a11y.bad>strong{color:#9a1c13}.a11y.warn{background:#fff7e6;border-color:#b26b00}.a11y ul,.a11y-inline{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.a11y-issue{background:var(--paper);border:1px solid #f1c4bf;border-left:4px solid #b42318;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 10px;display:flex}.a11y-issue.soft{border-color:#f0d9a8 #f0d9a8 #f0d9a8 #b26b00}.a11y-issue>div{flex:260px;min-width:0}.a11y-issue strong{font-size:14px}.a11y-issue .need{color:#9a1c13;font-size:12px;font-weight:700}.a11y-issue.soft .need{color:#8a5300}.a11y-issue small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.fixes{flex-wrap:wrap;gap:6px;display:flex}.fixes .btn.sm{text-transform:none;letter-spacing:0;align-items:center;gap:6px;font-size:12px;display:inline-flex}.fixes .sw{border-radius:4px;width:14px;height:14px}.role.fails{border-color:#e7a19a;box-shadow:inset 4px 0 #b42318}.swb{position:relative}.swb.warnsw:after{content:"!";color:#fff;text-align:center;width:15px;height:15px;box-shadow:0 0 0 2px var(--paper);background:#b42318;border-radius:50%;font-size:10px;font-weight:800;line-height:15px;position:absolute;top:-4px;right:-4px}.legend{color:var(--muted);align-items:center;gap:10px;margin:0 0 14px;font-size:13px;display:flex}.swb.demo{background:var(--line);flex:none;width:18px;height:18px}.flag{font-weight:700;color:#9a1c13!important}.checkshead{margin:14px 0 8px;font-size:14px}.checks .soft b{color:#8a5300}.a11y-toast{z-index:60;right:max(16px, env(safe-area-inset-right,0px));bottom:max(16px, env(safe-area-inset-bottom,0px));color:#fff;background:#9a1c13;border-radius:14px;flex-direction:column;gap:4px;max-width:min(380px,100vw - 32px);padding:14px 16px;display:flex;position:fixed;box-shadow:0 12px 30px #00000040}.a11y-toast small{opacity:.85}.pv-pbody{opacity:.9;font-size:11px}.pv-band{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:14px;padding:12px;display:grid}.pv-frame.mobile .pv-band{grid-template-columns:1fr}.pv-band img{aspect-ratio:16/10;object-fit:cover;width:100%}.pv-band>div{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.pv-band small{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.pv-band b{text-transform:uppercase;font-size:18px;line-height:1.05}.pv-frame.desktop .pv-band b,.pv-frame.desktop .pv-promo b{font-size:26px}.ovr{letter-spacing:.04em;text-transform:uppercase;color:#8a5300;vertical-align:middle;background:#fff1d6;border:1px solid #f0d9a8;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:700}.ovpanel .sw{vertical-align:-2px;width:14px;height:14px}.chipbtn.on{padding-top:32px}.chipbtn.on:after{top:10px;left:12px;right:auto}.pv-section .pv-band{gap:0;padding:0;display:block}.pv-section .pv-band>.pv-sep{padding:0;display:block}.pv-section .pv-band>.pv-band-in{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:14px;display:grid}.pv-frame.mobile .pv-section .pv-band>.pv-band-in{grid-template-columns:1fr}.pv-section .pv-band-in>div{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.bp-count{color:var(--muted);font-size:13px;font-weight:600}.bp-phone{border:9px solid var(--ink);background:#f8eedf;border-radius:44px;width:320px;max-width:100%;height:660px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 14px 36px #2a25222e}.bp-screen{scroll-behavior:smooth;height:100%;overflow-y:auto}.bp-layer{transition:box-shadow .2s;position:relative}.bp-layer img{width:100%;display:block}.bp-layer.cur:after{content:"";box-shadow:inset 0 0 0 3px var(--accent);pointer-events:none;position:absolute;inset:0}.bp-sec{justify-content:flex-start;padding:6px 0;display:flex}.bp-sec img{margin-left:4.1%}.bp-sec img[style*="width:100%"]{margin-left:0}.bp-crop{height:470px;overflow:hidden}.bp-crop img{width:100%}.bp-ghost{color:var(--muted);text-align:center;background:#fff6;border:2px dashed #cdbfa7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:8px 12px;font-size:13px;font-weight:700;display:flex}.bp-ghost small{font-size:11px;font-weight:500}.bp-spacer{height:90px}.bp-nav{width:100%;position:absolute;bottom:0;left:0;right:0}.bp-nav.float{bottom:10px}.ghostnav{text-align:center;color:var(--muted);background:#fff;border-top:2px dashed #cdbfa7;padding:16px;font-size:12px;font-weight:700}.bp-web{border:1px solid var(--line);background:#fffdf9;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px #2a25221a}.bp-web.desktop .bp-screen{height:640px}.bp-web.mobile{border:9px solid var(--ink);border-radius:40px;width:320px;max-width:100%;margin:0 auto}.bp-web.mobile .bp-screen{height:640px}.bp-pad{justify-content:center;padding:10px 12px;display:flex}.bp-pad img.bp-narrow{max-width:46%}.bp-drawer{background:#0000000f;padding:10px 12px}.bp-drawer small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.bp-drawer img{border-radius:10px;max-width:70%;margin:0 auto}.bp-cat{padding:10px 12px}.bp-cat b{text-transform:uppercase;margin-bottom:8px;font-size:14px;display:block}.bp-cards{align-items:start;gap:8px;display:grid}.bp-cards img{border-radius:8px;width:100%}.bp-foot{margin-top:10px;padding:14px;font-size:12px;font-weight:700}.btn.danger{color:#9a1c13;box-shadow:inset 0 0 0 2px #9a1c13}.removed{gap:8px;max-width:720px;margin:0;padding:0;list-style:none;display:grid}.removed li{background:var(--paper);border:1px dashed var(--line);color:var(--muted);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:600;display:flex}.approve{cursor:pointer;align-items:flex-start;gap:10px;max-width:640px;margin-top:24px;font-weight:600;display:flex}.approve input{width:20px;height:20px;accent-color:var(--secondary);margin-top:2px}.arrange li img{object-fit:contain;background:#f8eedf}.pv-svg{flex:none;width:18px;height:18px}.pv-frame.desktop .pv-svg{width:22px;height:22px}.pv-burgerbtn{cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:6px 4px;display:inline-flex}.pv-burgerbtn:hover{background:#00000014}.pv-burgerbtn .pv-burger{color:inherit;display:block}.pv-frame.mobile .pv-page{padding-bottom:0}.pv-drawer{z-index:5;flex-direction:column;gap:12px;padding:12px 14px 20px;animation:.2s ease-out pvIn;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes pvIn{0%{opacity:0;transform:translate(-12%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pv-drawer{animation:none}}.pv-drawer-top{align-items:center;gap:10px;display:flex}.pv-drawer-top .pv-btn{margin-left:auto}.pv-close{cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:18px}.pv-dcard{flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.pv-dcard small{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.pv-dcard b{text-transform:uppercase;font-size:16px;line-height:1.05}.pv-dlinks{flex-direction:column;gap:6px;margin-top:4px;display:flex}.pv-dlink{text-transform:uppercase;font-size:22px;font-weight:800;line-height:1.1}.pv-dnote{color:var(--muted);margin-top:auto;font-size:10px}.devbar{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;margin:6px 0 14px;font-size:13px;font-weight:700;display:flex}.wcard .wframe{aspect-ratio:auto;background:var(--paper);border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex}.wcard .wframe img{object-fit:contain;border-radius:8px;width:100%;height:auto}.wv.m{width:100%;max-width:210px;margin:0 auto;display:block}.wv.m img{object-fit:contain;object-position:top;max-height:420px}.wv.d img{object-fit:contain;object-position:left top;max-height:260px}.wdet{flex-direction:column;gap:4px;display:flex}.wdet em{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-style:normal;font-weight:700}.wdet img{object-fit:contain;object-position:left top;max-height:200px}.wdet.only img{max-height:340px}.main .cards:has(.wcard){grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cardstyles{gap:18px;display:grid}.cs{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.cs-h{margin:0 0 8px}.cs-h .code{color:var(--primary);font-size:12px;font-weight:700}.cs-row{align-items:start;gap:12px;display:grid}.cs-row.desktop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cs-row.mobile{grid-template-columns:repeat(2,minmax(0,180px))}.cs-img{text-align:left;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex}.cs-img img{border:1px solid var(--line);border-radius:8px;width:100%}.cs-img em{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-style:normal;font-weight:700}.mixed{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:10px;display:block}.mixed.desktop img{width:100%;max-width:520px}.mixed.mobile img{width:100%;max-width:220px}.bp-strip{border-radius:8px;width:100%}.wdet.only .viewtag.inline{align-self:flex-start;margin-top:4px;position:static}.bp-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;padding:8px 12px 0;font-size:11px;font-weight:800}.wv.m img{max-height:380px}.resetbtn{color:inherit;background:0 0;border:1px solid #fff6;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.resetbtn:hover{background:#ffffff1f}.resetbox{z-index:70;background:#14100e99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.resetbox>div{background:var(--paper);border-radius:16px;max-width:420px;padding:22px}.resetbox strong{font-size:20px}.resetbox .actions{margin-top:14px}@media (max-width:900px){.progress{display:flex}.progress span,.progress .bar{display:none}.top{grid-template-columns:1fr auto auto}}.navcard .navframe{aspect-ratio:auto;background:#e9e1d3;padding:14px;display:block}.navcard .navframe.m{padding:14px 20%}.navfit{display:block;position:relative;overflow:hidden}.navfit>.pv-frame{transform-origin:0 0;box-shadow:none;position:absolute;top:0;left:0}.navfit>.pv-frame.mobile{border-width:6px;border-radius:24px;height:auto}.navonly .pv-page{min-height:0;padding-bottom:0;display:block}.navstub{height:40px;display:block}.navonly .pv-burgerbtn{pointer-events:none}.main .cards:has(.navcard){grid-template-columns:minmax(0,1fr);max-width:760px}:is(.main .cards:has(.navcard.m),.main .cards:has(.navframe.m)){grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-width:none}.navframe img,.navfit img{object-fit:initial;border-radius:0;max-width:none;height:auto;width:auto!important}.navfit .pv-logo{height:26px!important}.navfit .pv-frame.desktop .pv-logo{height:34px!important}.navfit .pv-frame.flat{border:0;border-radius:0}.navframe.m .navfit>.pv-frame.mobile{border-width:6px}.navfit>.pv-frame,.navfit>.pv-frame.mobile,.navfit>.pv-frame.desktop{min-height:0;height:auto!important}.navfit .pv-page{min-height:0!important;padding-bottom:0!important}.navcard .navframe{min-height:0!important;padding:14px!important}.navcard .navframe.m{justify-content:center;display:flex;padding:14px!important}.navcard .navframe.m .navfit{width:100%;max-width:280px}.navstub{height:24px}.modechips{margin:4px 0 8px}.cs-opt{flex-direction:column;gap:4px;display:flex}.cs-opt .cs-img{outline-offset:2px;cursor:pointer;border-radius:10px;outline:3px solid #0000}.cs-opt.on .cs-img{outline-color:var(--primary)}.cs-opt.on em{color:var(--primary)}.mixrow{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.mixrow>div{flex:220px}.pvpages{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;margin:-2px 0 10px;font-size:12px;font-weight:700;display:flex}.clicknav .pv-link,.clicknav .pv-logo{cursor:pointer}.bp-navwrap{z-index:2;position:sticky;top:0}.bp-home{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:16px;padding:22px;display:grid}.bp-web.mobile .bp-home{grid-template-columns:1fr}.bp-home>div{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.bp-home small{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.bp-home b{text-transform:uppercase;font-size:24px;line-height:1.05}.bp-home img{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%}.bp-note{color:var(--muted);margin:0;padding:12px;font-size:12px}.bp-menuhead{padding:12px 14px 0}.bp-menuhead b{text-transform:uppercase;margin-bottom:8px;font-size:20px;display:block}.bp-tabs{text-transform:uppercase;white-space:nowrap;gap:14px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.bp-tabs span{padding-bottom:8px}.bp-cat{padding:0;position:relative}.bp-cat .bp-strip{border-radius:0;display:block}.bp-catname{text-transform:uppercase;padding:12px 20px 6px;font-size:16px;font-weight:800;position:absolute;top:0;left:0;right:0}.bp-web.mobile .bp-catname{padding:10px 20px 6px;font-size:14px}@media (max-width:900px){.top{flex-wrap:wrap;gap:8px 12px;display:flex}.brandmark{flex:auto}.progress{flex:100%;order:3;justify-content:flex-end;display:flex}.progress .bar,#progText{display:none}}