@font-face{font-family:PT Mono Local;src:url(/brand/fonts/PTMono-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/brand/fonts/GeneralSans-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/brand/fonts/GeneralSans-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/brand/fonts/GeneralSans-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:General Sans;src:url(/brand/fonts/GeneralSans-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/brand/fonts/GeneralSans-Semibold.woff2)format("woff2");font-weight:600 700;font-style:normal;font-display:swap}
:root{--ink-1000:#000;--ink-900:#0a0a0a;--ink-800:#1a1a1a;--ink-700:#3d3d3d;--ink-600:#5c5c5c;--ink-500:#7a7a7a;--ink-400:#9e9e9e;--ink-300:#c4c4c4;--ink-200:#dedede;--ink-150:#e8e8e8;--ink-100:#f1f1f1;--ink-050:#f7f7f7;--paper:#fff;--text-primary:var(--ink-1000);--text-secondary:var(--ink-600);--text-muted:var(--ink-400);--text-inverse:var(--paper);--text-link:var(--ink-1000);--text-link-hover:var(--ink-600);--surface-page:var(--paper);--surface-raised:var(--paper);--surface-sunken:var(--ink-050);--surface-fill:var(--ink-100);--surface-inverse:var(--ink-1000);--border-hairline:var(--ink-200);--border-strong:var(--ink-1000);--border-subtle:var(--ink-150);--overlay-scrim:#000000b8;--overlay-glass:#ffffffb8;--status-danger:#c0392b;--dot-ink:var(--ink-1000);--dot-size:2px;--dot-gap:12px}[data-theme=inverse]{--text-primary:var(--paper);--text-secondary:var(--ink-400);--text-muted:var(--ink-600);--text-inverse:var(--ink-1000);--text-link:var(--paper);--text-link-hover:var(--ink-400);--surface-page:var(--ink-1000);--surface-raised:var(--ink-900);--surface-sunken:var(--ink-900);--surface-fill:var(--ink-800);--surface-inverse:var(--paper);--border-hairline:var(--ink-800);--border-strong:var(--paper);--border-subtle:var(--ink-900);--dot-ink:var(--paper)}
:root{--font-sans:"General Sans","General Sans Variable",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--font-display:var(--font-sans);--font-mono:"PT Mono Local","PT Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--fw-extralight:200;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fs-display-1:clamp(56px,7.4vw,112px);--fs-display-2:clamp(44px,5.4vw,80px);--fs-display-3:clamp(34px,3.8vw,56px);--fs-heading-1:40px;--fs-heading-2:32px;--fs-heading-3:24px;--fs-heading-4:20px;--fs-body-lg:20px;--fs-body:17px;--fs-body-sm:15px;--fs-label:12px;--fs-micro:11px;--lh-display:.98;--lh-heading:1.12;--lh-body:1.55;--lh-tight:1.3;--ls-display:-.025em;--ls-heading:-.015em;--ls-body:-.005em;--ls-label:.1em;--ls-mono:.02em;--type-display-1:var(--fw-light) var(--fs-display-1)/var(--lh-display) var(--font-display);--type-display-2:var(--fw-light) var(--fs-display-2)/var(--lh-display) var(--font-display);--type-display-3:var(--fw-light) var(--fs-display-3)/var(--lh-heading) var(--font-display);--type-heading-2:var(--fw-regular) var(--fs-heading-2)/var(--lh-heading) var(--font-display);--type-heading-3:var(--fw-medium) var(--fs-heading-3)/var(--lh-tight) var(--font-display);--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);--type-body-lg:var(--fw-light) var(--fs-body-lg)/var(--lh-body) var(--font-sans);--type-label:var(--fw-regular) var(--fs-label)/1.2 var(--font-mono)}
:root{--space-0:0px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:56px;--space-11:72px;--space-12:96px;--space-13:128px;--space-14:160px;--space-15:200px;--gutter:24px;--page-margin:clamp(20px,4vw,64px);--max-width:1440px;--measure:60ch;--measure-tight:38ch;--section-y:clamp(80px,10vw,160px);--grid-columns:12;--control-h-sm:36px;--control-h:44px;--control-h-lg:56px}
:root{--radius-0:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-pill:999px;--border-width:1px;--border-width-strong:1.5px;--rule:var(--border-width) solid var(--border-hairline);--rule-strong:var(--border-width) solid var(--border-strong);--shadow-none:none;--shadow-lift:0 1px 2px #0000000a,0 8px 24px #0000000f;--shadow-modal:0 24px 64px #0000002e;--blur-glass:blur(16px) saturate(1.1);--grain-opacity:.06;--image-filter-mono:grayscale(1) contrast(1.08)}
:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,.05,.36,1);--ease-linear:linear;--dur-fast:.12s;--dur-base:.24s;--dur-slow:.48s;--dur-reveal:.8s;--transition-base:all var(--dur-base) var(--ease-out);--hover-fade:.6;--press-scale:.98}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--dur-reveal:0s}}
*,:before,:after{box-sizing:border-box}body{background:var(--surface-page);color:var(--text-primary);font:var(--type-body);letter-spacing:var(--ls-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}::selection{background:var(--ink-1000);color:var(--paper)}a{color:var(--text-link);transition:color var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out);text-decoration:none}a:hover{color:var(--text-link-hover)}img,svg,video{max-width:100%;display:block}button{font:inherit;letter-spacing:inherit}:focus-visible{outline:1.5px solid var(--border-strong);outline-offset:2px}.pwp-eyebrow{font:var(--type-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-secondary)}

:root{--app-gutter:var(--page-margin);--text-primary:#0e0e0e;--canvas-ground:#f5f5f2;--stage-ground:#f5f5f2;--text-muted:#707070;--overlay-sheet:#0006;--actionbar-h:72px}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{font-size:var(--fs-body-sm)}input,textarea,select{font:inherit;color:inherit;letter-spacing:var(--ls-body);font-size:16px}button,a,[role=button]{touch-action:manipulation}h1,h2,h3,p{margin:0}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-mono)}.muted{color:var(--text-secondary)}.faint{color:var(--text-muted)}.small{font-size:var(--fs-body-sm)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{max-width:920px;padding:var(--space-8) var(--app-gutter) 128px;margin:0 auto}.page-wide{max-width:var(--max-width)}.stack{gap:var(--space-5);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.spacer{flex:1}.rule{background:var(--border-hairline);border:0;width:100%;height:1px;margin:0}.rule-strong{background:var(--border-strong);height:1px}.eyebrow{font:var(--type-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-secondary)}.eyebrow-primary{color:var(--text-primary)}.display{font-family:var(--font-display);font-weight:var(--fw-light);font-size:clamp(34px,6vw,56px);line-height:var(--lh-heading);letter-spacing:var(--ls-display)}.h1{font-family:var(--font-display);font-weight:var(--fw-regular);font-size:clamp(28px,4.2vw,40px);line-height:var(--lh-heading);letter-spacing:var(--ls-heading)}.h2{font-weight:var(--fw-regular);font-size:var(--fs-heading-3);line-height:var(--lh-tight);letter-spacing:var(--ls-heading)}.h3{font-weight:var(--fw-medium);font-size:var(--fs-heading-4);line-height:var(--lh-tight);letter-spacing:var(--ls-heading)}.lede{font-weight:var(--fw-light);font-size:var(--fs-body-lg);line-height:var(--lh-body);color:var(--text-secondary);max-width:var(--measure)}.topbar{z-index:20;align-items:center;gap:var(--space-4);min-height:64px;padding:var(--space-3) var(--app-gutter);padding-top:calc(var(--space-3) + env(safe-area-inset-top,0px));background:var(--surface-page);border-bottom:var(--rule);display:flex;position:sticky;top:0}.topbar .crumb{flex-direction:column;gap:2px;min-width:0;line-height:1.25;display:flex}.topbar .crumb strong{font-size:var(--fs-body-sm);font-weight:var(--fw-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar .crumb span{font:var(--type-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand{align-items:center;gap:var(--space-4);color:var(--text-primary);flex-shrink:0;min-height:44px;text-decoration:none;display:inline-flex}.brand-name{padding-left:var(--space-4);border-left:var(--rule);flex-direction:column;line-height:1.2;display:flex}.brand-name strong{font-weight:var(--fw-medium);font-size:var(--fs-body-sm);letter-spacing:var(--ls-body)}.brand-name span{font:var(--type-label);letter-spacing:var(--ls-mono);color:var(--text-secondary)}.btn{justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--control-h);padding:0 var(--space-7);border-radius:var(--radius-pill);border:var(--border-width) solid var(--border-strong);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-body);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out), background-color var(--dur-base) var(--ease-out);background:0 0;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(var(--press-scale))}.btn:disabled,.btn[aria-disabled=true]{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--surface-inverse);border-color:var(--surface-inverse);color:var(--text-inverse)}.btn-subtle{background:var(--surface-fill);border-color:#0000}.btn-ghost{background:0 0;border-color:#0000}.btn-lg{min-height:var(--control-h-lg);padding:0 var(--space-8);font-size:var(--fs-body)}.btn-sm{min-height:var(--control-h-sm);padding:0 var(--space-5)}.btn-icon{width:var(--control-h);padding:0}.btn-sm.btn-icon{width:var(--control-h-sm)}.btn-block{width:100%}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){opacity:var(--hover-fade)}.btn-ghost:hover:not(:disabled){opacity:1;background:var(--surface-fill)}}.chip{align-items:center;gap:var(--space-3);min-height:var(--control-h);padding:0 var(--space-6);border-radius:var(--radius-pill);border:var(--border-width) solid var(--border-hairline);background:var(--surface-page);color:var(--text-primary);font-size:var(--fs-body-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);display:inline-flex}.chip:active{transform:scale(var(--press-scale))}.chip:disabled{opacity:.35;cursor:not-allowed}.chip[aria-pressed=true]{background:var(--surface-inverse);border-color:var(--surface-inverse);color:var(--text-inverse)}.chip .hint{font:var(--type-label);letter-spacing:var(--ls-mono);opacity:.7}.chip-sm{min-height:var(--control-h-sm);padding:0 var(--space-5)}@media (hover:hover) and (pointer:fine){.chip:hover:not(:disabled):not([aria-pressed=true]){border-color:var(--border-strong)}}.status{height:24px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:var(--border-width) solid var(--border-hairline);font:var(--type-label);letter-spacing:var(--ls-mono);white-space:nowrap;color:var(--text-secondary);background:var(--surface-page);align-items:center;gap:6px;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-drafting{background:var(--surface-fill);border-color:#0000}.status-drafting:before{animation:1.2s ease-in-out infinite pulse}.status-ready{background:var(--surface-inverse);border-color:var(--surface-inverse);color:var(--text-inverse)}.status-changes_requested{color:var(--text-primary);border-color:var(--border-strong)}.status-changes_requested:before{background:0 0;border:1.5px solid;border-right-color:#0000;width:8px;height:8px;animation:.8s linear infinite spin}.status-approved{color:var(--text-primary);border-color:var(--border-hairline)}.status-approved:before{background:0 0;border-bottom:1.5px solid;border-left:1.5px solid;border-radius:0;width:9px;height:5px;transform:translateY(-2px)rotate(-45deg)}.status-flagged{color:var(--text-primary);border-style:dashed;border-color:var(--ink-500)}.status-flagged:before{border-radius:1px}@keyframes pulse{50%{opacity:.25}}.card{background:var(--surface-raised);border:var(--rule);border-radius:var(--radius-lg);padding:var(--space-6)}.card-link{color:inherit;transition:border-color var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);text-decoration:none;display:block}.card-link:active{transform:scale(.995)}@media (hover:hover) and (pointer:fine){.card-link:hover{color:inherit;border-color:var(--border-strong)}}.field{border:none;border-bottom:var(--border-width) solid var(--border-hairline);width:100%;padding:var(--space-3) 0 var(--space-4);line-height:var(--lh-body);resize:vertical;transition:border-color var(--dur-base) var(--ease-out);background:0 0;border-radius:0;outline:none}.field:focus{border-bottom:var(--border-width-strong) solid var(--border-strong)}.field::placeholder{color:var(--text-muted)}.field-lg{font-size:var(--fs-heading-4);font-weight:var(--fw-light);letter-spacing:var(--ls-heading)}.label{font:var(--type-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-secondary)}.notice{border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);font-size:var(--fs-body-sm);background:var(--surface-sunken);border:var(--border-width) solid var(--border-subtle)}.notice-error{background:var(--surface-page);border-color:var(--status-danger);color:var(--status-danger)}.notice-hold{background:var(--surface-page);border:var(--border-width) dashed var(--ink-500);color:var(--text-primary)}.notice-done{background:var(--surface-page);border-color:var(--border-strong);color:var(--text-primary)}.spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.drafting-tile{background-color:var(--surface-sunken);animation:1.8s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.55}}dialog.sheet{background:var(--surface-raised);width:100%;max-width:480px;max-height:90dvh;color:var(--text-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-modal);border:0;margin:auto auto 0;padding:0;overflow:auto}dialog.sheet[open]{animation:sheet-in var(--dur-base) var(--ease-out)}dialog.sheet::backdrop{background:var(--overlay-sheet);animation:fade var(--dur-base) var(--ease-out)}.sheet-body{padding:var(--space-4) var(--space-6) calc(var(--space-7) + env(safe-area-inset-bottom,0px))}.sheet-handle{background:var(--ink-300);border-radius:2px;align-self:center;width:36px;height:4px}@media (min-width:720px){dialog.sheet{border-radius:var(--radius-xl);margin:auto}.sheet-body{padding:var(--space-8)}.sheet-handle{display:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.toast{left:50%;bottom:calc(var(--space-7) + env(safe-area-inset-bottom,0px));z-index:60;background:var(--surface-inverse);color:var(--text-inverse);padding:var(--space-4) var(--space-6);border-radius:var(--radius-pill);font-size:var(--fs-body-sm);animation:toast-in var(--dur-base) var(--ease-out);white-space:nowrap;text-wrap:balance;pointer-events:none;max-width:calc(100vw - 32px);position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}}.has-actionbar .toast{bottom:calc(var(--actionbar-h) + var(--space-5) + env(safe-area-inset-bottom,0px))}@media (min-width:1024px){.has-actionbar .toast{bottom:calc(var(--space-7) + env(safe-area-inset-bottom,0px))}}.actionbar{z-index:30;gap:var(--space-3);padding:var(--space-4) var(--app-gutter) calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:var(--surface-page);border-top:var(--rule);align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:561px){.phone-only{display:none!important}}@media (max-width:560px){.hide-narrow{display:none}}.hero{gap:var(--space-4);padding-block:var(--space-6) var(--space-3);flex-direction:column;display:flex;position:relative}.meter{gap:var(--space-4) var(--space-6);padding-top:var(--space-6);border-top:var(--rule-strong);grid-template-columns:1fr auto;align-items:end;display:grid}.meter-number{font-weight:var(--fw-light);letter-spacing:var(--ls-display);font-size:clamp(40px,7vw,64px);line-height:1}.meter-bar{grid-column:1/-1;gap:3px;display:grid}.meter-bar span{background:var(--surface-fill);border-radius:2px;height:10px}.meter-bar span.on{background:var(--surface-inverse)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-5);padding-top:var(--space-5);border-top:var(--rule);display:flex}.req-row{gap:var(--space-5);padding:var(--space-5);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.thumbs{gap:var(--space-3);align-items:center;height:120px;display:flex;overflow:hidden}.thumbs img{object-fit:cover;border-radius:var(--radius-sm);outline:var(--border-width) solid var(--border-subtle);width:auto;max-width:200px;height:120px}.thumb-placeholder{border-radius:var(--radius-sm);width:96px;height:120px}.req-row-unmade{grid-template-columns:1fr auto}@media (max-width:560px){.thumbs,.thumbs img{height:96px}.thumbs img{max-width:150px}.thumb-placeholder{width:76px;height:96px}}.canvas-side{border-right:var(--rule);background:var(--surface-page);flex-shrink:0;width:300px;display:none;overflow:auto}@media (min-width:1024px){.canvas-side{display:block}}.side-item{align-items:center;gap:var(--space-4);min-height:56px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.side-item:hover{color:var(--text-primary);background:var(--surface-sunken)}}.canvas-viewport{background-color:var(--canvas-ground);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.canvas-viewport:active{cursor:grabbing}.canvas-frame{background:var(--paper);outline:var(--border-width) solid var(--border-hairline);cursor:pointer;transition:outline-color var(--dur-fast) var(--ease-out);position:absolute}.canvas-frame img{object-fit:cover;pointer-events:none;width:100%;height:100%}.canvas-frame.is-hover{outline:var(--border-width-strong) solid var(--border-strong)}.frame-veil{background:#ffffff80;animation:1.4s ease-in-out infinite breathe;position:absolute;inset:0}.canvas-label{align-items:center;gap:var(--space-3);height:36px;color:var(--text-primary);font-size:var(--fs-body-sm);white-space:nowrap;z-index:2;padding:0 2px;text-decoration:none;display:flex;position:absolute;overflow:hidden}.canvas-label:hover{color:var(--text-primary)}.canvas-label strong{font-weight:var(--fw-medium)}.canvas-label-formats{font:var(--type-label);letter-spacing:var(--ls-mono);color:var(--text-secondary);text-overflow:ellipsis;overflow:hidden}.canvas-banner{top:var(--space-4);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background:var(--surface-page);border:var(--rule);font-size:var(--fs-body-sm);white-space:nowrap;z-index:3;max-width:calc(100% - 24px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.canvas-banner.notice-hold{white-space:normal;border-radius:var(--radius-lg);text-align:center;border:var(--border-width) dashed var(--ink-500)}.canvas-zoom{right:var(--space-5);bottom:var(--space-5);--z-pill:48px;background:var(--surface-page);border:var(--rule);border-radius:var(--radius-pill);z-index:3;align-items:center;gap:2px;padding:3px;display:flex;position:absolute}.canvas-zoom .zoom-pct{font:var(--type-label);letter-spacing:var(--ls-mono);min-width:56px}@media (max-width:560px){.canvas-zoom{bottom:calc(88px + env(safe-area-inset-bottom,0px));right:var(--space-4)}}.status-dot{border:1.5px solid var(--ink-1000);background:0 0;border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-dot.status-ready{background:var(--ink-1000)}.status-dot.status-drafting{border-color:var(--ink-400);background:var(--ink-150)}.status-dot.status-changes_requested{border-right-color:#0000;animation:.8s linear infinite spin}.status-dot.status-flagged{border-style:dashed}.focus{flex-direction:column;padding-bottom:96px;display:flex}.focus-stage{gap:var(--space-5);padding:var(--space-5) var(--app-gutter) var(--space-6);background:var(--stage-ground);border-bottom:var(--rule);flex-direction:column;min-width:0;display:flex}.focus-formats{gap:var(--space-3)}.focus-canvas{justify-content:center;align-items:flex-start;gap:var(--space-5);display:flex}.focus-figure{align-items:center;gap:var(--space-3);flex-direction:column;min-width:0;max-width:100%;margin:0;display:flex}.focus-img-wrap{--stage-h:min(54dvh, 760px);width:min(100%, calc(var(--stage-h) * var(--ar,1)));background:var(--paper);outline:var(--border-width) solid var(--border-hairline);max-width:100%;position:relative}.focus-img{object-fit:contain;width:100%;height:100%}.is-compare .focus-figure{flex:1 1 0}.focus-busy{left:50%;bottom:var(--space-5);gap:var(--space-3);white-space:nowrap;background:var(--surface-inverse);color:var(--text-inverse);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);font-size:var(--fs-body-sm);align-items:center;display:flex;position:absolute;transform:translate(-50%)}.focus-panel{padding:var(--space-7) var(--app-gutter);background:var(--surface-page);min-width:0}.panel-section{gap:var(--space-4);padding-top:var(--space-5);border-top:var(--rule);flex-direction:column;display:flex}@media (min-width:1024px){.focus{flex-direction:row;height:calc(100dvh - 65px);padding-bottom:0}.focus-stage{padding:var(--space-7) var(--space-8);border-bottom:0;flex:1;overflow:auto}.focus-img-wrap{--stage-h:min(calc(100dvh - 360px), 900px)}.focus-panel{border-left:var(--rule);width:440px;padding:var(--space-8) var(--space-7);flex-shrink:0;overflow:auto}}.page-thumb{aspect-ratio:16/9;border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--paper);cursor:pointer;width:76px;padding:0;position:relative;overflow:hidden}.page-thumb img{object-fit:cover;width:100%;height:100%}.page-thumb span{background:var(--paper);border-radius:2px;padding:0 4px;position:absolute;bottom:3px;left:4px}.page-thumb.is-on{outline:var(--border-width-strong) solid var(--border-strong);outline-offset:2px}.versions{gap:var(--space-5);padding:4px 4px var(--space-2);scrollbar-width:thin;display:flex;overflow-x:auto}.version{gap:var(--space-3);cursor:pointer;color:var(--text-primary);background:0 0;border:0;flex-direction:column;flex-shrink:0;align-items:flex-start;padding:0;display:flex}.version img{border-radius:var(--radius-sm);outline:var(--border-width) solid var(--border-hairline);background:var(--paper);width:auto;height:80px}.version.is-on img{outline:var(--border-width-strong) solid var(--border-strong);outline-offset:2px}.version-meta{font:var(--type-label);letter-spacing:var(--ls-mono);color:var(--text-secondary)}.version-meta strong{color:var(--text-primary);font-weight:var(--fw-regular)}.caption-text{white-space:pre-wrap;font-size:var(--fs-body);line-height:var(--lh-body);-webkit-user-select:text;user-select:text}.thread{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.msg{max-width:92%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);gap:var(--space-2);font-size:var(--fs-body-sm);animation:rise var(--dur-base) var(--ease-out);flex-direction:column;display:flex}.msg .mono{font-size:var(--fs-micro)}.msg-client{background:var(--surface-inverse);color:var(--text-inverse);border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.msg-client .muted{color:var(--ink-400)}.msg-engine{background:var(--surface-page);border:var(--rule);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}.comment-box{gap:var(--space-3);border:var(--rule);border-radius:var(--radius-lg);background:var(--surface-page);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);transition:border-color var(--dur-base) var(--ease-out);align-items:flex-end;display:flex}.comment-box:focus-within{border-color:var(--border-strong)}.comment-box textarea{resize:none;padding:var(--space-3) 0;line-height:var(--lh-tight);background:0 0;border:0;outline:none;flex:1}.table-wrap{border-top:var(--rule-strong);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-body-sm)}.table th{text-align:left;font:var(--type-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-secondary);padding:var(--space-5) var(--space-5) var(--space-5) 0;border-bottom:var(--rule);white-space:nowrap}.table td{padding:var(--space-5) var(--space-5) var(--space-5) 0;border-bottom:var(--rule);vertical-align:top}.switch{align-items:center;gap:var(--space-3);min-height:var(--control-h);cursor:pointer;display:inline-flex}.switch input{appearance:none;background:var(--ink-300);cursor:pointer;width:44px;height:26px;transition:background-color var(--dur-base) var(--ease-out);border-radius:13px;margin:0;position:relative}.switch input:after{content:"";background:var(--paper);width:20px;height:20px;transition:transform var(--dur-base) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked{background:var(--ink-1000)}.switch input:checked:after{transform:translate(18px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.signin-row{gap:var(--space-5);width:100%;min-height:72px;padding:var(--space-4) 0;border:0;border-bottom:var(--rule);text-align:left;cursor:pointer;color:var(--text-primary);transition:opacity var(--dur-base) var(--ease-out);background:0 0;flex-wrap:nowrap}@media (hover:hover) and (pointer:fine){.signin-row:hover:not(:disabled){opacity:var(--hover-fade)}}@media (max-width:560px){.req-row{grid-template-columns:1fr auto}.req-row .thumbs{grid-column:1/-1}}.focus-stage{scroll-margin-top:64px}@media (max-width:560px){.canvas-banner{top:auto;bottom:calc(148px + env(safe-area-inset-bottom,0px))}}@media (pointer:coarse){.chip-sm,.btn-sm{min-height:var(--control-h)}.btn-sm.btn-icon{width:var(--control-h)}.page-thumb{width:88px}}.glyph{box-sizing:border-box;border-radius:50%;flex-shrink:0;display:inline-block;position:relative}.glyph-ready{background:var(--ink-1000);transform:scale(.62)}.glyph-approved{background:var(--ink-1000)}.glyph-approved:after{content:"";border-left:1.5px solid var(--paper);border-bottom:1.5px solid var(--paper);width:40%;height:24%;position:absolute;top:26%;left:30%;transform:rotate(-45deg)}.glyph-drafting{background:var(--ink-400);animation:1.2s ease-in-out infinite pulse;transform:scale(.55)}.glyph-changes_requested{border:1.5px solid var(--ink-1000);border-right-color:#0000;animation:.8s linear infinite spin}.glyph-flagged{border:1.5px dashed var(--ink-1000);border-radius:3px}.status:has(.glyph):before{display:none}.status .glyph-ready,.status-ready .glyph-approved{background:currentColor}.status-bare{color:var(--text-primary);height:auto;font:var(--type-label);background:0 0;border:0;padding:0}@media (prefers-reduced-motion:reduce){.glyph-changes_requested,.spinner{border-style:dotted;animation:none}}.note{font-size:var(--fs-body-sm);color:var(--text-secondary);line-height:var(--lh-tight)}.stickybar{z-index:10;gap:var(--space-3);margin:0 calc(-1 * var(--app-gutter));padding:var(--space-4) var(--app-gutter) calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:var(--surface-page);border-top:var(--rule);align-items:center;display:flex;position:sticky;bottom:0}.review-grid{gap:var(--space-6) var(--space-4);padding:var(--space-5) var(--space-5) calc(var(--actionbar-h) + var(--space-8));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.review-card{gap:var(--space-3);color:var(--text-primary);min-width:0;transition:transform var(--dur-fast) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.review-card:active{transform:scale(var(--press-scale))}.review-card:hover{color:var(--text-primary)}.review-thumb{background:var(--paper);outline:var(--border-width) solid var(--border-hairline);position:relative;overflow:hidden}.review-thumb img{object-fit:cover;width:100%;height:100%;display:block}.review-badge{font:var(--type-label);letter-spacing:var(--ls-mono);background:var(--surface-page);border-radius:var(--radius-pill);padding:2px 6px;position:absolute;bottom:6px;right:6px}.review-title{font-size:13px;font-weight:var(--fw-medium);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.review-meta{font:var(--type-label);letter-spacing:var(--ls-mono);color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.phone-banner{margin:var(--space-4) var(--space-5) 0}.focus-img-wrap.is-busy .focus-img{opacity:.6;transition:opacity var(--dur-base) var(--ease-out)}.focus-img-wrap.is-approved:after{content:"";background:var(--ink-1000) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 16px no-repeat;width:24px;height:24px;animation:pop-in .2s var(--ease-out);border-radius:50%;position:absolute;top:-12px;right:-12px}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}}.flag-placeholder{text-align:center;padding:var(--space-7);border:1.5px dashed var(--ink-500);background:var(--surface-page);color:var(--text-primary);font-size:var(--fs-body-sm);line-height:var(--lh-tight);place-items:center;display:grid}.busy-caption{align-items:center;gap:var(--space-3);font-size:var(--fs-body-sm);color:var(--text-primary);display:flex}.seg{border:var(--rule);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.seg button{min-height:38px;padding:0 var(--space-5);border-radius:var(--radius-pill);cursor:pointer;font-size:var(--fs-body-sm);color:var(--text-primary);background:0 0;border:0}.seg button[aria-pressed=true]{background:var(--surface-inverse);color:var(--text-inverse)}.panel-actions{gap:var(--space-3);flex-direction:column;display:flex}@media (min-width:1024px){.panel-actions{bottom:calc(-1 * var(--space-8));background:var(--surface-page);padding:var(--space-5) 0 var(--space-6);border-top:var(--rule);z-index:2;position:sticky}}@media (max-width:1023px){.desktop-only{display:none!important}}@media (min-width:1024px){.below-desktop{display:none!important}}.version,.canvas-frame{transition:transform var(--dur-fast) var(--ease-out)}.version:active,.canvas-frame:active{transform:scale(var(--press-scale))}.admin-cards{display:none}@media (max-width:767px){.admin-table{display:none}.admin-cards{gap:var(--space-4);flex-direction:column;display:flex}}.kv{gap:var(--space-2) var(--space-5);font-size:var(--fs-body-sm);grid-template-columns:1fr auto;display:grid}.kv dt{color:var(--text-secondary)}.kv dd{text-align:right;margin:0}.textlink{font:inherit;color:var(--text-primary);border:0;border-bottom:var(--border-width) solid currentColor;cursor:pointer;background:0 0;min-height:0;padding:0}.quote{padding-left:var(--space-5);border-left:var(--rule-strong);font-size:var(--fs-body);margin:0}.focus-figure-slot{justify-content:center;min-width:0;max-width:100%;display:flex}.is-compare .focus-figure-slot{flex:1 1 0}@media (max-width:1023px){.is-compare .focus-figure-slot{flex:100%}}.focus-title{font-size:var(--fs-heading-3)}@media (min-width:1024px){.focus-title{font-size:var(--fs-heading-2);font-weight:var(--fw-light);letter-spacing:var(--ls-heading)}}.msg-kason{border-color:var(--border-strong)}.msg-kason>.mono:first-child{font-size:var(--fs-micro);letter-spacing:var(--ls-label);text-transform:uppercase}@media (max-width:560px){.lede{font-size:var(--fs-body)}}a.btn,a.btn:hover,a.card-link,a.card-link:hover,a.review-card:hover,a.side-item:hover,a.canvas-label:hover{color:var(--text-primary)}a.btn-primary,a.btn-primary:hover{color:var(--text-inverse)}.signin{max-width:calc(520px + 2 * var(--page-margin));padding:clamp(var(--space-8), 18vh, 180px) var(--page-margin) var(--space-10);box-sizing:border-box;gap:var(--space-8);flex-direction:column;margin-inline:auto;display:flex}.signin-title{font-family:var(--font-display);font-weight:var(--fw-regular);font-size:var(--fs-heading-3);line-height:var(--lh-heading);margin:0}.signin-card{background:var(--canvas-ground);border-radius:var(--radius-lg);padding:var(--space-8)}@media (max-width:600px){.signin-card{padding:var(--space-5)}}.textlink.textlink-quiet{color:var(--text-secondary);border-bottom-color:#0000}.textlink.textlink-quiet:hover{color:var(--text-primary)}