:root{--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-2: #f6f8fb;--color-surface-3: #eef1f6;--color-line: rgba(16, 24, 40, .1);--color-line-strong: rgba(16, 24, 40, .2);--color-text: #14181f;--color-text-secondary: #2b3340;--color-text-muted: #49525f;--color-accent: #047857;--color-accent-bright: #4ade80;--color-action: #047857;--color-action-hover: #065f46;--color-minus: #9c4a12;--color-terminal: #14181f;--color-canvas: #0a0c10;--radius-card: .75rem;--radius-control: .5rem;--radius-small: .3rem;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;color:var(--color-text);color-scheme:light;background:var(--color-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background-image:radial-gradient(circle,rgba(16,24,40,.06) 1px,transparent 1px);background-size:26px 26px;margin:0}button,input,select{font:inherit}a{color:inherit}.visually-hidden{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}.app{display:grid;gap:1rem;margin:0 auto;max-width:1280px;padding:1rem 1.25rem 3rem}.app-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.app-header h1{color:var(--color-text);font-size:1.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0}.app-header h1 a{align-items:center;border-radius:var(--radius-small);color:inherit;display:inline-flex;gap:.35em;text-decoration:none}.app-header h1 a:focus-visible{outline:2px solid var(--color-action);outline-offset:4px}.app-header__mark{color:var(--color-accent);height:.85em;width:.85em}.brand-lockup{align-items:baseline;display:flex;flex-wrap:wrap;gap:.25rem .75rem}.brand-lockup__name{align-items:center;border-radius:var(--radius-small);color:#fff;display:inline-flex;font-size:1rem;font-weight:800;gap:.35em;letter-spacing:-.03em;text-decoration:none}.brand-lockup__name:hover{text-decoration:underline}.brand-lockup__name:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:4px}.brand-lockup__mark{color:var(--color-accent-bright);height:.85em;width:.85em}.brand-lockup__tagline{color:#fff9;font-family:var(--font-mono);font-size:.84rem}.eyebrow{margin:0 0 .45rem;color:var(--color-action);font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.muted{color:var(--color-text-muted);line-height:1.55}.muted--small{font-size:.88rem;margin-bottom:0}.live-indicator{align-items:center;color:#ffffff94;display:inline-flex;font-family:var(--font-mono);font-size:.68rem;font-weight:800;gap:.42rem;letter-spacing:.14em;line-height:1;text-transform:uppercase}.live-indicator:before{background:var(--color-accent-bright);border-radius:999px;box-shadow:0 0 #4ade8047;content:"";height:.48rem;width:.48rem}@media(prefers-reduced-motion:no-preference){.live-indicator:before{animation:live-indicator-pulse 1.8s ease-in-out infinite}}@keyframes live-indicator-pulse{50%{opacity:.42}}.button{align-items:center;background:var(--color-action);border:0;border-radius:var(--radius-control);color:#fff;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;padding:.7rem 1rem;text-decoration:none;transition:background .12s ease}.button:hover{background:var(--color-action-hover)}.button:disabled{cursor:not-allowed;opacity:.55}.button--secondary{background:var(--color-surface-3);box-shadow:inset 0 0 0 1px var(--color-line-strong);color:var(--color-text)}.button--secondary:hover{background:#e3e8f0}.button--ghost{background:transparent;box-shadow:inset 0 0 0 1px #fff6;color:inherit}.button--ghost:hover{background:#ffffff1f}.panel{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);padding:1.1rem}.panel h2{margin:0 0 .75rem;font-size:1.2rem;letter-spacing:-.03em}.panel-heading{display:grid;gap:.35rem}.panel-heading h2{margin:0}.panel-heading .muted{max-width:58rem}.panel--accent{background:var(--color-terminal);border-color:var(--color-terminal);color:#fff}.panel--accent .muted,.panel--accent .eyebrow{color:#ffffffbf}.safe-summary{display:grid;gap:1rem}.safe-summary__hero{background:radial-gradient(circle at 1px 1px,rgba(74,222,128,.11) 1px,transparent 1.7px) 0 0 / 24px 24px,radial-gradient(75% 110% at 96% 28%,rgba(16,185,129,.25),transparent 58%),radial-gradient(120% 140% at 85% -20%,rgba(74,222,128,.14),transparent 55%),var(--color-terminal);border-radius:.9rem;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 60px #0596691f;padding:clamp(1.1rem,3.4vw,2.4rem);position:relative}.safe-summary__live{align-items:baseline;color:#ffffffe6;display:flex;float:right;flex-direction:column;gap:.1rem;margin:0 0 .75rem 1.25rem;text-align:right}.safe-summary__live-label{color:#ffffffe6;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.safe-summary__live .live-indicator{color:#ffffffe6}.safe-summary__live-kicker{align-items:center;display:inline-flex;gap:.65rem;justify-content:flex-end}.safe-summary__live-size{color:#4ade80;font-family:var(--font-mono);font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700}@media(max-width:1099px){.safe-summary__live{display:none}}.safe-summary__title{color:#fff;font-size:clamp(1.3rem,3.2vw,2.05rem);font-weight:800;letter-spacing:-.035em;line-height:1.15;margin:0 0 .7rem;max-width:24ch;text-wrap:balance}.safe-summary__title-accent{color:#4ade80}.safe-summary__value{color:#ffffffc7;font-size:.95rem;line-height:1.5;margin:0;max-width:56ch;text-wrap:pretty}.safe-summary__value strong{color:#ffffffeb;font-weight:650}@media(min-width:700px){.safe-summary__title{margin-bottom:.8rem}.safe-summary__stats{margin-top:1.3rem}}.safe-summary__stats{display:none;flex-wrap:wrap;gap:.45rem;list-style:none;margin:1rem 0 0;padding:0}@media(min-width:1024px){.safe-summary__stats{display:flex}}.safe-summary__stats li{border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff9;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.03em;padding:.28rem .7rem;white-space:nowrap}.safe-summary__stats strong{color:#4ade80;font-weight:700}.chapter{border-top:1px solid var(--color-line);margin-top:2rem;padding-top:2.5rem}.section-intro h2{color:var(--color-text);font-size:clamp(1.2rem,2.6vw,1.5rem);font-weight:750;letter-spacing:-.03em;line-height:1.25;margin:0 0 .55rem}.section-intro p{color:var(--color-text-secondary);font-size:1rem;line-height:1.65;margin:0;max-width:70ch;text-wrap:pretty}.section-intro p+p{margin-top:.45rem}.section-intro p strong{color:var(--color-text)}.section-intro p.section-intro__one-liner{max-width:none}.safe-summary__cards-intro{justify-self:center;margin-top:clamp(1.1rem,2.5vw,2rem);scroll-margin-top:.75rem;text-align:center}.safe-summary__cards-intro h2{font-size:clamp(1.35rem,3vw,1.7rem);margin-bottom:.45rem;text-wrap:balance}.compare-all{align-items:center;background:var(--color-accent-bright);border:0;border-radius:var(--radius-control);color:#07100a;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.95rem;font-weight:800;gap:.55rem;justify-self:start;letter-spacing:.01em;padding:.7rem 1.2rem;transition:background .14s ease,box-shadow .14s ease,transform .14s ease}.compare-all:hover{background:#6ee7a0;box-shadow:0 0 22px #4ade8047;transform:translateY(-1px)}.compare-all:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:3px}.compare-all__arrow--compact{display:none}@media(max-width:1023px),(hover:none),(pointer:coarse){.compare-all__arrow--desktop{display:none}.compare-all__arrow--compact{display:inline}}.safe-summary__grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));list-style:none;margin:0;padding:0}@media(max-width:600px){.safe-summary__grid{grid-template-columns:1fr}}@media(min-width:880px){.safe-summary__grid{grid-template-columns:repeat(4,1fr)}}.safe-summary__card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);display:grid;gap:.5rem;grid-template-rows:minmax(1.1rem,auto) auto 2.2rem 1fr;padding:.85rem .95rem;position:relative;transition:border-color .16s ease}.safe-summary__card-open{background:transparent;border:0;border-radius:var(--radius-control);cursor:pointer;inset:0;padding:0;position:absolute;z-index:1}.safe-summary__card-open:focus-visible{outline:2px solid rgba(4,120,87,.5);outline-offset:2px}.safe-summary__card:hover{border-color:#04785773}.safe-summary__thumb-area{align-items:center;background:radial-gradient(circle,rgba(16,24,40,.08) 1px,transparent 1px) 0 0 / 12px 12px,var(--color-surface-2);border:1px solid var(--color-line);border-radius:var(--radius-control);display:flex;height:5.25rem;justify-content:center;padding:.5rem}.safe-summary__thumb{background:#04785714;border:1px solid var(--color-accent);border-radius:0;box-sizing:content-box;overflow:hidden;position:relative}.safe-summary__preview{background:var(--color-terminal);border:0;display:block;pointer-events:none;transform-origin:0 0}.safe-summary__category{color:var(--color-text-secondary);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.safe-summary__size{color:var(--color-accent);font-family:var(--font-mono);font-size:1.3rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.safe-summary__source{align-content:start;color:var(--color-text-muted);display:grid;font-size:.82rem;gap:.2rem;line-height:1.4;margin:0}.safe-summary__source>div{display:flex;gap:.45rem}.safe-summary__source dt{color:var(--color-action);flex-shrink:0;font-family:var(--font-mono);font-weight:700;min-width:1.9em;text-transform:uppercase}.safe-summary__source dd{margin:0}.platform-icon{display:block;flex-shrink:0;height:.875rem;width:.875rem}.safe-summary__source-label{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.3rem}.safe-summary__source-label .platform-icon{height:.75rem;width:.75rem}.safe-summary__action{clear:both;display:flex;flex-direction:column;gap:.6rem;margin-top:1.1rem}.safe-summary__command{display:flex;flex-direction:column;gap:.6rem}.safe-summary__action .compare-all{justify-content:center}.safe-summary__embed-notice{background:#facc1524;border:1px solid rgba(250,204,21,.28);border-radius:var(--radius-control);color:#fef3c7;font-size:.86rem;font-weight:650;line-height:1.4;margin:.75rem 0 0;padding:.55rem .75rem}.safe-summary__url{background:#fff;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-control);color:var(--color-text);font-family:var(--font-mono);font-size:1rem;padding:.6rem .85rem;box-shadow:0 10px 28px #0000001f;transition:border-color .14s ease,box-shadow .14s ease;width:100%}.safe-summary__url:hover{border-color:#fff;box-shadow:0 14px 34px #00000029}.safe-summary__url:focus-visible{border-color:#4ade80;outline:2px solid rgba(74,222,128,.25);outline-offset:1px}.safe-summary__url::placeholder{color:#7b8494}.url-field{display:flex;position:relative}.url-field input{padding-right:2.4rem;width:100%}.url-field__clear{align-items:center;background:transparent;border:0;border-radius:var(--radius-small);color:#ffffff8c;cursor:pointer;display:inline-flex;height:1.6rem;justify-content:center;position:absolute;right:.45rem;top:50%;transform:translateY(-50%);transition:background .14s ease,color .14s ease;width:1.6rem}.url-field__clear:hover{background:#ffffff1f;color:#fff}.url-field__clear:focus-visible{outline:2px solid rgba(74,222,128,.5);outline-offset:1px}.safe-summary__action .url-field__clear,.filter-bar .url-field__clear{color:var(--color-text-muted)}.safe-summary__action .url-field__clear{color:#6b7280}.safe-summary__action .url-field__clear:hover,.filter-bar .url-field__clear:hover{background:#10182814;color:var(--color-text)}.fold-demo{--fold-demo-width: 344px;--fold-demo-height: 514px;--fold-demo-metric-width: 375px;--fold-demo-scale: .6;border-top:0;padding-top:0}.fold-demo__intro{background:radial-gradient(circle at 90% 15%,rgba(74,222,128,.16),transparent 30%),linear-gradient(135deg,#14181f,#171f2b);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);box-shadow:0 22px 54px #1018282e;color:#e8ebf2;display:grid;gap:1rem;overflow:hidden;padding:clamp(1rem,2.4vw,1.6rem);position:relative}.fold-demo__intro:before{background-image:radial-gradient(circle,rgba(255,255,255,.09) 1px,transparent 1px);background-size:18px 18px;content:"";inset:0;opacity:.35;pointer-events:none;position:absolute}.fold-demo__intro>*{position:relative}.fold-demo__intro h2{color:#fff;font-size:clamp(1.55rem,3.4vw,2.15rem);font-weight:800;letter-spacing:-.05em;line-height:1.05;margin:0 0 .65rem}.fold-demo__intro p{color:#ffffffb8;font-size:.95rem;line-height:1.55;margin:0;max-width:58ch;text-wrap:pretty}.fold-demo__intro p+p{margin-top:.65rem}.fold-demo__metric{align-self:center;align-content:end;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-control);display:grid;gap:.35rem;padding:.85rem}.fold-demo__metric span,.fold-demo__metric small{color:#ffffff8f;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.fold-demo__metric strong{color:var(--color-accent-bright);font-family:var(--font-mono);font-size:clamp(1.45rem,3.4vw,2.05rem);line-height:1}.fold-demo__metric small{font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:none}.fold-demo__checklist{padding-top:.7rem}.fold-demo__checks-title{color:#fff;font-weight:700}.fold-demo__checks{display:grid;gap:.45rem;list-style:none;margin:0;padding:0}.fold-demo__checks li{align-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-control);color:#fffc;display:flex;font-size:.94rem;gap:.55rem;line-height:1.35;padding:.52rem .7rem}.fold-demo__checks li:before{background-color:var(--color-accent-bright);content:"";flex-shrink:0;height:1rem;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5 6.5 11.5 12.5 4.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / .875rem no-repeat;width:1rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5 6.5 11.5 12.5 4.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / .875rem no-repeat}@media(min-width:700px){.fold-demo__intro{grid-template-columns:minmax(0,1fr) minmax(15rem,.45fr)}.fold-demo__metric{block-size:calc(var(--fold-demo-height) * var(--fold-demo-scale));grid-column:2;grid-row:1 / span 3;justify-self:center;inline-size:calc(var(--fold-demo-metric-width) * var(--fold-demo-scale))}.fold-demo__checklist,.fold-demo__checks{grid-column:1}.fold-demo__checks{grid-template-columns:repeat(2,minmax(0,1fr))}}.fold-demo__use-cases{display:grid;gap:1.1rem;margin-top:1.35rem}.fold-demo__extra-cases{display:contents}.fold-demo__more{align-items:center;display:flex;gap:1rem;justify-content:center;padding:.1rem 0}.fold-demo__more:before,.fold-demo__more:after{background:linear-gradient(90deg,transparent,var(--color-line-strong),transparent);content:"";flex:1;height:1px}.fold-demo__more-button{background:linear-gradient(180deg,#fffffff5,#f6f7f9f5),var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-control);box-shadow:0 12px 30px #10182814,inset 0 1px #ffffffe6;color:var(--color-text);cursor:pointer;font-size:.86rem;font-weight:800;letter-spacing:.02em;padding:.7rem 1rem;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease,transform .14s ease}.fold-demo__more-button:hover{border-color:#04785773;box-shadow:0 16px 36px #1018281f,inset 0 1px #fffffff2;color:var(--color-action);transform:translateY(-1px)}.fold-demo__more-button:focus-visible{outline:2px solid rgba(4,120,87,.45);outline-offset:3px}.fold-demo__block{align-content:start;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:0 16px 42px #10182814;display:grid;grid-template-rows:auto 1fr;overflow:hidden;padding:0}.fold-demo__block-header{align-content:start;background:linear-gradient(180deg,#ffffff 0%,var(--color-surface-2) 100%);border-bottom:1px solid var(--color-line);display:grid;gap:.45rem;padding:1rem}.fold-demo__index{color:var(--color-accent);display:block;font-family:var(--font-mono);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.fold-demo__use-case{color:var(--color-text);font-size:1.25rem;font-weight:800;letter-spacing:-.035em;margin:0}.fold-demo__use-case-note{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0;max-width:34ch}.fold-demo__pair{align-content:start;align-self:stretch;background:radial-gradient(circle,rgba(16,24,40,.07) 1px,transparent 1px),var(--color-surface-2);background-size:24px 24px;border:0;border-radius:0;display:flex;flex-wrap:wrap;gap:1rem 1.4rem;justify-content:center;justify-self:center;max-width:none;padding:1rem;width:100%}.fold-demo__case{display:grid;gap:.8rem;grid-template-rows:2.35rem auto 1fr;justify-items:center;margin:0;width:calc(var(--fold-demo-width) * var(--fold-demo-scale) + 18px)}.fold-demo__label{align-items:end;block-size:2.35rem;color:var(--color-text-secondary);display:flex;font-size:.76rem;font-weight:700;justify-content:center;letter-spacing:.08em;line-height:1.25;text-align:center;text-transform:uppercase}.fold-demo__screen{background:var(--color-terminal);border-radius:0;block-size:calc(var(--fold-demo-height) * var(--fold-demo-scale));box-sizing:content-box;box-shadow:0 14px 32px #1018282e;inline-size:calc(var(--fold-demo-width) * var(--fold-demo-scale));padding:9px}.fold-demo__viewport{border-radius:0;height:calc(var(--fold-demo-height) * var(--fold-demo-scale));overflow:hidden;width:calc(var(--fold-demo-width) * var(--fold-demo-scale))}.fold-demo__preview{background:#fff;border:0;display:block;pointer-events:none;transform:scale(var(--fold-demo-scale));transform-origin:0 0}.fold-demo__verdict{color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:.45rem;line-height:1.5;margin:0}.fold-demo__mark{color:#b42318;font-weight:800}.fold-demo__verdict--pass .fold-demo__mark{color:var(--color-accent)}@media(min-width:1080px){.fold-demo{--fold-demo-scale: .58}.fold-demo__use-cases{grid-template-columns:repeat(2,minmax(0,1fr))}.fold-demo__more{grid-column:1 / -1}.fold-demo__block{padding:0}.fold-demo__block-header{border-bottom:1px solid var(--color-line);padding:1.15rem 1.25rem}.fold-demo__use-case-note{max-width:40ch}.fold-demo__pair{justify-content:center}}@media(max-width:540px){.fold-demo{--fold-demo-scale: .38}.fold-demo__use-cases:not(.fold-demo__use-cases--expanded) .fold-demo__block--mobile-preview-extra{display:none}.fold-demo__more{gap:.75rem;padding:.25rem .2rem}.fold-demo__more-button{font-size:.82rem;padding:.65rem .9rem}.fold-demo__block-header{padding:1.1rem 1rem}.fold-demo__use-case{font-size:1.15rem}.fold-demo__use-case-note{font-size:.9rem;max-width:none}.fold-demo__pair{flex-wrap:nowrap;gap:.7rem;justify-content:center;padding:1rem .65rem}.fold-demo__case{flex:0 1 calc(var(--fold-demo-width) * var(--fold-demo-scale) + 12px);gap:.6rem;min-width:0;width:calc(var(--fold-demo-width) * var(--fold-demo-scale) + 12px)}.fold-demo__label{block-size:2rem;min-block-size:0}.fold-demo__screen{padding:6px}.fold-demo__verdict{font-size:.78rem;max-width:100%}}@media(max-width:368px){.fold-demo{--fold-demo-scale: .34}}@media(max-width:320px){.fold-demo{--fold-demo-scale: .3}}.faq__item{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);margin-top:.75rem}.faq__question{color:var(--color-text);cursor:pointer;font-size:1rem;font-weight:650;letter-spacing:-.01em;line-height:1.5;list-style:none;padding:.95rem 1.1rem;position:relative}.faq__question::-webkit-details-marker{display:none}.faq__question:after{color:var(--color-text-secondary);content:"+";font-size:1.15rem;font-weight:500;position:absolute;right:1.1rem;top:50%;transform:translateY(-50%)}.faq__item[open]>.faq__question:after{content:"−"}.faq__question:hover{color:var(--color-accent)}.faq__question:focus-visible{border-radius:var(--radius-control);outline:2px solid var(--color-action);outline-offset:-2px}.faq__answer{padding:0 1.1rem 1rem}.faq__answer p,.faq__answer li{color:var(--color-text-secondary);font-size:1rem;line-height:1.65;margin:0;max-width:80ch}.faq__answer ul{display:grid;gap:.5rem;margin:.6rem 0 0;padding-left:1.2rem}.faq__answer strong{color:var(--color-text)}.faq__answer code{background:var(--color-bg);border:1px solid var(--color-line);border-radius:6px;font-family:var(--font-mono);font-size:.86rem;padding:.05rem .3rem}.outro{background:var(--color-terminal);border-radius:var(--radius-card);color:#e8ebf2;display:grid;gap:1.75rem;margin-top:1.5rem;padding:clamp(1.4rem,4vw,2.5rem)}.outro h2{color:#fff;font-size:1.3rem;letter-spacing:-.01em;margin:0 0 .9rem}.outro__story p{color:#aab3c5;font-size:1rem;line-height:1.7;margin:0 0 .9rem;max-width:62ch;text-wrap:pretty}.outro__story p:last-child{margin-bottom:0}.outro__story a{color:var(--color-accent-bright);font-weight:600}.outro__cta{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-control);padding:1.2rem 1.3rem}.outro__cta p{color:#aab3c5;font-size:1rem;line-height:1.65;margin:0}.outro__cta strong{color:#fff}.outro__button{background:var(--color-accent-bright);border:0;border-radius:var(--radius-control);color:#07100a;cursor:pointer;font-size:.95rem;font-weight:800;margin-top:1.1rem;padding:.7rem 1.2rem;transition:background .14s ease;width:100%}.outro__button:hover{background:#6ee7a0}.outro__button:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:3px}.outro__author{align-items:center;display:flex;gap:.9rem;margin-top:1.4rem}.outro__avatar{border:1px solid rgba(255,255,255,.2);border-radius:50%;flex-shrink:0}.outro__author p{color:#8a94a6;font-size:.95rem;line-height:1.55;margin:0}.outro__author strong{color:#fff}.outro__author a{color:var(--color-accent-bright);font-weight:600;white-space:nowrap}@media(min-width:980px){.outro{column-gap:3.5rem;grid-template-columns:minmax(0,.65fr) minmax(0,1fr)}}.tool-compare{border-top:0;padding-top:0}.tool-compare__panel{background:radial-gradient(circle at 100% 0%,rgba(74,222,128,.15),transparent 34%),linear-gradient(135deg,#14181f,#111721);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);box-shadow:0 22px 54px #1018282e;color:#e8ebf2;padding:clamp(1.15rem,3vw,2rem)}.tool-compare__intro{display:grid;gap:.7rem;margin-bottom:1.2rem}.tool-compare__intro h2{color:#fff;font-size:clamp(1.45rem,3.4vw,2.25rem);font-weight:800;letter-spacing:-.045em;line-height:1.08;margin:0}.tool-compare__intro p{color:#ffffffb8;font-size:1rem;line-height:1.65;margin:0;text-wrap:pretty}.tool-compare__list{display:grid;gap:.85rem;list-style:none;margin:0;padding:0}.tool-compare__row{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-control);display:grid;gap:.75rem;padding:.95rem}.tool-compare__index{color:#4ade80c7;font-family:var(--font-mono);font-size:.78rem;font-weight:800;letter-spacing:.12em}.tool-compare__tool h3{color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .6rem}.tool-compare__tool h4{color:var(--color-accent-bright);font-size:1rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .45rem}.tool-compare__tool p{color:#ffffffbd;font-size:.95rem;line-height:1.55;margin:0}@media(min-width:860px){.tool-compare__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.viewport-analytics{align-items:start;display:grid;gap:1.4rem}.viewport-event{background:var(--color-terminal);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);box-shadow:0 18px 42px #10182829;color:#e8ebf2;padding:1.1rem}.viewport-event__header{align-items:baseline;display:grid;gap:.25rem .6rem;grid-template-columns:1fr auto}.viewport-event__header span{color:#ffffff8c;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.viewport-event__header strong{color:var(--color-accent-bright);font-family:var(--font-mono);font-size:.95rem;word-break:break-word}.viewport-event__payload{display:grid;gap:.55rem;margin:1rem 0 0}.viewport-event__payload div{align-items:baseline;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto;padding-top:.55rem}.viewport-event__payload dt{color:#ffffff94;font-family:var(--font-mono);font-size:.78rem}.viewport-event__payload dd{color:#fff;font-family:var(--font-mono);font-size:.86rem;font-weight:700;margin:0;text-align:right}.viewport-event__header .live-indicator{align-self:start;color:#ffffff94;font-size:.68rem;font-weight:800;grid-column:2;grid-row:1 / span 2;letter-spacing:.14em}.viewport-event__hint{color:#ffffff8c;font-size:.78rem;line-height:1.5;margin:.9rem 0 0}.viewport-analytics__points{display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.viewport-analytics__points li{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);padding:1rem}.viewport-analytics__points h3{color:var(--color-text);font-size:1rem;font-weight:750;letter-spacing:-.01em;margin:0 0 .35rem}.viewport-analytics__points p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.55;margin:0}.viewport-buckets{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);overflow:hidden}.viewport-buckets summary{color:var(--color-text);cursor:pointer;font-size:1rem;font-weight:750;letter-spacing:-.01em;list-style:none;padding:1rem 1.1rem;position:relative}.viewport-buckets summary::-webkit-details-marker{display:none}.viewport-buckets summary:after{color:var(--color-text-secondary);content:"+";font-size:1.15rem;font-weight:500;position:absolute;right:1.1rem;top:50%;transform:translateY(-50%)}.viewport-buckets[open] summary:after{content:"−"}.viewport-buckets summary:hover{color:var(--color-accent)}.viewport-buckets summary:focus-visible{outline:2px solid var(--color-action);outline-offset:-2px}.viewport-buckets__body{border-top:1px solid var(--color-line);display:grid;gap:1rem;padding:1rem 1.1rem 1.1rem}.viewport-buckets__body>p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0;max-width:72ch}.viewport-buckets code,.viewport-buckets__sample{font-family:var(--font-mono)}.viewport-buckets code{background:var(--color-bg);border:1px solid var(--color-line);border-radius:6px;font-size:.84rem;padding:.05rem .3rem}.viewport-buckets__table-wrap{overflow-x:auto}.viewport-buckets__table{border-collapse:collapse;min-width:760px;width:100%}.viewport-buckets__table th,.viewport-buckets__table td{border-top:1px solid var(--color-line);padding:.75rem .8rem;text-align:left;vertical-align:top}.viewport-buckets__table thead th{border-top:0;color:var(--color-text-secondary);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.viewport-buckets__table tbody th{color:var(--color-text);font-size:.95rem;font-weight:750;white-space:nowrap}.viewport-buckets__table td{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5}.viewport-buckets__sample{background:var(--color-terminal);border-radius:var(--radius-control);color:#e8ebf2;font-size:.86rem;line-height:1.55;margin:0;overflow-x:auto;padding:1rem}@media(min-width:760px){.viewport-analytics__points{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:920px){.viewport-analytics{column-gap:3rem;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.viewport-analytics__points,.viewport-buckets{grid-column:1 / -1}}.toolbar__group{display:grid;gap:.4rem}.toolbar__label{color:var(--color-text-secondary);font-size:.88rem;font-weight:700}.filter-bar{align-items:stretch;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);display:grid;gap:.45rem .85rem;padding:.55rem .75rem}.filter-bar__toggle{align-items:center;background:transparent;border:0;color:var(--color-text-secondary);cursor:pointer;display:none;font-size:.86rem;font-weight:700;justify-content:space-between;letter-spacing:.07em;padding:.15rem .1rem;text-transform:uppercase;width:100%}.filter-bar__mobile-actions{display:none}.filter-bar__chevron{transition:transform .2s ease}.filter-bar__chevron--open{transform:rotate(180deg)}.filter-bar__items{align-items:flex-end;display:flex;flex:1;flex-wrap:wrap;gap:.45rem .65rem}.filter-bar__item{display:grid;gap:.22rem;justify-items:start}.filter-bar__item>span{color:var(--color-text-muted);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.device-filter-icon{block-size:1.05rem;display:block;fill:none;inline-size:1.1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.browser-filter-icon{align-items:center;block-size:1.1rem;display:inline-flex;inline-size:1.1rem;justify-content:center}.browser-filter-icon .platform-icon{block-size:1.1rem;inline-size:1.1rem}.segmented{align-items:stretch;background:var(--color-surface-3);border:1px solid var(--color-line);border-radius:var(--radius-control);display:inline-flex;gap:2px;height:2.25rem;margin:0;min-width:0;padding:3px}.segmented__option{background:transparent;border:0;border-radius:var(--radius-small);color:var(--color-text-muted);cursor:pointer;font-size:.86rem;font-weight:600;padding:.26rem .6rem;transition:background .14s ease,color .14s ease;white-space:nowrap}.segmented__option:hover{color:var(--color-text)}.segmented__option--active{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line),0 1px 2px #10182814;color:var(--color-text)}.segmented__option:focus-visible{outline:2px solid rgba(4,120,87,.45);outline-offset:1px}.filter-bar .segmented{height:2rem;padding:2px}.filter-bar .segmented__option{align-items:center;display:inline-flex;justify-content:center;min-width:1.95rem;padding:.2rem .5rem}.filter-bar__select{background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-control);color:var(--color-text);font-size:1rem;font-weight:500;height:2.25rem;padding:0 .65rem;transition:background .14s ease,border-color .14s ease}.filter-bar__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5l3 3 3-3' stroke='%235b6573' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.7rem;padding-right:1.7rem}.filter-bar__select:hover{border-color:#10182859}.filter-bar__select:focus-visible{border-color:#04785799;outline:2px solid rgba(4,120,87,.3);outline-offset:1px}.filter-bar__item--url{flex:1 1 16rem}.filter-bar__item--url .url-field{justify-self:stretch}.filter-bar__url{background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-control);color:var(--color-text);font-size:1rem;height:2.25rem;justify-self:stretch;padding:0 .65rem;transition:background .14s ease,border-color .14s ease}.filter-bar__url::placeholder{color:var(--color-text-muted)}.filter-bar__url:hover{border-color:#10182859}.filter-bar__url:focus-visible{border-color:#04785799;outline:2px solid rgba(4,120,87,.3);outline-offset:1px}.device-group{display:grid;gap:.5rem}.device-group__summary{align-items:center;cursor:pointer;display:flex;gap:.65rem;list-style:none;margin:.85rem 0 0;user-select:none}.device-group__summary::-webkit-details-marker{display:none}.device-group__summary:focus-visible{border-radius:var(--radius-small);outline:2px solid rgba(4,120,87,.4);outline-offset:3px}.device-group__chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .16s ease}.device-group[open] .device-group__chevron{transform:rotate(180deg)}.device-group__title{align-items:center;color:var(--color-text-secondary);display:flex;flex:1;font-size:.84rem;font-weight:700;gap:.65rem;letter-spacing:.14em;margin:0;text-transform:uppercase;transition:color .14s ease}.device-group__title:after{background:linear-gradient(90deg,var(--color-line-strong),transparent);content:"";flex:1;height:1px}.device-group__summary:hover .device-group__title{color:var(--color-text)}.device-group__count{background:var(--color-surface-3);border-radius:999px;color:var(--color-action);font-family:var(--font-mono);font-size:.76rem;letter-spacing:0;padding:.12rem .55rem}.device-list{display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.device-row{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);overflow:hidden;transition:border-color .16s ease}.device-row:hover{border-color:var(--color-line-strong)}.device-row--expanded{border-color:#04785773}.device-row__header{align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto auto;padding-right:.85rem}.device-row__header:hover{background:var(--color-surface-2)}.device-row__summary{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:grid;gap:1rem;grid-template-columns:1fr auto;padding:.8rem 1rem;text-align:left;width:100%}.device-row__summary:focus-visible{outline:2px solid rgba(4,120,87,.45);outline-offset:-2px}.device-row__open{align-items:center;background:transparent;border:1px solid var(--color-line-strong);border-radius:var(--radius-control);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;transition:background .14s ease,border-color .14s ease,color .14s ease;width:2rem}.device-row__open:hover{background:var(--color-action);border-color:var(--color-action);color:#fff}.device-row__open:focus-visible{outline:2px solid rgba(4,120,87,.45);outline-offset:1px}.device-row__identity{display:grid;gap:.15rem}.device-row__label{font-weight:700}.device-row__meta{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:.88rem;gap:.35rem}.device-row__meta-icon{display:inline-flex}.device-row__viewport{display:grid;gap:.1rem;justify-items:end;text-align:right}.device-row__viewport strong{color:var(--color-accent);font-family:var(--font-mono);font-size:1.15rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em}.device-row__viewport small{color:var(--color-text-muted);font-size:.8rem}.badge{background:transparent;border:1px solid rgba(146,95,22,.45);border-radius:var(--radius-small);color:#8a5a10;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.22rem .5rem;text-transform:uppercase}.badge--measured,.badge--verified{border-color:#04785773;color:var(--color-accent)}.device-row__detail{background:var(--color-surface-2);border-top:1px solid var(--color-line);display:grid;gap:1.25rem;padding:1.25rem}.device-row__columns{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,34rem) minmax(0,1fr)}.device-row__info{display:grid;gap:1rem}.detail-heading{color:var(--color-text-secondary);font-size:.8rem;font-weight:700;letter-spacing:.09em;margin:0 0 .65rem;text-transform:uppercase}.breakdown-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);padding:1rem 1.2rem}.breakdown{display:grid;gap:.35rem;margin:0}.breakdown__line{align-items:baseline;display:grid;gap:.2rem 1rem;grid-template-columns:1fr auto}.breakdown__line dt{color:var(--color-text-secondary);display:grid;font-size:.95rem}.breakdown__line dt small{color:var(--color-text-muted);font-size:.82rem}.breakdown__line dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;margin:0}.viewport-data-card .breakdown__line{grid-template-columns:minmax(0,1fr) max-content}.viewport-data-card .breakdown__line dt,.viewport-data-card .breakdown__line dd{color:var(--color-text)}.breakdown__line--minus dd{color:var(--color-minus)}.breakdown__value{align-items:center;display:inline-flex;gap:.35rem;justify-content:flex-end}.breakdown__check{align-items:center;border:1px solid rgba(4,120,87,.35);border-radius:999px;color:var(--color-accent);display:inline-flex;font-family:var(--font-sans);font-size:.62rem;font-weight:800;height:1rem;justify-content:center;line-height:1;width:1rem}.breakdown__check-icon{height:.72rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:.72rem}.breakdown__line--total{border-top:1px solid var(--color-line-strong);margin-top:.25rem;padding-top:.5rem}.breakdown__line--total dt{color:var(--color-text);font-weight:700}.breakdown__line--total dd{color:var(--color-accent);font-size:1.15rem;font-weight:700}.breakdown__line--scrolled dd{color:var(--color-accent)}.device-row__notes ul{display:grid;gap:.4rem;list-style:disc;margin:0;padding-left:1.15rem}.device-row__notes li{color:var(--color-text-secondary);font-size:.95rem;line-height:1.55}.device-row__actions{align-items:start;border-top:1px solid var(--color-line);display:flex;flex-wrap:wrap;gap:1rem 2rem;padding-top:1rem}.device-row__devtools{border-top:1px solid var(--color-line);padding-top:1rem}.dataset-note{background:var(--color-surface);border:1px solid var(--color-line);border-left:3px solid var(--color-action);border-radius:var(--radius-control);color:var(--color-text-muted);font-size:.9rem;line-height:1.6;margin:.5rem 0 0;padding:.85rem 1.1rem}.dataset-note a{color:var(--color-action);font-weight:700}.app--measure{gap:0;max-width:none;padding:0 0 3rem}.measure-content{display:grid;gap:1rem;margin:0 auto;max-width:1280px;padding:1rem 1.25rem 0;width:100%}.measurement-queue{display:grid;gap:.85rem}.measurement-queue__table-wrap{border:1px solid var(--color-line);border-radius:var(--radius-control);max-height:18rem;overflow:auto}.measurement-queue__table{background:var(--color-surface);border-collapse:separate;border-spacing:0;font-size:.9rem;min-width:48rem;width:100%}.measurement-queue__table th,.measurement-queue__table td{border-bottom:1px solid var(--color-line);padding:.6rem .75rem;text-align:left;vertical-align:top}.measurement-queue__table th{background:#fbfcfd;color:var(--color-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;position:sticky;text-transform:uppercase;top:0;z-index:1}.measurement-queue__table tr:last-child td{border-bottom:0}.measurement-queue__table td{color:var(--color-text-muted);line-height:1.4}.measurement-queue__table strong{color:var(--color-text)}.measurement-queue__scenarios{display:flex;flex-wrap:wrap;gap:.4rem}.measurement-queue__scenarios button{background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:999px;color:var(--color-text-secondary);cursor:pointer;font-size:.82rem;font-weight:750;padding:.32rem .55rem}.measurement-queue__scenarios button:hover,.measurement-queue__scenarios button:focus-visible{border-color:#04785766;color:var(--color-action-hover);outline:0}.measure-hero{background:var(--color-terminal);color:#fff;display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:hidden;padding:calc(.6rem + env(safe-area-inset-top,0px)) calc(1rem + env(safe-area-inset-right,0px)) calc(.85rem + env(safe-area-inset-bottom,0px)) calc(1rem + env(safe-area-inset-left,0px));position:relative}.measure-hero__header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.measure-hero__close{align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-small);color:#e8ebf2;cursor:pointer;display:inline-flex;flex-shrink:0;height:2rem;justify-content:center;padding:0;transition:background .14s ease,color .14s ease;width:2rem}.measure-hero__close:hover{background:#ffffff24;color:#fff}.measure-hero__frame{border:1px solid rgba(74,222,128,.85);inset:0;pointer-events:none;position:absolute}.measure-hero__frame:before,.measure-hero__frame:after{content:"";height:14px;position:absolute;width:14px}.measure-hero__frame:before{border-left:3px solid var(--color-accent-bright);border-top:3px solid var(--color-accent-bright);left:calc(100% + .55rem);top:0}.measure-hero__frame:after{border-bottom:3px solid var(--color-accent-bright);border-right:3px solid var(--color-accent-bright);bottom:0;right:0}.measure-hero .eyebrow{color:#ffffffbf}.measure-hero__center{margin:0 auto;max-width:40rem;text-align:center}.measure-hero__center h2{font-size:clamp(1.05rem,2.6vw,1.45rem);letter-spacing:-.03em;margin:0}.measure-hero__metric{color:var(--color-accent-bright);font-family:var(--font-mono);font-size:clamp(2.4rem,9vw,4.6rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.05em;margin:.35rem 0 1rem;min-height:1.05em}.measure-hero__facts{display:grid;font-size:clamp(.86rem,2vw,1rem);gap:.3rem 1rem;grid-template-columns:max-content minmax(0,1fr);justify-content:center;margin:0;max-width:min(100%,34rem);min-height:calc(6lh + 1.5rem);text-align:left;width:100%}.measure-hero__facts dt{color:#ffffffa6}.measure-hero__facts dd{font-family:var(--font-mono);font-weight:600;margin:0;min-width:0;overflow-wrap:anywhere}.measure-hero__submit{align-items:center;background:var(--color-accent-bright);border:0;border-radius:var(--radius-control);color:#07100a;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:800;gap:.5rem;margin-top:clamp(.8rem,2.5vh,1.4rem);padding:.65rem 1.3rem;transition:background .14s ease}.measure-hero__submit:hover{background:#6ee7a0}.measure-hero__submit:disabled,.measure-hero__submit:disabled:hover{background:#88b3a3;cursor:not-allowed}.measure-hero__submit:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:3px}.measure-hero__fold{text-align:center}.measure-hero__fold-label{color:#ffffffbf;font-size:.88rem;margin:0 0 .3rem}.measure-hero__report-status{bottom:calc(.4rem + env(safe-area-inset-bottom,0px));color:#fff9;font-family:var(--font-mono);font-size:.78rem;margin:0;position:absolute;right:calc(.6rem + env(safe-area-inset-right,0px))}.measure-hero__report-status[data-status=reported]{color:var(--color-accent-bright)}.measure-hero__report-status[data-status=failed]{color:#fca5a5}.metric{color:var(--color-accent-bright);font-family:var(--font-mono);margin:.5rem 0 1rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.05em}.facts,.measurement-summary{display:grid;gap:.4rem .75rem;grid-template-columns:auto 1fr;margin:0;font-size:.95rem}.facts dt{color:var(--color-text-muted)}.facts dd{font-family:var(--font-mono);margin:0;font-weight:600}.measurement-summary dt{color:#ffffffbf}.measurement-summary dd{font-family:var(--font-mono);margin:0;font-weight:700}.detected-viewport-review{display:grid;gap:.75rem}.environment-summary{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);display:grid;gap:0;overflow:hidden}.environment-primary{background:transparent;border:0;border-bottom:1px solid var(--color-line);border-radius:0;color:var(--color-text);display:grid;gap:.25rem;min-width:0;padding:.85rem 1rem}.environment-primary__label{color:var(--color-text-muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.environment-primary strong{color:var(--color-action-hover);font-family:var(--font-mono);font-size:clamp(1.55rem,5vw,2.25rem);letter-spacing:-.04em;line-height:1.15;overflow-wrap:anywhere}.environment-primary small{color:var(--color-text-muted);line-height:1.45}.environment-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.environment-highlights div{background:transparent;border:0;border-bottom:1px solid var(--color-line);border-right:1px solid var(--color-line);border-radius:0;display:grid;gap:.25rem;min-width:0;padding:.75rem 1rem}.environment-highlights div:nth-child(2n){border-right:0}.environment-highlights div:nth-last-child(-n+2){border-bottom:0}.environment-highlights dt{color:var(--color-text-muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.environment-highlights dd{font-family:var(--font-mono);font-weight:700;margin:0;overflow-wrap:anywhere}.technical-details{border-top:1px solid var(--color-line);padding-top:.75rem}.technical-details summary{color:var(--color-text-secondary);cursor:pointer;font-weight:800}.technical-details .facts{margin-top:.75rem}.warning{background:#fff7db;border:1px solid rgba(146,95,22,.3);border-radius:var(--radius-control);color:#76551b;margin-top:.85rem;padding:.8rem}.warning-list{display:grid;gap:.4rem;margin-bottom:.85rem}.warning-list ul{display:grid;gap:.25rem;margin:0;padding-left:1.2rem}.submission-step .warning-list{margin:0}.success{background:#eaf8f0;border:1px solid rgba(4,120,87,.25);border-radius:var(--radius-control);color:var(--color-action-hover);font-weight:700;margin-top:.85rem;padding:.8rem}.success a{text-decoration:underline}.submission-success{align-items:center;background:#eaf8f0;border:1px solid rgba(4,120,87,.25);border-radius:var(--radius-control);color:var(--color-action-hover);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:1rem 1.5rem 1.5rem;padding:1rem}.submission-success h3{color:var(--color-action-hover);font-size:1.15rem;margin:0}.submission-success p{margin:.25rem 0 0}.submission-success a{text-decoration:underline}.submission-panel{overflow:visible;padding:0;width:100%}.submission-panel__intro{background:var(--color-surface);border-bottom:1px solid var(--color-line);border-radius:var(--radius-card) var(--radius-card) 0 0;display:grid;gap:.9rem;padding:1.3rem 1.5rem}.submission-panel__intro .muted{max-width:46rem}.submission-progress{display:none}.submission-progress span{color:var(--color-text-muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.submission-progress strong{color:var(--color-text);font-size:1rem}.submission-progress__track{background:var(--color-surface-3);border-radius:999px;height:.35rem;overflow:hidden}.submission-progress__track span{background:var(--color-action);display:block;height:100%;transform-origin:left center;transition:transform .18s ease}.submission-panel__body{display:grid;grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);min-height:24rem}.submission-panel__main{display:flex;flex-direction:column;min-width:0}.submission-steps{align-content:start;background:#fbfcfd;border-radius:0 0 0 var(--radius-card);border-right:1px solid var(--color-line);display:grid;gap:.25rem;list-style:none;margin:0;padding:1rem}.submission-steps li{min-width:0}.submission-steps button{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-control);color:var(--color-text-muted);cursor:pointer;display:grid;font-size:.88rem;font-weight:750;gap:.65rem;grid-template-columns:auto 1fr;justify-content:start;line-height:1.25;padding:.65rem .7rem;text-align:left;width:100%}.submission-steps button span{align-items:center;background:var(--color-surface-3);border-radius:999px;display:inline-flex;font-family:var(--font-mono);font-size:.7rem;height:1.35rem;justify-content:center;width:1.35rem}.submission-steps button[data-state=active]{background:#04785714;border-color:#04785729;color:var(--color-action-hover)}.submission-steps button[data-state=active] span{background:var(--color-action);color:#fff}.submission-steps button[data-state=complete]{color:var(--color-text)}.submission-steps button[data-state=complete] span{background:#04785724;color:var(--color-action-hover)}.submission-steps button:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.55}.submission-steps button:not(:disabled):hover,.submission-steps button:not(:disabled):focus-visible{background:var(--color-surface);border-color:var(--color-line);outline:0}.submission-flow{align-content:start;display:grid;gap:1rem;padding:1.25rem 1.5rem;width:100%}.submission-step{align-content:start;background:transparent;border:0;border-radius:0;display:grid;gap:1rem;padding:0}.submission-step__header{align-items:start;display:grid;gap:.35rem;grid-template-columns:1fr}.submission-step__header h3{font-size:1.25rem;letter-spacing:-.02em;margin:0}.submission-step__header p{color:var(--color-text-muted);font-size:.98rem;line-height:1.5;margin:.2rem 0 0;max-width:58rem}.step-badge{align-items:center;background:var(--color-action);border-radius:999px;color:#fff;display:inline-flex;font-family:var(--font-mono);font-size:.82rem;font-weight:800;height:1.65rem;justify-content:center;width:1.65rem}.submission-step .step-badge{display:none}.contribution-fields{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.field{display:grid;gap:.4rem;color:var(--color-text-secondary);font-size:.95rem;font-weight:750}.field input,.field select{width:100%;border:1px solid var(--color-line-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-size:1rem;font-weight:500;min-height:3rem;padding:.7rem .9rem}.field--wide{max-width:none}.selection-note{align-self:end;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);color:var(--color-text-secondary);margin:0;padding:.75rem .85rem}.validation-hint{background:#fff8e8;border:1px solid rgba(146,95,22,.2);border-radius:var(--radius-control);color:#76551b;font-size:.9rem;font-weight:750;margin:0;padding:.7rem .8rem}.setup-summary{background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:var(--radius-control);color:var(--color-text-secondary);display:grid;gap:.55rem;padding:.8rem}.setup-summary>span{color:var(--color-text-muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.setup-summary ul{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.setup-summary li{background:var(--color-surface);border:1px solid var(--color-line);border-radius:999px;color:var(--color-text-secondary);font-size:.9rem;font-weight:700;padding:.35rem .55rem}.setup-summary p{color:var(--color-text-muted);margin:0}.capture-context{display:grid;gap:.85rem;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.capture-context>div:first-child{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);display:grid;gap:.25rem;padding:.85rem}.capture-context span{color:var(--color-text-muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.capture-context small{color:var(--color-text-muted);line-height:1.45}.capture-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.capture-actions p{margin:0}.keyboard-probe{background:var(--color-surface);border:1px solid rgba(4,120,87,.24);border-radius:var(--radius-control);display:grid;gap:.45rem;padding:.85rem}.keyboard-probe span{color:var(--color-text-muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.keyboard-probe input{background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-control);color:var(--color-text);font-size:1rem;font-weight:500;min-height:3rem;padding:.7rem .9rem}.keyboard-probe input:focus-visible{border-color:var(--color-action);outline:2px solid rgba(4,120,87,.22);outline-offset:1px}.keyboard-probe small{color:var(--color-text-muted);line-height:1.45}.confirm-card{align-items:flex-start;border:1px solid rgba(4,120,87,.3);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;display:flex;gap:.75rem;margin:0;padding:.85rem}.confirm-card input[type=checkbox]{appearance:none;align-items:center;background:var(--color-surface);border:1.5px solid var(--color-line-strong);border-radius:.3rem;color:#fff;display:inline-flex;flex:0 0 auto;height:1.25rem;justify-content:center;margin:.1rem 0 0;width:1.25rem}.confirm-card input[type=checkbox]:before{border:solid currentColor;border-width:0 2px 2px 0;content:"";height:.55rem;opacity:0;transform:rotate(45deg) translate(-1px,-1px);width:.3rem}.confirm-card input[type=checkbox]:checked{background:var(--color-action);border-color:var(--color-action)}.confirm-card input[type=checkbox]:checked:before{opacity:1}.confirm-card:focus-within{outline:2px solid rgba(4,120,87,.28);outline-offset:2px}.confirm-card span{display:grid;gap:.25rem}.confirm-card small{color:var(--color-text-muted);line-height:1.45}.submission-check{margin:0}.turnstile-widget{min-height:65px}.bot-check-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);display:grid;gap:.85rem;grid-template-columns:minmax(0,1fr) auto;padding:.85rem}.bot-check-card p{color:var(--color-text-muted);line-height:1.45;margin:.2rem 0 0}.bot-check-card .warning{margin:0}.validation-list{display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.validation-list li{align-items:start;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);display:grid;gap:.65rem;grid-template-columns:auto 1fr;padding:.7rem}.validation-list li[data-state=ready]{border-color:#04785747}.validation-status{align-items:center;background:#eef2f7;border-radius:999px;color:var(--color-text-muted);display:inline-flex;font-size:.72rem;font-weight:800;inline-size:4.8rem;justify-content:center;padding:.2rem .45rem}.validation-list li[data-state=ready] .validation-status{background:#0478571f;color:var(--color-action-hover)}.validation-list strong{display:block}.validation-list small{color:var(--color-text-muted);display:block;line-height:1.45;margin-top:.1rem}.submission-navigation{align-items:center;background:var(--color-surface);border-top:1px solid var(--color-line);display:flex;flex-wrap:wrap;gap:.65rem;justify-content:space-between;margin:auto auto 0;padding:1rem 1.5rem;width:100%}.submission-navigation>.button:last-child,.split-submit__primary{min-width:min(100%,14rem)}.split-submit{display:inline-flex;max-width:100%;position:relative}.split-submit__primary{border-radius:var(--radius-control) 0 0 var(--radius-control);line-height:1.2;min-width:0;overflow-wrap:anywhere;white-space:normal}.split-submit__menu-wrap{display:flex;position:relative}.split-submit__trigger{border-left:1px solid rgba(255,255,255,.24);border-radius:0 var(--radius-control) var(--radius-control) 0;height:100%;min-width:2.8rem;padding-inline:.75rem}.split-submit__trigger[aria-expanded=true],.split-submit__trigger[aria-expanded=true]:hover,.split-submit__trigger[aria-expanded=true]:focus-visible{background:var(--color-action-hover);color:#fff;outline:0}.split-submit:has(.split-submit__primary:disabled) .split-submit__primary,.split-submit:has(.split-submit__primary:disabled) .split-submit__primary:hover{background:#88b3a3;color:#fff;opacity:1}.split-submit:has(.split-submit__primary:disabled) .split-submit__trigger{background:var(--color-action);border-left-color:#ffffff4d;color:#fff;opacity:1}.split-submit:has(.split-submit__primary:disabled) .split-submit__trigger:hover,.split-submit:has(.split-submit__primary:disabled) .split-submit__trigger:focus-visible{background:var(--color-action-hover)}.split-submit:has(.split-submit__primary:disabled) .split-submit__trigger[aria-expanded=true],.split-submit:has(.split-submit__primary:disabled) .split-submit__trigger[aria-expanded=true]:hover,.split-submit:has(.split-submit__primary:disabled) .split-submit__trigger[aria-expanded=true]:focus-visible{background:var(--color-action-hover)}.submission-menu{background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-control);box-shadow:0 18px 42px #10182829;display:grid;min-width:13rem;padding:.35rem;position:absolute;right:0;top:calc(100% + .4rem);z-index:10}.submission-menu button{background:transparent;border:0;border-radius:calc(var(--radius-control) - 4px);color:var(--color-text);cursor:pointer;font:inherit;font-weight:700;padding:.6rem .7rem;text-align:left}.submission-menu button:hover,.submission-menu button:focus-visible{background:var(--color-surface-2);outline:0}.issue-preview{display:grid;gap:.55rem;padding:0 1.5rem 1.5rem}.issue-preview pre{background:var(--color-terminal);border-radius:var(--radius-control);color:#f8fafc;font-family:var(--font-mono);font-size:.8rem;line-height:1.5;margin:0;max-height:28rem;overflow:auto;padding:.85rem;white-space:pre-wrap}@media(max-width:760px){.app--measure{padding-bottom:0}.measure-content{padding:0}.environment-highlights{grid-template-columns:1fr}.environment-highlights div,.environment-highlights div:nth-child(2n),.environment-highlights div:nth-last-child(-n+2){border-bottom:1px solid var(--color-line);border-right:0}.environment-highlights div:last-child{border-bottom:0}.bot-check-card,.contribution-fields,.capture-context{grid-template-columns:1fr}.submission-panel__intro{padding:1rem}.submission-progress{display:grid;gap:.45rem}.submission-panel__body,.submission-panel__main{display:block;min-height:0}.submission-steps{display:none}.submission-flow{padding:1rem}.submission-navigation{padding:.85rem 1rem 1rem}.submission-step__header{gap:.6rem}.submission-navigation>.button,.split-submit{width:100%}.split-submit__primary{flex:1 1 auto;min-width:0}.submission-menu{left:0;right:0}}.import-panel{margin:10vh auto 0;max-width:30rem;width:100%}.field--on-accent{color:#ffffffd9;margin:1rem 0}.queue-list{display:grid;gap:.5rem;list-style:none;margin:0 0 .85rem;padding:0}.queue-list__item{border:1px solid var(--color-line);border-radius:var(--radius-control);display:grid;gap:.6rem;padding:.6rem .85rem}.queue-list__row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.queue-list__actions{display:flex;flex-wrap:wrap;gap:.45rem}.button--small{font-size:.88rem;padding:.35rem .7rem}.queue-list__identity{display:grid;gap:.15rem}.queue-list__identity small{color:var(--color-text-muted)}.queue-list__remove{background:transparent;border:0;border-radius:var(--radius-small);color:#b3261e;cursor:pointer;font-size:.88rem;font-weight:600;padding:.35rem .5rem}.queue-list__remove:hover{background:#fdeaea}.wireframe{display:grid;gap:.65rem;justify-items:center;justify-self:center;margin:0}.wireframe__screen{background:var(--color-terminal);border:2px solid #39424f;border-radius:0;box-sizing:content-box;box-shadow:0 10px 28px #1018282e;display:flex;overflow:hidden}.wireframe__column{display:flex;flex:1;flex-direction:column;min-width:0}.wireframe__bar-group{display:flex;flex-direction:column;flex-shrink:0}.wireframe__bar{align-items:center;display:flex;flex-shrink:0;justify-content:center;overflow:hidden}.wireframe__bar--os{background:#353d4a}.wireframe__bar--browser{background:#525c6b}.wireframe__bar--collapsible{background:repeating-linear-gradient(-45deg,#525c6b,#525c6b 4px,#6b7585 4px 8px)}.wireframe__bar--bookmarks{background:#6e7889}.wireframe__bar--keyboard{background:repeating-linear-gradient(90deg,#3f4856,#3f4856 10px,#4a5464 10px 12px)}.wireframe__bar--side{height:100%}.wireframe__bar-label{color:#ffffffd9;font-size:.7rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.wireframe__viewport{background:linear-gradient(180deg,#0f172a29,#0f172a0f),#04785714;box-shadow:inset 0 0 0 1px #94a3b829;min-height:0;overflow:hidden;position:relative}.wireframe__layout-viewport{background:#fff;box-shadow:0 0 0 1px #fff3,0 16px 36px #0206172e;left:0;overflow:hidden;position:absolute;top:0;z-index:1}.wireframe__preview{background:#fff;border:0;left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0}.wireframe__preview--empty{background:#fff}.wireframe__safe-area{border-top:1px dashed rgba(4,120,87,.5);background:#04785714;left:0;position:absolute;right:0}.wireframe__safe-area--bottom{bottom:0}.wireframe__visual-viewport{border-bottom:1px dashed rgba(52,211,153,.7);left:0;pointer-events:none;position:absolute;top:0;z-index:2}.wireframe__visual-viewport--effective{border:1px solid rgba(74,222,128,.85);box-sizing:border-box}.wireframe__viewport-overlay{background:#0f172a57;box-sizing:border-box;left:0;pointer-events:none;position:absolute;z-index:3}.wireframe__viewport-overlay--top{border-bottom:1px dashed rgba(52,211,153,.62)}.wireframe__viewport-overlay--right{border-left:1px dashed rgba(52,211,153,.62)}.wireframe__viewport-overlay--bottom{border-top:1px dashed rgba(52,211,153,.62)}.wireframe__viewport-overlay--left{border-right:1px dashed rgba(52,211,153,.62)}.wireframe__viewport-overlay--keyboard{background:radial-gradient(circle at 50% 0,rgb(85 94 106 / 4%),transparent 42%),linear-gradient(180deg,#0c0e12,#0a0c10 20%,#030303);border-top:0;color:#e2e8f0c7;overflow:hidden}.wireframe__viewport-reserve{align-items:flex-end;background:radial-gradient(circle at 50% 0,rgb(85 94 106 / 4%),transparent 42%),linear-gradient(180deg,#0c0e12,#0a0c10 20%,#030303);box-sizing:border-box;color:#e2e8f0;display:flex;font-size:.68rem;font-weight:700;justify-content:center;letter-spacing:.08em;overflow:hidden;padding-bottom:8px;pointer-events:none;position:absolute;text-transform:uppercase}.wireframe__viewport-reserve-label{opacity:.88;white-space:nowrap}.wireframe__keyboard-ui-label{bottom:var(--keyboard-ui-caption-bottom, 8%);color:#e2e8f0;font-size:.68rem;font-weight:700;left:50%;letter-spacing:.08em;line-height:1.2;max-width:90%;opacity:.9;overflow:hidden;position:absolute;text-shadow:0 1px 12px rgba(2,6,23,.75);text-overflow:ellipsis;text-align:center;text-transform:uppercase;transform:translate(-50%);white-space:nowrap}.keyboard-overlay{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;inset:0;justify-content:flex-end;padding:clamp(8px,9%,22px);position:absolute}.keyboard-overlay__illustration{filter:drop-shadow(0 6px 14px rgba(2,6,23,.2));height:auto;max-height:68%;width:min(76%,13rem)}.keyboard-overlay__key{fill:#cbd5e157;stroke:#f1f5f93d;stroke-width:1}.keyboard-overlay__key--space{fill:#cbd5e166}@media(max-width:760px){.device-row__detail{gap:1rem;min-width:0;padding:1rem .75rem}.device-row__columns{gap:1rem;grid-template-columns:1fr;justify-items:stretch;min-width:0}.device-row__info{justify-items:stretch;max-width:none;min-width:0;width:100%}.breakdown-card{padding:.9rem}.breakdown__line{gap:.15rem;grid-template-columns:1fr}.breakdown__line dt,.breakdown__line dd,.device-row__notes li,.devtools-guide__steps,.devtools-guide__field dt,.devtools-guide__chip{overflow-wrap:anywhere}.breakdown__line dd{font-size:.95rem}.breakdown__line--total dd{font-size:1rem}.wireframe{justify-self:center;max-width:100%;overflow:hidden;width:100%}.wireframe__screen{max-width:100%}.device-row__devtools{min-width:0}.devtools-guide{padding:.85rem}.devtools-guide__fields{align-items:stretch;grid-template-columns:1fr}.devtools-guide__field{border-top:1px solid var(--color-line);display:grid;gap:.35rem;padding-top:.65rem}.devtools-guide__field:first-child{border-top:0;padding-top:0}.devtools-guide__chip{max-width:100%;white-space:normal}}.devtools-guide{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);padding:.85rem 1rem}.devtools-guide__steps{color:var(--color-text-secondary);font-size:.95rem;margin:0 0 .75rem}.devtools-guide__steps kbd{background:var(--color-surface-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-small);font-family:var(--font-mono);font-size:.8rem;padding:.05rem .35rem}.devtools-guide__fields{align-items:center;display:grid;gap:.5rem 1.5rem;grid-template-columns:max-content minmax(0,1fr);margin:0}.devtools-guide__field{display:contents}.devtools-guide__field dt{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.devtools-guide__field dt small{color:var(--color-text-muted);display:block;font-weight:400}.devtools-guide__field dd{margin:0}.devtools-guide__chip{background:var(--color-surface-2);border:1px solid var(--color-line-strong);border-radius:var(--radius-small);color:var(--color-text);cursor:pointer;font-family:var(--font-mono);font-size:.86rem;padding:.3rem .6rem;text-align:left}.devtools-guide__chip:hover{border-color:var(--color-action);color:var(--color-action)}@media(max-width:760px){.devtools-guide{padding:.85rem}.devtools-guide__fields{align-items:stretch;grid-template-columns:1fr}.devtools-guide__field{border-top:1px solid var(--color-line);display:grid;gap:.35rem;min-width:0;padding-top:.65rem}.devtools-guide__field:first-child{border-top:0;padding-top:0}.devtools-guide__field dd{min-width:0}.devtools-guide__chip{box-sizing:border-box;max-width:100%;white-space:normal;width:100%}}.canvas-board{background:var(--color-canvas);color-scheme:dark;display:flex;flex-direction:column;inset:0;position:fixed;z-index:100}.canvas-board__toolbar{align-items:center;background:#0d1017eb;border-bottom:1px solid rgba(255,255,255,.08);color:#e8ebf2;display:flex;flex-wrap:wrap;gap:.55rem 1rem;justify-content:space-between;padding:.55rem .8rem}.canvas-board__toolbar .brand-lockup{flex-shrink:0}.canvas-board__top-url{align-items:center;display:flex;flex:1 1 min(28rem,42vw);gap:.35rem;min-width:12rem}.canvas-board__top-url-field{flex:1;min-width:0}.canvas-board__settings{align-items:flex-end;display:flex;flex-basis:100%;gap:.55rem;flex-wrap:wrap;order:3}.canvas-board__notice{align-items:center;background:#facc151f;border-bottom:1px solid rgba(250,204,21,.24);color:#fde68a;display:flex;font-size:.86rem;font-weight:650;gap:.75rem;justify-content:center;line-height:1.35;padding:.5rem .8rem;text-align:center}.canvas-board__notice-dismiss{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:currentColor;cursor:pointer;display:inline-flex;flex-shrink:0;height:1.4rem;justify-content:center;padding:0;width:1.4rem}.canvas-board__notice-dismiss:hover{background:#ffffff29}.canvas-board__audit{align-items:center;background:#08090c;border-bottom:1px solid rgba(255,255,255,.06);color:#d7dde8;display:flex;gap:.85rem;justify-content:space-between;padding:.52rem .8rem}.canvas-board__audit:before{border-radius:999px;content:"";height:.65rem;width:.65rem}.canvas-board__audit--pass:before{background:var(--color-accent-bright);box-shadow:0 0 14px #4ade8073}.canvas-board__audit--pending:before{animation:canvas-audit-spin .8s linear infinite;background:transparent;border:2px solid rgba(245,158,11,.24);border-top-color:#f59e0b;box-shadow:none}.canvas-board__audit--incomplete:before{background:#fb923c;box-shadow:0 0 14px #fb923c5c}.canvas-board__audit--warning:before{background:#f59e0b;box-shadow:0 0 14px #f59e0b57}.canvas-board__audit--fail:before{background:#fb7185;box-shadow:0 0 14px #fb71855c}.canvas-board__audit--disabled:before{background:#64748b}.canvas-board__audit-copy{align-items:center;display:grid;flex:1;min-width:0}.canvas-board__audit-summary{color:#cbd5e1;font-size:.84rem}.canvas-board__audit-actions{display:flex;gap:.35rem}.canvas-board__audit-toggle{align-items:center;background:#ffffff0b;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-small);color:#e8ebf2;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:.35rem;justify-content:center;padding:.25rem .55rem}.canvas-board__audit-toggle[aria-pressed=true]{background:#4ade8024;border-color:#4ade806b;color:#bbf7d0}.canvas-board__audit-toggle:disabled{cursor:progress;opacity:.72}.canvas-board__audit-toggle--run{background:#ffffff16;color:#fff}.canvas-board__audit-spinner{animation:canvas-audit-spin .8s linear infinite;border:2px solid rgba(255,255,255,.28);border-radius:999px;border-top-color:#fff;height:.72rem;width:.72rem}@keyframes canvas-audit-spin{to{transform:rotate(360deg)}}.canvas-board__setting{align-items:start;display:grid;gap:.22rem}.canvas-board__setting>span{color:#8a93a8;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.canvas-segmented{align-items:stretch;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-small);display:inline-flex;gap:2px;height:2rem;margin:0;min-width:0;padding:2px}.canvas-segmented__option{align-items:center;background:transparent;border:0;border-radius:calc(var(--radius-small) - 2px);color:#aab3c5;cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:650;justify-content:center;min-width:1.85rem;padding:.18rem .5rem;transition:background .14s ease,color .14s ease;white-space:nowrap}.canvas-segmented__option:hover{color:#f4f7fb}.canvas-segmented__option--active{background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff1f;color:#f4f7fb}.canvas-segmented__option:focus-visible{outline:2px solid rgba(74,222,128,.45);outline-offset:1px}.canvas-board .browser-filter-icon,.canvas-board .device-filter-icon,.canvas-board .browser-filter-icon .platform-icon{block-size:1rem;inline-size:1rem}.canvas-board .platform-icon--apple{filter:invert(1)}.canvas-board__select{appearance:none;background:#ffffff0f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5l3 3 3-3' stroke='%23aab3c5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;background-size:.65rem;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-small);color:#e8ebf2;font-size:1rem;font-weight:500;padding:.28rem 1.4rem .28rem .45rem}.canvas-board__url{background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-small);color:#e8ebf2;font-family:var(--font-mono);font-size:1rem;min-width:min(13rem,100%);padding:.3rem .5rem}.canvas-board__top-url-input{width:100%}.canvas-board__url::placeholder{color:#8a93a8}.canvas-board__url:focus-visible{border-color:#4ade8099;outline:2px solid rgba(74,222,128,.35);outline-offset:1px}.canvas-board__controls{align-items:center;display:flex;gap:.35rem}.canvas-board__settings-toggle,.canvas-board__mobile-actions{display:none}.canvas-board__control{background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-small);color:#e8ebf2;cursor:pointer;font-size:.88rem;font-weight:600;min-width:2rem;padding:.35rem .7rem}.canvas-board__control:hover{background:#ffffff24}.canvas-board__sync-controls{align-items:center;border:0;display:flex;gap:.25rem;margin:0;min-inline-size:0;padding:0}.canvas-board__sync-toggle{align-items:center;display:inline-flex;font-size:.78rem;gap:.3rem;justify-content:center;min-width:3.35rem;padding-inline:.48rem}.canvas-board__sync-toggle--active,.canvas-board__sync-toggle--active:hover{background:#4ade8024;border-color:#4ade8080;color:#bbf7d0}.canvas-board__sync-toggle--locked{color:#aab3c5}.canvas-board__sync-toggle--locked:hover{background:#ffffff1a;color:#e8ebf2}.canvas-board__sync-lock-icon{height:.78rem;opacity:.9;width:.78rem}.canvas-board__sync-link-icon{height:.86rem;opacity:.82;width:.86rem}.canvas-board__sync-link-icon--linked{opacity:1}.canvas-board__sync-modal-backdrop{align-items:flex-start;background:#0206176b;display:flex;inset:0;justify-content:flex-end;padding:4.25rem 1.4rem 1.4rem;pointer-events:none;position:fixed;z-index:10}.canvas-board__sync-modal-backdrop--navigation{justify-content:center;padding-top:4.75rem}.canvas-board__sync-modal{background:linear-gradient(180deg,#111827fa,#020617fa),var(--color-surface-3);border:1px solid rgba(74,222,128,.32);border-radius:var(--radius-card);box-shadow:0 24px 80px #00000073,inset 0 1px #ffffff14;color:#d7dde8;max-width:min(22rem,calc(100vw - 2rem));padding:1rem;pointer-events:auto}.canvas-board__sync-modal--navigation{max-width:min(28rem,calc(100vw - 2rem))}.canvas-board__sync-modal h2{color:#fff;font-size:1rem;margin:0 0 .45rem}.canvas-board__sync-modal p{font-size:.86rem;line-height:1.5;margin:0}.canvas-board__sync-modal p+p{margin-top:.65rem}.canvas-board__sync-modal-path{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-small);color:#bbf7d0;font-family:var(--font-mono);padding:.45rem .55rem}.canvas-board__sync-modal-close{margin-top:.8rem}.canvas-board__sync-modal-actions{display:flex;gap:.45rem;justify-content:flex-end;margin-top:.8rem}.canvas-board__sync-modal-actions .canvas-board__sync-modal-close{margin-top:0}.canvas-board__sync-modal-primary{background:var(--color-accent-bright);border-color:var(--color-accent-bright);color:#07100a;margin-top:0}.canvas-board__sync-modal-primary:hover{background:#86efac}.canvas-board__control--icon{align-items:center;display:inline-flex;height:2rem;justify-content:center;padding:0;width:2rem}.canvas-board__control--lock-all{min-width:5.45rem;white-space:nowrap}.canvas-board__lock-all-label-short{display:none}.canvas-board__zoom{font-family:var(--font-mono);font-size:.86rem;font-variant-numeric:tabular-nums;min-width:3.2rem;text-align:center}.canvas-board__canvas{background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px;cursor:grab;flex:1;overflow:clip;position:relative;touch-action:pinch-zoom}.canvas-board__canvas--panning{cursor:grabbing}.canvas-board__blocked{align-content:center;color:#d7dde8;display:grid;flex:1;gap:.55rem;justify-items:center;padding:1.5rem;text-align:center}.canvas-board__blocked strong{color:#fff;font-size:clamp(1.2rem,4vw,1.8rem);text-wrap:balance}.canvas-board__blocked p{color:#aab3c5;line-height:1.55;margin:0;max-width:34rem}.canvas-board__content{left:0;position:absolute;top:0;transform-origin:0 0}.canvas-frame{position:absolute}.canvas-section__title{color:#6c7686;font-size:1.1rem;font-weight:700;left:0;letter-spacing:.14em;margin:0;position:absolute;text-transform:uppercase;transform:scale(calc(1 / var(--canvas-scale, 1))) translateY(.6rem);transform-origin:0 0;white-space:nowrap}.canvas-section__divider{background:#ffffff1f;height:calc(1px / var(--canvas-scale, 1));left:0;position:absolute}.canvas-frame__meta{bottom:100%;color:#aab3c5;display:flex;flex-direction:column;font-size:.9rem;gap:.2rem;left:0;line-height:1.25;margin-bottom:.6rem;max-width:100%;position:absolute}.canvas-frame__name{color:#fff;font-size:1rem}.canvas-frame__size{align-items:center;display:inline-flex;flex-wrap:wrap;font-variant-numeric:tabular-nums;gap:.35rem;white-space:normal}.canvas-frame__size .platform-icon{block-size:.875rem;inline-size:.875rem}.canvas-frame__size-value--active{color:var(--color-accent-bright);font-weight:800;text-shadow:0 0 16px rgba(74,222,128,.42)}.canvas-frame__audit-badge{background:#ef4444;border:1px solid rgba(255,255,255,.42);border-radius:999px;box-shadow:0 0 0 calc(3px / var(--canvas-scale, 1)) #ef44442e,0 12px 26px #00000057;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.02em;line-height:1;padding:.36rem .5rem;cursor:help;pointer-events:auto;position:absolute;right:.55rem;text-transform:uppercase;top:.55rem;white-space:nowrap;z-index:7}.canvas-frame__audit-badge:after{background:#020617;border:1px solid rgba(203,213,225,.32);border-radius:var(--radius-small);box-shadow:0 16px 42px #0000009e;color:#d7dde8;content:attr(data-tooltip);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:0;line-height:1.35;opacity:0;padding:.45rem .55rem;pointer-events:none;position:absolute;right:0;text-align:left;text-shadow:none;text-transform:none;top:calc(100% + .55rem);transform:translateY(-.25rem);transition:opacity .12s ease,transform .12s ease;visibility:hidden;white-space:normal;width:min(17rem,80vw);z-index:8}.canvas-frame__audit-badge:hover:after{opacity:1;transform:translateY(0);visibility:visible}.canvas-frame__audit-badge--warning{background:#f59e0b;box-shadow:0 0 0 calc(3px / var(--canvas-scale, 1)) #f59e0b2e,0 12px 26px #00000057}.canvas-frame__lock,.canvas-frame__share,.canvas-frame__open,.canvas-frame__refresh,.canvas-frame__capture,.canvas-frame__track{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-small);color:#aab3c5;cursor:pointer;display:flex;height:1.7rem;justify-content:center;left:0;margin-top:.6rem;position:absolute;top:100%;width:1.7rem}.canvas-frame__share{left:2.2rem}.canvas-frame__open{left:4.4rem}.canvas-frame__refresh{left:6.6rem}.canvas-frame__capture{left:8.8rem}.canvas-frame__track{font-size:.72rem;font-weight:700;left:11rem;letter-spacing:.02em;min-width:3.7rem;padding-inline:.48rem;width:auto}.canvas-frame__capture--locked,.canvas-frame__track--locked{color:#7c8798}.canvas-frame__lock:hover,.canvas-frame__share:hover,.canvas-frame__open:hover,.canvas-frame__refresh:hover,.canvas-frame__capture:hover,.canvas-frame__track:hover{color:#e8ebf2}.canvas-frame__capture--locked:hover,.canvas-frame__track--locked:hover{color:#aab3c5}.canvas-frame__lock--unlocked,.canvas-frame__lock--unlocked:hover,.canvas-frame__share--copied,.canvas-frame__share--copied:hover,.canvas-frame__capture--active,.canvas-frame__capture--active:hover,.canvas-frame__track--active,.canvas-frame__track--active:hover{background:var(--color-accent-bright);border-color:var(--color-accent-bright);color:#07100a}.canvas-frame__viewport-slot{--canvas-chrome-surface: #14181f;background:linear-gradient(180deg,#0f172a2e,#0f172a14),#0206173d;box-shadow:0 24px 80px #00000080;overflow:visible;position:relative}.canvas-frame__viewport-slot:after{box-shadow:0 0 0 calc(1px / var(--canvas-scale, 1)) #ffffff29;content:"";inset:0;pointer-events:none;position:absolute;z-index:7}.canvas-frame__viewport-slot--idle{background:var(--canvas-chrome-surface)}.canvas-frame__layout-viewport{background:#fff;box-shadow:none;left:0;overflow:hidden;position:absolute;top:0;z-index:1}.canvas-frame__layout-viewport--idle{background:var(--canvas-chrome-surface);box-shadow:none}.canvas-frame__iframe{background:#fff;border:0;display:block}.canvas-frame__preview-mock{background:transparent;box-sizing:border-box;color:#ffffffbf;display:grid;overflow:hidden;place-items:center;pointer-events:none;position:absolute;text-align:center;z-index:0}.canvas-frame__preview-mock-inner{display:grid;gap:.35em;max-width:92%;padding:1rem}.canvas-frame__preview-mock-brand{align-items:center;color:#fff;display:inline-flex;font-size:clamp(10px,2.6vmin,13px);font-weight:800;gap:.35em;justify-content:center;letter-spacing:-.02em}.canvas-frame__preview-mock-mark{color:var(--color-accent-bright)}.canvas-frame__preview-mock-size{color:var(--color-accent-bright);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(18px,9vmin,42px);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.03em;line-height:1}.canvas-frame__preview-mock-config{color:#ffffffbf;font-size:clamp(10px,3.2vmin,14px);font-weight:600}.canvas-frame__preview-mock-hint{color:#ffffff8c;font-size:clamp(10px,3vmin,13px);margin:0}.canvas-frame--tracked:not(.canvas-frame--idle-preview) .canvas-frame__viewport-slot{box-shadow:0 24px 80px #00000080}.canvas-frame--tracked:not(.canvas-frame--idle-preview) .canvas-frame__viewport-slot:before{box-shadow:0 0 0 calc(2px / var(--canvas-scale, 1)) #4ade80f2,0 0 0 calc(7px / var(--canvas-scale, 1)) #4ade802e;content:"";inset:0;pointer-events:none;position:absolute;z-index:9}.canvas-frame__effective-viewport{box-sizing:border-box;box-shadow:0 0 0 calc(1px / var(--canvas-scale, 1)) #4ade80d9;pointer-events:none;position:absolute;z-index:8}.canvas-frame__effective-viewport:before,.canvas-frame__effective-viewport:after{content:"";height:min(var(--effective-corner-length-cap, 999px),calc(14px / var(--canvas-scale, 1)));pointer-events:none;position:absolute;width:min(var(--effective-corner-length-cap, 999px),calc(14px / var(--canvas-scale, 1)));--effective-corner-thickness: min( var(--effective-corner-thickness-cap, 999px), calc(3px / var(--canvas-scale, 1)) )}.canvas-frame__effective-viewport:before{border-left:var(--effective-corner-thickness) solid var(--color-accent-bright);border-top:var(--effective-corner-thickness) solid var(--color-accent-bright);left:calc(-1 * var(--effective-corner-thickness));top:calc(-1 * var(--effective-corner-thickness))}.canvas-frame__effective-viewport:after{border-bottom:var(--effective-corner-thickness) solid var(--color-accent-bright);border-right:var(--effective-corner-thickness) solid var(--color-accent-bright);bottom:calc(-1 * var(--effective-corner-thickness));right:calc(-1 * var(--effective-corner-thickness))}.canvas-frame--tracked.canvas-frame--idle-preview .canvas-frame__effective-viewport{box-shadow:0 0 0 calc(2px / var(--canvas-scale, 1)) #4ade80f2,0 0 0 calc(7px / var(--canvas-scale, 1)) #4ade802e}.canvas-frame__visual-overlay{background:#0f172a57;box-sizing:border-box;left:0;pointer-events:none;position:absolute;z-index:2}.canvas-frame__visual-overlay--top{border-bottom:1px dashed rgba(52,211,153,.62)}.canvas-frame__visual-overlay--right{border-left:1px dashed rgba(52,211,153,.62)}.canvas-frame__visual-overlay--bottom{border-top:1px dashed rgba(52,211,153,.62)}.canvas-frame__visual-overlay--left{border-right:1px dashed rgba(52,211,153,.62)}.canvas-frame__visual-overlay--keyboard{background:radial-gradient(circle at 50% 0,rgb(85 94 106 / 4%),transparent 42%),linear-gradient(180deg,#0c0e12,#0a0c10 20%,#030303);border-top:0;color:#e2e8f0c7;overflow:hidden;z-index:7}.canvas-frame__viewport-slot--idle .canvas-frame__visual-overlay--keyboard{background:radial-gradient(circle at 50% 0,rgb(85 94 106 / 4%),transparent 42%),linear-gradient(180deg,#0c0e12,#0a0c10 20%,#030303)}.canvas-frame__viewport-reserve{align-items:flex-end;background:radial-gradient(circle at 50% 0,rgb(85 94 106 / 4%),transparent 42%),linear-gradient(180deg,#0c0e12,#0a0c10 20%,#030303);box-sizing:border-box;color:#e2e8f0;display:flex;font-size:13px;font-weight:800;justify-content:center;letter-spacing:.08em;overflow:visible;padding:0 12px 12px;pointer-events:none;position:absolute;text-transform:uppercase;z-index:6}.canvas-frame__viewport-slot--idle .canvas-frame__viewport-reserve{background:radial-gradient(circle at 50% 0,rgb(85 94 106 / 4%),transparent 42%),linear-gradient(180deg,#0c0e12,#0a0c10 20%,#030303)}.canvas-frame__viewport-reserve-label{align-items:center;display:inline-flex;gap:.45em;justify-content:center;opacity:.88;text-shadow:0 1px 12px rgba(2,6,23,.65);white-space:nowrap}.canvas-frame__viewport-reserve-info{align-items:center;border:1px solid currentColor;border-radius:999px;cursor:help;display:inline-flex;font-family:var(--font-mono);font-size:.72em;height:1.15em;justify-content:center;letter-spacing:0;line-height:1;pointer-events:auto;position:relative;text-transform:none;width:1.15em}.canvas-frame__viewport-reserve-info:after{background:#030303;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-small);box-shadow:0 16px 42px #0000009e;color:#f3f4f6;content:attr(data-tooltip);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:600;left:0;letter-spacing:0;line-height:1.35;opacity:0;padding:.45rem .55rem;pointer-events:none;position:absolute;text-shadow:none;text-transform:none;top:50%;transform:translate(-.2rem,-50%);transition:opacity .12s ease,transform .12s ease;visibility:hidden;white-space:normal;width:min(12rem,58vw);z-index:6}.canvas-frame__viewport-reserve-info:hover:after{opacity:1;transform:translateY(-50%);visibility:visible}.canvas-frame__keyboard-ui-label{align-items:center;bottom:var(--keyboard-ui-caption-bottom, max(12px, 5%));color:#e2e8f0;display:inline-flex;font-size:13px;font-weight:800;gap:.45em;left:50%;letter-spacing:.08em;line-height:1.2;max-width:calc(100% - 24px);opacity:.9;pointer-events:auto;position:absolute;text-shadow:0 1px 12px rgba(2,6,23,.75);text-align:center;text-transform:uppercase;transform:translate(-50%);white-space:nowrap;z-index:1}.canvas-frame__keyboard-ui-label-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.canvas-frame__keyboard-ui-label .canvas-frame__viewport-reserve-info:after{bottom:calc(100% + .45rem);left:50%;top:auto;transform:translate(-50%,.2rem)}.canvas-frame__keyboard-ui-label .canvas-frame__viewport-reserve-info:hover:after{transform:translate(-50%)}.canvas-frame__visual-overlay--keyboard .keyboard-overlay__illustration{filter:drop-shadow(0 8px 20px rgba(2,6,23,.22));max-height:78%;width:min(82%,20rem)}.canvas-frame__visual-overlay--keyboard .keyboard-overlay{padding-bottom:calc(var(--keyboard-ui-caption-bottom, 42px) + 32px)}.wireframe__viewport-overlay--keyboard .keyboard-overlay{padding-bottom:calc(var(--keyboard-ui-caption-bottom, 24px) + 18px)}.canvas-frame__shield{inset:0;position:absolute;z-index:5}@media(max-width:760px){.canvas-board__toolbar{align-items:center;display:grid;gap:.45rem;grid-template-columns:minmax(0,1fr) auto;padding:.5rem}.canvas-board__toolbar .brand-lockup{align-items:center;min-width:0;order:initial}.canvas-board__toolbar .brand-lockup__name{font-size:.95rem;white-space:nowrap}.canvas-board__toolbar .brand-lockup__tagline,.canvas-board__top-url{display:none}.canvas-board__controls{justify-content:end;margin-left:0;order:initial}.canvas-board__control--zoom-button{display:none}.canvas-board__control{min-width:1.85rem;padding:.3rem .52rem}.canvas-board__sync-controls{display:none}.canvas-board__audit{align-items:flex-start;gap:.55rem}.canvas-board__audit-copy{display:grid;gap:.15rem}.canvas-board__control--lock-all{min-width:4.25rem}.canvas-board__lock-all-label{display:none}.canvas-board__lock-all-label-short{display:inline}.canvas-board__zoom{font-size:.78rem;min-width:2.45rem}.canvas-board__mobile-actions{display:grid;gap:.45rem;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto auto;order:initial;width:100%}.canvas-board__mobile-url{min-width:0}.canvas-board__mobile-url .canvas-board__url{height:2.45rem}.canvas-board__settings-toggle{align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-small);color:#e8ebf2;cursor:pointer;display:flex;height:2.45rem;justify-content:center;padding:0;width:2.45rem}.canvas-board__settings-toggle[aria-expanded=true]{background:#ffffff29;color:#f4f7fb}.canvas-board__settings{display:none;grid-column:1 / -1;grid-template-columns:1fr;order:initial;width:100%}.canvas-board__settings--open{display:grid}.canvas-board__setting{min-width:0}.canvas-board__setting--url{display:none}.canvas-segmented,.canvas-board__url{box-sizing:border-box;width:100%}.canvas-segmented__option{flex:1;min-width:0;padding-inline:.32rem}.filter-bar{border-radius:var(--radius-card)}.filter-bar__mobile-actions{display:grid;gap:.45rem;grid-template-columns:minmax(0,1fr) auto;width:100%}.filter-bar__mobile-url{min-width:0}.filter-bar__mobile-url .url-field{width:100%}.filter-bar__mobile-url .filter-bar__url{height:2.45rem}.filter-bar__toggle{background:var(--color-surface-3);border:1px solid var(--color-line);border-radius:var(--radius-control);color:var(--color-text-secondary);display:flex;height:2.45rem;justify-content:center;padding:0;width:2.45rem}.filter-bar__toggle[aria-expanded=true]{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line),0 1px 2px #10182814;color:var(--color-text)}.filter-bar__items{display:none}.filter-bar__items--open{display:grid;gap:.85rem;width:100%}.filter-bar__items--open .filter-bar__item--url{display:none}.device-row__summary{grid-template-columns:1fr}.device-row__header{gap:.45rem;grid-template-columns:minmax(0,1fr) auto;padding-right:.7rem}.device-row__header>.badge{display:none}.device-row__summary{gap:.55rem;padding:.9rem .75rem .9rem .9rem}.device-row__meta{gap:.45rem}.device-row__viewport{justify-items:start;text-align:left}}@media(max-width:480px){.app{gap:1rem;padding:1rem 1rem 3rem}.app.app--measure{gap:0;padding:0}.panel{padding:1.1rem}.outro__cta{background:transparent;border:0;padding:0}.chapter{margin-top:2.25rem;padding-top:2rem}.section-intro h2{margin-bottom:.5rem}.section-intro p{font-size:.92rem;line-height:1.55}.section-intro p+p{margin-top:.55rem}.safe-summary{gap:1.25rem}.safe-summary__hero{padding:1.4rem 1.15rem 1.3rem}.safe-summary__title{font-size:1.3rem;line-height:1.3;margin-bottom:.65rem}.safe-summary__cards-intro{margin-top:.75rem}.safe-summary__cards-intro h2{font-size:1.35rem;margin-bottom:.4rem}.safe-summary__cards-intro p{font-size:.92rem}.safe-summary__action{gap:.6rem;margin-top:1.1rem}.safe-summary__action .compare-all{font-size:.95rem;padding:.7rem 1rem}.safe-summary__grid{gap:1rem}.safe-summary__card{gap:.6rem;padding:1.1rem 1.15rem}.safe-summary__thumb-area{height:4rem}.safe-summary__size{font-size:1.2rem}}@media(min-width:761px){.safe-summary__action{margin-top:1.5rem}.safe-summary__command{align-items:stretch;background:#4ade800d;border:1px solid rgba(74,222,128,.35);border-radius:calc(var(--radius-control) + .25rem);box-shadow:0 0 0 1px #4ade8014,0 0 34px #4ade8033;flex-direction:row;gap:.45rem;padding:.35rem}.safe-summary__command .url-field{flex:1}.safe-summary__url{border-color:#ffffffd1;box-shadow:0 10px 28px #00000024;padding:.85rem 2.4rem .85rem 1.1rem}.safe-summary__action .compare-all{white-space:nowrap}}@media(min-width:761px)and (min-height:800px){.safe-summary{gap:1.4rem}.safe-summary__grid{gap:1rem}.safe-summary__card{gap:.6rem;padding:1.1rem 1.2rem}.safe-summary__thumb-area{height:6.25rem}}