.demobar{padding:.55rem var(--gutter);background:var(--ink);color:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;display:flex}.demobar__left,.demobar__right{flex-wrap:wrap;align-items:center;gap:.6rem .9rem;display:flex}.demobar__brand{font-family:var(--font-display);font-size:1.05rem;line-height:1.1}.demobar__chip{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid #ffffff59;border-radius:2px;padding:.15rem .4rem;font-size:.62rem}.demobar__note{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.65;font-size:.62rem}@media (max-width:52rem){.demobar__note{display:none}}.demobar__link{color:inherit;opacity:.8;font-size:.78rem;text-decoration:none}.demobar__link:hover{opacity:1;text-decoration:underline}.demobar__exit{min-height:2rem;color:inherit;border:1px solid #ffffff73;border-radius:2px;align-items:center;padding-inline:.75rem;font-size:.78rem;text-decoration:none;display:inline-flex}.demobar__exit:hover{background:var(--paper);color:var(--ink)}.studio{border-top:1px solid var(--rule);grid-template-rows:auto minmax(0,1fr);height:calc(100dvh - 3rem);min-height:40rem;display:grid}.studio__bar{padding:.6rem var(--gutter);border-bottom:1px solid var(--rule);background:var(--paper-sunken);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.studio__group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.studio__status{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:.7rem}.studio__status[data-dirty=true]{color:var(--stamp)}.studio__btn{border:1px solid var(--rule-strong);background:var(--card);min-height:2.25rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:2px;padding-inline:.9rem;font-size:.8rem}.studio__btn--primary{background:var(--seal);border-color:var(--seal);color:var(--paper);font-weight:600}.studio__btn:disabled{opacity:.5;cursor:default}.studio__pick{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:.4rem;font-size:.7rem;display:flex}.studio__pick select{border:1px solid var(--rule-strong);background:var(--card);min-height:2.25rem;color:var(--ink);font-family:var(--font-body);letter-spacing:normal;text-transform:none;border-radius:2px;padding:0 .5rem;font-size:.8rem}.studio__toggle{border:1px solid var(--rule-strong);border-radius:2px;display:flex;overflow:hidden}.studio__toggle button{background:var(--card);min-height:2.25rem;color:var(--ink-2);font:inherit;cursor:pointer;border:0;padding-inline:.8rem;font-size:.8rem}.studio__toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.studio__body{grid-template-columns:11rem 16.5rem minmax(0, 1fr) .4rem var(--preview-w,38%);min-height:0;display:grid}.studio__body[data-preview=off]{grid-template-columns:11rem 16.5rem minmax(0,1fr)}@media (max-width:62rem){.studio{height:auto}.studio__body,.studio__body[data-preview=off]{grid-template-columns:minmax(0,1fr)}.studio__preview{height:34rem}.studio__handle{display:none}}.studio__nav,.studio__outline,.studio__panel{border-right:1px solid var(--rule);min-height:0;padding:1rem;overflow:hidden auto}.studio__nav{background:var(--paper-sunken);flex-direction:column;gap:.75rem;padding:.9rem .7rem;display:flex;overflow:hidden}.studio__navscroll{flex:1;align-content:start;gap:1.1rem;min-height:0;display:grid;overflow-y:auto}.studio__navicon{flex-shrink:0;width:1rem;height:1rem}.studio__navlabel{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.studio__navcount{font-family:var(--font-mono);background:var(--seal);color:var(--paper);border-radius:999px;padding:.05rem .3rem;font-size:.6rem}.studio__account{border-top:1px solid var(--rule);align-items:center;gap:.5rem;padding-top:.6rem;display:flex}.studio__avatar{background:var(--seal);width:1.8rem;height:1.8rem;color:var(--paper);font-family:var(--font-mono);letter-spacing:.02em;border-radius:999px;flex-shrink:0;place-items:center;font-size:.65rem;display:grid}.studio__accountwho{flex:1;min-width:0;display:grid}.studio__accountwho strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:600;overflow:hidden}.studio__accountwho em{color:var(--ink-3);font-size:.66rem;font-style:normal}.studio__account>button{width:1.9rem;height:1.9rem;color:var(--ink-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;flex-shrink:0;place-items:center;display:grid}.studio__account>button:hover{border-color:var(--rule-strong);color:var(--ink)}@media (max-width:82rem){.studio__body{grid-template-columns:3.5rem 15.5rem minmax(0, 1fr) .4rem var(--preview-w,38%)}.studio__body[data-preview=off]{grid-template-columns:3.5rem 15.5rem minmax(0,1fr)}.studio__nav .studio__navlabel,.studio__nav .studio__navsection h3,.studio__nav .studio__accountwho{display:none}.studio__nav{padding:.6rem .3rem}.studio__nav .studio__navscroll{overflow:hidden}.studio__nav li>button{justify-content:center;padding-inline:0}.studio__nav .studio__navcount{margin:-.85rem 0 0 .7rem;position:absolute}.studio__nav li{position:relative}.studio__account{flex-direction:column;gap:.4rem}}.studio__handle{background:var(--rule);cursor:col-resize;position:relative}.studio__handle:after{content:"";position:absolute;inset-block:0;inset-inline:-.3rem}.studio__handle:hover,.studio__handle:focus-visible{background:var(--seal);outline:none}body.is-dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.studio__nav h3,.studio__outline h3,.studio__panel h3{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .5rem;font-size:.68rem;font-weight:500}.studio__panel h3{font-family:var(--font-display);letter-spacing:normal;text-transform:none;color:var(--ink);font-size:1.1rem}.studio__nav ul{color:var(--ink-2);gap:.1rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:grid}.studio__nav li>button{width:100%;min-height:2rem;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;align-items:center;gap:.55rem;padding:0 .5rem;font-size:.8rem;display:flex}.studio__nav li>button:hover{background:var(--card);color:var(--ink)}.studio__nav li>button[aria-current=page]{background:var(--seal-wash);color:var(--seal);font-weight:600}.studio__navnote{color:var(--ink-3);margin:0;font-size:.72rem;line-height:1.45}.studio__hint{color:var(--ink-3);margin:0 0 .75rem;font-size:.76rem;line-height:1.5}.studio__warn{border-left:3px solid var(--stamp);background:var(--stamp-wash);color:var(--ink);margin:0 0 .75rem;padding:.55rem .7rem;font-size:.76rem;line-height:1.45}.studio__outline ol{gap:.15rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.studio__outline li{border:1px solid #0000;border-radius:2px;align-items:center;gap:.25rem;display:flex}.studio__outline li[data-selected=true]{border-color:var(--seal);background:var(--seal-wash)}.studio__outline li>button{min-width:0;min-height:2.25rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:.4rem;padding:0 .5rem;font-size:.82rem;display:flex}.studio__blocklabel{flex:1;min-width:0}.studio__flag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--rule-strong);color:var(--ink-3);border-radius:2px;padding:.1rem .3rem;font-size:.6rem}.studio__flag--warn{color:var(--stamp);border-color:currentColor}.studio__rowbtns{gap:.1rem;padding-right:.25rem;display:flex}.studio__rowbtns button{width:1.6rem;height:1.6rem;color:var(--ink-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;place-items:center;font-size:.8rem;display:grid}.studio__rowbtns button:hover:not(:disabled){border-color:var(--rule-strong);color:var(--ink)}.studio__rowbtns button:disabled{opacity:.3;cursor:default}.studio__addbtn{border:1px dashed var(--rule-strong);width:100%;min-height:2.25rem;color:var(--seal);font:inherit;cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.studio__addbtn:hover{background:var(--seal-wash);border-style:solid}.studio__addbtn svg{width:.95rem;height:.95rem}.studio__palettebody{border:1px solid var(--rule);background:var(--card);border-radius:2px;gap:.8rem;margin-top:.6rem;padding:.7rem;display:grid}.studio__palettebody h4{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .35rem;font-size:.62rem;font-weight:500}.studio__palettebody ul{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.studio__palettebody li>button{border:1px solid var(--rule);background:var(--paper-sunken);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:2px;padding:.2rem .45rem;font-size:.72rem}.studio__palettebody li>button:hover{border-color:var(--seal);background:var(--seal-wash);color:var(--seal)}.studio__preview{background:var(--paper-sunken);grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid}.studio__previewbar{border-bottom:1px solid var(--rule);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .75rem;padding:.4rem .6rem;font-size:.64rem;display:flex}.studio__previewwhat{align-items:center;gap:.4rem;min-width:0;display:flex}.studio__dot{background:var(--stamp);border-radius:999px;flex-shrink:0;width:.4rem;height:.4rem}.studio__dot[data-live=true]{background:var(--seal)}.studio__previewtools{align-items:center;gap:.35rem;display:flex}.studio__devices{border:1px solid var(--rule-strong);background:var(--card);border-radius:2px;gap:.1rem;padding:.1rem;display:flex}.studio__devices button,.studio__iconbtn{width:1.7rem;height:1.7rem;color:var(--ink-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;place-items:center;display:grid}.studio__devices button svg,.studio__iconbtn svg{width:.9rem;height:.9rem}.studio__devices button:hover,.studio__iconbtn:hover{color:var(--ink);border-color:var(--rule-strong)}.studio__devices button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.studio__frame{min-height:0;overflow:hidden}.studio__previewfoot{border-top:1px solid var(--rule);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin:0;padding:.35rem .6rem;font-size:.62rem}.popped{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.popped__bar{padding:.5rem var(--gutter);border-bottom:1px solid var(--rule);background:var(--paper-sunken);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;font-size:.66rem;display:flex}.popped__frame{min-height:0;overflow:hidden}.gate{padding:clamp(2rem, 6vw, 5rem) var(--gutter);background:var(--paper-sunken);border-top:1px solid var(--rule);place-items:center;min-height:calc(100dvh - 3rem);display:grid}.gate__card{background:var(--card);border:1px solid var(--rule);border-radius:2px;gap:1rem;width:100%;max-width:26rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.gate__card--wide{max-width:52rem}.gate__creds{gap:.5rem;margin:0;font-size:.8rem;display:grid}.gate__creds>div{background:var(--paper-sunken);border-radius:2px;justify-content:space-between;gap:1rem;padding:.5rem .7rem;display:flex}.gate__creds dt{color:var(--ink-3)}.gate__creds dd{font-family:var(--font-mono);color:var(--ink);margin:0}.gate__note{color:var(--ink-3);margin:0;font-size:.75rem}.gate__choices{grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));gap:.6rem;display:grid}.gate__choices button{text-align:left;border:1px solid var(--rule-strong);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:2px;align-content:start;gap:.2rem;min-height:3.5rem;padding:.7rem .85rem;display:grid}.gate__choices button[aria-pressed=true]{border-color:var(--seal);background:var(--seal-wash)}.gate__choices strong{font-size:.9rem}.gate__choices span{color:var(--ink-3);font-size:.75rem;line-height:1.4}.studio__screen{border-right:1px solid var(--rule);grid-column:span 2;min-height:0;padding:1.25rem;overflow-y:auto}@media (max-width:62rem){.studio__screen{grid-column:span 1}}.screen{align-content:start;gap:1rem;max-width:46rem;display:grid}.screen__title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.35rem;font-weight:500}.screen__metrics{grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));gap:.75rem;display:grid}.screen__metrics>div{border:1px solid var(--rule);background:var(--card);border-radius:2px;gap:.15rem;padding:.75rem .9rem;display:grid}.screen__metrics strong{font-family:var(--font-display);color:var(--ink);font-size:1.5rem}.screen__metrics span{color:var(--ink-3);font-size:.72rem;line-height:1.35}.screen__rows{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.screen__rows>li{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:.5rem .9rem;padding-block:.7rem;font-size:.85rem;display:flex}.screen__rows>li[data-selected=true]{background:var(--seal-wash)}.screen__rows>li>button{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:.75rem;min-height:2.25rem;padding:0;display:flex}.screen__rowmain{flex:16rem;gap:.15rem;min-width:0;display:grid}.screen__rowmain strong{color:var(--ink);font-weight:600}.screen__rowmain em{color:var(--ink-3);font-size:.78rem;font-style:normal;line-height:1.45}.screen__num{font-family:var(--font-mono);color:var(--ink-3);min-width:4.5rem;font-size:.7rem}.screen__sev{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;border:1px solid;border-radius:2px;min-width:5rem;padding:.1rem .35rem;font-size:.6rem}.screen__sev--blocking,.screen__sev--error{color:var(--stamp)}.screen__sev--warning{color:var(--ink-2)}.screen__sev--info,.screen__sev--suggestion{color:var(--ink-3)}.screen__rows button:not(.screen__rows>li>button){border:1px solid var(--rule-strong);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border-radius:2px;min-height:2rem;padding-inline:.7rem;font-size:.75rem}.screen__field{color:var(--ink);gap:.3rem;font-size:.8rem;font-weight:600;display:grid}.screen__field input{border:1px solid var(--rule-strong);background:var(--card);min-height:2.5rem;color:var(--ink);font:inherit;border-radius:2px;padding:.4rem .7rem;font-size:.85rem;font-weight:400}.screen__field input[type=color]{height:2.5rem;padding:.2rem}.screen__field em{color:var(--ink-3);font-size:.73rem;font-style:normal;font-weight:400}.screen__pair{grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:.9rem;display:grid}.screen__themes{grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));gap:.5rem;display:grid}.screen__themes button{text-align:left;border:1px solid var(--rule-strong);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;border-radius:2px;align-content:start;gap:.15rem;min-height:3.25rem;padding:.6rem .75rem;display:grid}.screen__themes button[aria-pressed=true]{border-color:var(--seal);background:var(--seal-wash)}.screen__themes strong{font-size:.85rem}.screen__themes span{color:var(--ink-3);font-size:.72rem;line-height:1.4}.screen__refusal{border-left:3px solid var(--stamp);background:var(--stamp-wash);color:var(--ink);border-radius:2px;gap:.5rem;padding:.85rem 1rem;font-size:.8rem;display:grid}.screen__refusal ul{gap:.25rem;margin:0;padding-left:1.1rem;display:grid}.screen__refusal p{color:var(--ink-2);margin:0;font-size:.75rem}.screen__pass{border-left:3px solid var(--seal);background:var(--seal-wash);color:var(--ink);border-radius:2px;margin:0;padding:.6rem .85rem;font-size:.8rem}.screen__warn{border-left:3px solid var(--stamp);background:var(--stamp-wash);color:var(--ink);border-radius:2px;margin:0;padding:.6rem .85rem;font-size:.8rem}.screen__off{border:1px dashed var(--rule-strong);color:var(--ink-3);border-radius:2px;margin:0;padding:.75rem .9rem;font-size:.8rem;line-height:1.5}.screen__split{gap:1rem;display:grid}.screen__reading{border:1px solid var(--rule);background:var(--card);border-radius:2px;gap:.4rem;padding:.9rem 1rem;font-size:.85rem;display:grid}.screen__reading em{color:var(--ink-3);font-size:.75rem;font-style:normal}.screen__reading p{color:var(--ink-2);margin:0;line-height:1.55}.screen__csv{border:1px solid var(--rule);background:var(--card);font-family:var(--font-mono);color:var(--ink-2);border-radius:2px;margin:0;padding:.75rem;font-size:.72rem;line-height:1.6;overflow-x:auto}.screen__serp{border:1px solid var(--rule);background:var(--card);border-radius:2px;gap:.2rem;max-width:34rem;padding:.85rem 1rem;display:grid}.screen__serp span{color:var(--ink-3);font-size:.72rem}.screen__serp strong{color:var(--seal);font-size:1rem;font-weight:500}.screen__serp em{color:var(--ink-2);font-size:.8rem;font-style:normal;line-height:1.5}.screen__gallery{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:.5rem;display:grid}.screen__gallery>div{aspect-ratio:4/3;border:1px dashed var(--rule-strong);background:var(--paper-sunken);border-radius:2px}.studio__nav li>button{text-align:left;width:100%;font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;min-height:2rem;padding:.3rem 0;font-size:.8rem;display:block}.studio__nav li>button[aria-current=page]{color:var(--seal);font-weight:600}.studio__nav li>button:hover{color:var(--ink)}