@font-face{font-family:Big Shoulders Display;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_ys/fonts/big-shoulders-display-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Big Shoulders Display;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_ys/fonts/big-shoulders-display-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_ys/fonts/public-sans-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_ys/fonts/public-sans-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:italic;font-weight:100 900;font-display:swap;src:url(/_ys/fonts/public-sans-latin-wght-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}:root{--blue:#1D3FB8;--blue-deep:#13298A;--blue-wash:#EEF2FC;--blue-line:#C9D3F2;--text:#000;--muted:#4B5568;--faint:#6B7486;--line:#D9DEE8;--paper:#fff;--panel:#F6F7FA;--lawn:#2F7A34;--lawn-deep:#245F28;--steel:#9AA3B2;--alert:#B42318;--alert-wash:#FDF0EF;--ok:#1D7A3A;--ok-wash:#ECF7EF;--warn:#8A5A00;--warn-wash:#FFF6E0;--display:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;--sans:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--wrap:1180px;--pad:clamp(20px,4.5vw,48px);--radius:6px }*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}img{height:auto}a{color:var(--blue);text-decoration-thickness:.07em;text-underline-offset:.18em}a:hover{color:var(--blue-deep)}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:2px}h1,h2,h3,h4{margin:0;line-height:1.1}p{margin:0 0 1em}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-60px;z-index:50;background:#fff;padding:10px 14px;border-radius:var(--radius);font-weight:700}.skip:focus{top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 20px;border:2px solid transparent;border-radius:var(--radius);font:700 16px/1.2 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,transform .08s ease}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-deep);color:#fff}.btn-line{background:#fff;border-color:var(--blue);color:var(--blue)}.btn-line:hover{background:var(--blue-wash);color:var(--blue-deep)}.btn-quiet{background:transparent;color:var(--blue);padding-inline:12px}.btn-quiet:hover{background:var(--blue-wash)}.btn-danger{background:#fff;border-color:var(--alert);color:var(--alert)}.btn-danger:hover{background:var(--alert-wash)}.btn-big{min-height:56px;padding:14px 28px;font-size:18px}.btn-small{min-height:36px;padding:6px 12px;font-size:14px}.linklike{background:none;border:0;padding:0;font:inherit;color:var(--blue);text-decoration:underline;text-underline-offset:.18em;cursor:pointer}.mark{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.mark svg{width:30px;height:30px}.mark span{font:800 27px/1 var(--display);letter-spacing:.01em}.mark:hover{color:var(--text)}.site-head{border-bottom:1px solid var(--line);background:#fff}.site-head .wrap{display:flex;align-items:center;gap:28px;min-height:72px}.site-head nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-weight:600;font-size:15px}.site-head nav a:not(.btn){color:var(--text);text-decoration:none;white-space:nowrap}.site-head nav a:not(.btn):hover{color:var(--blue)}.site-head .btn{min-height:42px;padding:8px 16px;font-size:15px}@media(max-width:820px){.site-head nav .hide-sm{display:none}}@media(max-width:480px){.site-head .wrap{gap:12px}.site-head nav{gap:14px}.site-head .btn{padding:8px 12px;font-size:14px;min-height:40px}.mark span{font-size:24px}.mark svg{width:26px;height:26px}}.site-foot{border-top:1px solid var(--line);padding:48px 0 56px;font-size:15px;color:var(--muted)}.site-foot .wrap{display:grid;gap:24px}@media(min-width:820px){.site-foot .wrap{grid-template-columns:1fr auto;align-items:start}}.site-foot nav{display:flex;flex-wrap:wrap;gap:8px 22px}.site-foot nav a{color:var(--muted)}.site-foot p{margin:12px 0 0;max-width:46ch}.hero{position:relative;overflow:hidden;background:#fff}.hero-grid{display:grid;gap:8px;align-items:end;padding-top:clamp(32px,5vw,72px)}.hero-copy{padding-bottom:clamp(36px,5vw,64px)}@media(min-width:980px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:56px}}.hero h1{font:800 clamp(46px,6vw,80px)/.95 var(--display);letter-spacing:-.005em;color:var(--blue);max-width:13ch}.hero .lede{margin:24px 0 0;font-size:clamp(18px,1.6vw,20px);line-height:1.55;max-width:34em;color:#1c2130}.hero .cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:32px}.hero .cta small{font-size:15px;color:var(--muted)}.signstage{position:relative;align-self:end;padding:8px 0 0}.yardsign{position:relative;margin:0 auto;width:min(100%,560px);aspect-ratio:24/17;background:var(--blue);color:#fff;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6% 7%;text-align:center;box-shadow:0 1px #ffffff2e inset,0 18px 30px -18px #0a143c8c}.yardsign:before{content:"";position:absolute;inset:0;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 2px,transparent 2px 9px);pointer-events:none}.yardsign .first,.yardsign .last{display:block;font:900 var(--sign-size,92px)/.86 var(--display);text-transform:uppercase;letter-spacing:.005em;white-space:nowrap}.yardsign .for{display:block;margin-top:5%;font:700 clamp(18px,3.1vw,30px)/1.1 var(--sans);letter-spacing:.02em}.yardsign .rule{display:block;width:30%;height:5px;margin:5% auto 0;background:#fff;opacity:.9}.stakes{position:relative;z-index:0;margin:0 auto;width:min(100%,560px);height:clamp(110px,15vw,210px)}.stakes:before,.stakes:after{content:"";position:absolute;top:0;bottom:0;width:4px;background:linear-gradient(90deg,#7d8696,#c3c9d3 45%,#868f9f);border-radius:0 0 2px 2px}.stakes:before{left:24%}.stakes:after{right:24%}.lawn{position:relative;z-index:1;height:clamp(44px,6vw,72px);background:var(--lawn)}.lawn svg{position:absolute;left:0;right:0;top:-17px;width:100%;height:18px;color:var(--lawn)}.tryit{display:grid;gap:12px;margin:28px 0 0;max-width:520px;grid-template-columns:1fr;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}@media(min-width:560px){.tryit{grid-template-columns:1.3fr 1fr}}.tryit label{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:4px}.tryit input,.tryit select{width:100%;min-height:44px;padding:8px 12px;border:1.5px solid #9aa3b2;border-radius:var(--radius);font:500 16px var(--sans);background:#fff;color:#000}.band{padding:clamp(64px,9vw,120px) 0}.band-wash{background:var(--blue-wash)}.band-blue{background:var(--blue);color:#fff}.band-blue a{color:#fff}.h2{font:800 clamp(38px,5vw,64px)/.95 var(--display);color:var(--blue);letter-spacing:-.003em;margin:0 0 20px;max-width:18ch}.band-blue .h2{color:#fff}.sub{font-size:19px;line-height:1.55;color:#1c2130;max-width:40em;margin:0 0 36px}.band-blue .sub{color:#e3e9fb}.two{display:grid;gap:40px}@media(min-width:980px){.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}}.shots{position:relative;padding-bottom:36px}.shot-desktop img,.shot-phone img{width:100%}.shot-desktop{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -40px #141e4673}.shot-desktop .bar{display:flex;gap:6px;align-items:center;height:30px;padding:0 12px;background:#f1f3f7;border-bottom:1px solid var(--line)}.shot-desktop .bar i{width:9px;height:9px;border-radius:50%;background:#c9ced8}.shot-desktop .bar span{margin-left:10px;font-size:12px;color:var(--faint)}.shot-phone{position:absolute;right:-6px;bottom:0;width:28%;min-width:120px;border:6px solid #111827;border-radius:22px;overflow:hidden;background:#111827;box-shadow:0 24px 40px -24px #0a143c99}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:0}.checklist li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:15px 0;border-top:1px solid var(--line);font-size:17px}.checklist li:last-child{border-bottom:1px solid var(--line)}.checklist svg{width:22px;height:22px;margin-top:2px;color:var(--lawn)}.checklist strong{font-weight:700}.steps{list-style:none;margin:0;padding:0;display:grid;gap:28px;counter-reset:step}@media(min-width:900px){.steps{grid-template-columns:repeat(3,1fr);gap:40px}}.steps li{counter-increment:step;border-top:4px solid var(--blue);padding-top:20px}.steps li:before{content:counter(step);display:block;font:900 64px/1 var(--display);color:var(--blue);margin-bottom:10px}.steps h3{font:800 30px/1 var(--display);margin-bottom:10px}.steps p{color:#1c2130;margin:0}.price{display:grid;gap:36px;align-items:start}@media(min-width:980px){.price{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px}}.price-tag{border:2px solid #fff;border-radius:10px;padding:32px 32px 28px}.price-tag .amount{font:900 clamp(88px,11vw,128px)/.85 var(--display);letter-spacing:-.01em}.price-tag .per{font-size:20px;font-weight:600;margin-top:8px}.price-tag ul{list-style:none;margin:24px 0 28px;padding:0;display:grid;gap:8px;font-size:16px}.price-tag li:before{content:"";display:inline-block;width:8px;height:8px;margin:0 10px 1px 0;background:#fff;border-radius:50%}.price-tag .btn{background:#fff;color:var(--blue);width:100%}.price-tag .btn:hover{background:var(--blue-wash);color:var(--blue-deep)}.fineprint{font-size:15px;color:#dce3fa;max-width:40em}.paidfor-demo{display:inline-block;border:2px solid #000;padding:14px 18px;font:700 18px/1.4 var(--sans)}.rules{display:grid;gap:28px}@media(min-width:900px){.rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px}}.rules h3{font:800 28px/1.05 var(--display);color:var(--text);margin:0 0 8px}.rules p{margin:0;color:#1c2130}.faq{max-width:820px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;font-weight:700;font-size:18px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";position:absolute;right:8px;top:28px;width:11px;height:11px;border-right:2.5px solid var(--blue);border-bottom:2.5px solid var(--blue);transform:rotate(45deg);transition:transform .15s ease}.faq details[open] summary:after{transform:rotate(-135deg);top:33px}.faq details>div{padding:0 0 22px;color:#1c2130;max-width:60em}.finale{text-align:left}.finale .h2{max-width:none}.page{padding:clamp(48px,7vw,88px) 0}.page h1{font:800 clamp(40px,5vw,60px)/.95 var(--display);color:var(--blue);margin:0 0 12px}.page .meta{color:var(--muted);margin:0 0 36px}.prose{max-width:46em}.prose h2{font:800 30px/1.05 var(--display);margin:2em 0 .5em}.prose h3{font-size:18px;margin:1.6em 0 .4em}.prose li{margin:.3em 0}.field{margin:0 0 20px}.field>label:not(.check),.label{display:block;font-weight:700;font-size:15px;margin:0 0 6px}.hint{display:block;font-size:14px;line-height:1.45;color:var(--muted);margin:-2px 0 8px;font-weight:400}.input,.field input:not([type]),.field input[type=text],.field input[type=search],.field input[type=password],.field input[type=email],.field input[type=url],.field input[type=tel],.field input[type=date],.field input[type=number],.field select,.field textarea{width:100%;min-height:46px;padding:10px 12px;border:1.5px solid #8F98A9;border-radius:var(--radius);background:#fff;color:#000;font:400 16px/1.45 var(--sans)}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--blue);outline:3px solid rgba(29,63,184,.25);outline-offset:0}.field .count{display:block;text-align:right;font-size:13px;color:var(--faint);margin-top:4px}.field .count.over{color:var(--alert);font-weight:700}.field .ok{color:var(--ok);font-size:14px;font-weight:600;margin-top:6px}.field .bad,.field-error{color:var(--alert);font-size:14px;font-weight:600;margin-top:6px}.check{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45;cursor:pointer}.check input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--blue)}.code-input{font:700 30px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.35em;text-align:center}.notice{border-radius:8px;padding:14px 16px;margin:0 0 20px;border:1px solid;font-size:15px}.notice p:last-child{margin:0}.notice-ok{background:var(--ok-wash);border-color:#b7dec2;color:#0f4a22}.notice-err{background:var(--alert-wash);border-color:#f2c6c2;color:#7a1a12}.notice-warn{background:var(--warn-wash);border-color:#f1d9a0;color:#5c3d00}.notice-info{background:var(--blue-wash);border-color:var(--blue-line);color:#122561}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.5;white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge-live{background:var(--ok-wash);color:var(--ok)}.badge-draft{background:#eef0f4;color:#3f4757}.badge-paused,.badge-pending{background:var(--warn-wash);color:var(--warn)}.badge-offline{background:#eef0f4;color:#59606e}.auth{min-height:calc(100vh - 73px);display:grid;place-items:start center;padding:clamp(40px,8vw,96px) var(--pad);background:var(--panel)}.auth-card{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:clamp(24px,5vw,40px)}.auth-card h1{font:800 44px/.95 var(--display);color:var(--blue);margin:0 0 10px}.auth-card .lede{color:#1c2130;margin:0 0 26px}.auth-card .btn{width:100%}.auth-card .small{font-size:14px;color:var(--muted);margin:18px 0 0}.app-head{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.app-head .bar{display:flex;align-items:center;gap:18px;min-height:62px;padding:0 20px}.app-head .mark span{font-size:24px}.app-head .mark svg{width:26px;height:26px}.crumbs{display:flex;align-items:center;gap:10px;min-width:0;font-size:15px;color:var(--muted)}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--blue)}.crumbs .sep{color:#b6bdc9}.crumbs strong{color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-head .right{margin-left:auto;display:flex;align-items:center;gap:10px}.who{font-size:14px;color:var(--muted);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.who{display:none}}.app-main{padding:clamp(28px,4vw,48px) 0 80px;background:var(--panel);min-height:calc(100vh - 63px)}.app-main .wrap{max-width:1080px}.page-title{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0 0 28px}.page-title h1{font:800 clamp(36px,4vw,48px)/1 var(--display);color:var(--text)}.page-title .actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:clamp(20px,3vw,28px);margin:0 0 20px}.panel>h2{font:800 28px/1 var(--display);margin:0 0 6px}.panel>.hint{margin:0 0 18px}.grid-2{display:grid;gap:20px;margin:0 0 20px}.grid-2>.panel{margin:0}@media(min-width:900px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0;font-size:15px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600;overflow-wrap:anywhere}.url{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;font-size:18px;overflow-wrap:anywhere}.site-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.site-item{display:grid;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px}@media(min-width:760px){.site-item{grid-template-columns:1fr auto}}.site-item h2{font:800 30px/1 var(--display);margin:0 0 6px}.site-item h2 a{color:var(--text);text-decoration:none}.site-item h2 a:hover{color:var(--blue)}.site-item .meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:14px;color:var(--muted)}.site-item .actions{display:flex;gap:8px;flex-wrap:wrap}.empty{background:#fff;border:2px dashed var(--blue-line);border-radius:12px;padding:clamp(28px,5vw,56px);text-align:left}.empty h2{font:800 40px/1 var(--display);color:var(--blue);margin:0 0 12px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th{text-align:left;font-weight:700;color:var(--muted);background:#f8f9fb;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:11px 14px;border-bottom:1px solid #EDF0F5;vertical-align:top}table.data tr:last-child td{border-bottom:0}.versions{list-style:none;margin:0;padding:0}.versions li{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:15px}.versions li:first-child{border-top:0}.versions .when{color:var(--muted)}.versions form{margin-left:auto}.dns{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;background:#f8f9fb;border:1px solid var(--line);border-radius:8px;padding:14px 16px;font-size:14px;margin:12px 0}.dns dt{color:var(--muted);font-weight:600}.dns dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.copy{font-size:13px}.inline-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.inline-form .field{margin:0;flex:1 1 260px}.danger{border-color:#f2c6c2}.builder{display:grid;grid-template-columns:1fr;min-height:calc(100vh - 63px);background:var(--panel)}@media(min-width:1100px){.builder{grid-template-columns:minmax(440px,560px) minmax(0,1fr)}}.b-form{padding:22px clamp(16px,3vw,32px) 120px;min-width:0}.b-nav{display:flex;gap:6px;overflow-x:auto;padding:4px 0 14px;margin:0 0 6px;scrollbar-width:thin}.b-nav a{flex:none;padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;color:#2b3342;text-decoration:none}.b-nav a:hover{border-color:var(--blue);color:var(--blue)}.b-sec{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 22px 6px;margin:0 0 16px;scroll-margin-top:84px}.b-sec>h2{display:flex;align-items:baseline;gap:10px;font:800 28px/1 var(--display);margin:0 0 4px}.b-sec>h2 .n{font:700 14px/1 var(--sans);color:var(--blue)}.b-sec>.hint{margin:0 0 18px}.b-row{display:grid;gap:0 14px}@media(min-width:560px){.b-row.two{grid-template-columns:1fr 1fr}}.list-item{border:1px solid var(--line);border-radius:8px;padding:14px 14px 2px;margin:0 0 12px;background:#fbfcfd}.list-item .tools{display:flex;gap:4px;justify-content:flex-end;margin:-6px -6px 6px}.list-item .tools button{min-height:30px;padding:2px 8px;font-size:13px}.photo-drop{display:grid;gap:14px;align-items:start}@media(min-width:560px){.photo-drop{grid-template-columns:180px 1fr}}.photo-frame{position:relative;width:180px;aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:#eef0f4;border:1px solid var(--line);cursor:crosshair}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-frame .dot{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--blue);pointer-events:none}.photo-empty{display:grid;place-items:center;height:100%;padding:16px;text-align:center;font-size:13px;color:var(--muted);cursor:pointer}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 18px}.swatch{position:relative;display:block;border:2px solid var(--line);border-radius:8px;overflow:hidden;cursor:pointer;background:#fff}.swatch input{position:absolute;opacity:0}.swatch .chips{display:flex;height:44px}.swatch .chips i{flex:1}.swatch .chips i:first-child{flex:2.2}.swatch .name{display:block;padding:7px 10px;font-size:14px;font-weight:600}.swatch:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}.swatch:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.disclaimer-preview{margin:6px 0 18px;padding:12px 14px;border:2px solid #000;font-weight:700;font-size:15px;line-height:1.45;max-width:30em;background:#fff}.disclaimer-preview span{display:block}.disclaimer-preview span+span{font-weight:500}.disclaimer-preview.empty{border-style:dashed;color:var(--faint);font-weight:500}.b-preview{position:sticky;top:63px;height:calc(100vh - 63px);display:none;flex-direction:column;border-left:1px solid var(--line);background:#e9ecf2}@media(min-width:1100px){.b-preview{display:flex}}.b-preview .pbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);background:#fff;font-size:14px}.b-preview .pbar .seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.b-preview .pbar .seg button{border:0;background:#fff;padding:6px 12px;font:600 13px var(--sans);color:#3b4352;cursor:pointer}.b-preview .pbar .seg button[aria-pressed=true]{background:var(--blue);color:#fff}.b-preview .pbar a{margin-left:auto;font-size:14px}.frame-holder{position:relative;flex:1;overflow:hidden}.frame-holder iframe{position:absolute;top:16px;left:16px;width:calc(100% - 32px);height:calc(100% - 32px);transform-origin:0 0;border:1px solid #C9CFDA;border-radius:10px;background:#fff;box-shadow:0 18px 40px -24px #0a143c59;transition:opacity .15s ease}.frame-holder.phone iframe{border-radius:30px;border:8px solid #111827}.frame-holder iframe.back{opacity:0;pointer-events:none}.savestate{font-size:14px;color:var(--muted);white-space:nowrap}.savestate.err{color:var(--alert);font-weight:700}.todo{position:fixed;right:20px;bottom:20px;z-index:40;width:min(380px,calc(100vw - 40px));background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 50px -20px #0a143c73;padding:18px 18px 8px}.todo[hidden]{display:none}.todo h2{font:800 26px/1 var(--display);margin:0 0 8px}.todo ul{list-style:none;margin:0 0 10px;padding:0}.todo li{padding:8px 0;border-top:1px solid #EDF0F5;font-size:15px}.todo li a{text-decoration:none}.todo .close{position:absolute;right:10px;top:10px}.mobile-preview{display:inline-flex}@media(min-width:1100px){.mobile-preview{display:none}}.flash{animation:flash 1.2s ease}@keyframes flash{0%{box-shadow:0 0 0 3px var(--blue)}to{box-shadow:0 0 0 3px transparent}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}