.design-savebar{align-items:end;gap:16px;display:flex}.design-savebar .field{width:min(320px,100%)}.design-save-status{color:var(--muted);margin:16px 0 24px;font-size:14px}.design-save-status[data-error=true]{color:var(--error)}.design-preview-controls{gap:8px;margin-bottom:24px;display:flex}.design-preview-controls button{text-transform:capitalize}.design-preview-controls [aria-pressed=true]{background:var(--ink);color:var(--surface)}.design-preview-stage{background:var(--hover-row);border:1px solid var(--line);justify-content:center;padding:24px;display:flex}.design-preview-frame{border:1px solid var(--line);background:var(--surface);width:100%;height:800px}.design-preview-frame[data-viewport=phone]{max-width:390px}.design-preview-frame[data-viewport=tablet]{max-width:768px}.design-version-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.design-version-list li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.design-version-list h2{font:var(--t-section)}.design-version-list .btn{white-space:normal}.design-recovery{border-top:1px solid var(--line);margin-top:48px;padding:24px 0}.design-recovery summary{cursor:pointer;min-height:44px}.design-recovery p{max-width:640px;color:var(--muted);margin-bottom:16px}.design-dialog{background:var(--surface);max-width:min(480px,100vw - 32px);color:var(--ink);border:1px solid var(--line);padding:32px}.design-dialog p{margin:20px 0}.design-dialog::backdrop{background:#0009}.design-type-input{max-width:600px;margin-bottom:40px}.design-types>section{border-top:1px solid var(--line);padding:36px 0}.design-type-meta{justify-content:space-between;gap:24px;display:flex}.design-type-meta h2{font:var(--t-label)}.design-type-meta p{color:var(--muted);font-size:14px}.design-type-sample{overflow-wrap:anywhere;margin-top:32px;font-size:clamp(26px,3.5vw,52px);line-height:1.15}.design-type-sample[data-font=display]{text-transform:uppercase;font-family:Possible Regular,sans-serif}.design-type-sample[data-font=line]{text-transform:uppercase;font-family:Possible Line,sans-serif}.design-type-sample[data-font=label]{font-family:Whyte Inktrap,sans-serif;font-weight:500}.design-font-install{border:1px solid var(--line);background:var(--surface);margin-block:40px;padding:28px}.design-font-install h2{font:var(--t-section)}.design-font-install p{margin:16px 0}.design-font-install pre{background:var(--canvas);padding:16px;font-size:13px;overflow-x:auto}.design-guide-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-block:48px;display:grid}.design-guide-grid h2{font:var(--t-section);margin:16px 0}.design-guide-grid p{color:var(--muted)}.design-doclinks{border-top:1px solid var(--line);gap:8px;padding-top:32px;display:grid}.design-doclinks h2{font:var(--t-section);margin-bottom:16px}.design-doclinks a{padding-block:10px}.design-main table caption{text-align:left;color:var(--muted);padding-block:16px;font-size:14px}.design-main{max-width:1600px;padding:48px var(--gutter) 72px;min-height:calc(100vh - 180px);margin:auto}.design-appbar{flex-wrap:wrap;gap:32px;height:auto;min-height:76px;padding-block:14px}.design-appbar .brand{flex-shrink:0}.design-nav{flex:1;gap:24px;display:flex}.design-nav a{border-bottom:2px solid #0000;align-items:center;min-height:44px;font-size:14px;text-decoration:none;display:inline-flex}.design-nav a[aria-current]{border-color:var(--accent)}.design-appbar .modeswitch{margin-left:auto}.design-appbar .modeswitch button{text-transform:capitalize;min-height:44px}.design-skip{background:var(--surface);z-index:1000;padding:12px;position:fixed;top:-100px;left:20px}.design-skip:focus{top:20px}.design-pagehead{justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px;display:flex}.design-eyebrow{font:var(--t-meta);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.design-pagehead h1{letter-spacing:-.025em;margin-top:20px;font:500 clamp(32px,3.6vw,52px)/1.12 Whyte Inktrap,sans-serif}.design-intro{max-width:640px;color:var(--muted);margin-top:18px}.design-head-actions{flex-shrink:0}.design-library-tools{grid-template-columns:minmax(200px,420px) 220px 1fr;align-items:end;gap:24px;margin-bottom:32px;display:grid}.design-library-tools .meta{justify-self:end;padding-bottom:12px}.design-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.design-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);min-width:0}.design-card-top{justify-content:space-between;padding:24px 28px 0;display:flex}.design-sample{overflow-wrap:anywhere;align-items:center;min-height:200px;padding:32px 28px;display:flex}.design-sample>*{width:100%}.design-card-caption{padding:0 28px 28px}.design-card-caption h2{font:500 20px/1.3 Whyte Inktrap,sans-serif}.design-card-caption p{color:var(--muted);max-width:420px;margin-top:8px;font-size:14px}.design-rule{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr 1fr;align-items:start;gap:24px;margin-top:64px;padding:32px 0;display:grid}.design-rule>p{letter-spacing:-.02em;font:500 clamp(24px,2.3vw,34px)/1.3 Whyte Inktrap,sans-serif}.design-rule>a{justify-self:end;padding:12px 0;font-size:14px}.design-empty{text-align:center;border:1px solid var(--line);padding:48px 24px}.design-empty h2{font:var(--t-section)}.design-empty p{color:var(--muted);margin:16px 0 24px}.design-note{color:var(--muted);max-width:850px;margin-top:24px;font-size:14px}@media (width<=1000px){.design-appbar{gap:12px 24px}.design-nav{flex-basis:100%;order:3}.design-guide-grid{grid-template-columns:repeat(2,1fr)}.design-rule{grid-template-columns:1fr 2fr}.design-rule>a{justify-self:start}}@media (width<=767px){.design-main{padding-top:32px;padding-bottom:40px}.design-appbar .brand img{width:100px}.design-appbar .modeswitch{width:100%;margin:0}.design-appbar .modeswitch button{flex:1}.design-nav{flex-wrap:wrap;gap:0 22px}.design-pagehead{flex-direction:column;align-items:start;gap:24px;margin-bottom:32px}.design-library-tools{grid-template-columns:1fr;gap:16px}.design-library-tools .meta{justify-self:start;padding:0}.design-grid,.design-rule,.design-guide-grid{grid-template-columns:1fr}.design-card-top,.design-card-caption{padding-inline:20px}.design-sample{min-height:180px;padding:24px 20px}.design-savebar{flex-wrap:wrap}.design-preview-stage{padding:0}.design-version-list li{flex-direction:column;align-items:start}.design-type-meta{flex-direction:column;gap:8px}.design-font-install{padding:20px}.app-foot{flex-wrap:wrap;gap:16px}}.design-appbar .brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.design-appbar .brand img{width:110px;height:auto}.design-appbar{--design-bar-focus:var(--ink)}.design-appbar :focus-visible{outline-color:var(--design-bar-focus)}.design-appbar .modeswitch button{font:var(--t-meta);opacity:1}.design-footer{border-top:1px solid var(--line);padding:20px var(--gutter);color:var(--muted);font:var(--t-meta);justify-content:space-between;gap:16px;display:flex}.design-footer>span:first-child{gap:10px;display:flex}@media (width<=767px){.design-appbar .modeswitch{display:inline-flex}}.oc-settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-bottom:48px;display:grid}.oc-settings form,.oc-settings section{min-width:0}.oc-settings .field{margin-bottom:20px}.oc-settings fieldset{border:1px solid var(--line);margin:24px 0;padding:16px}.oc-choice{overflow-wrap:anywhere;align-items:center;gap:12px;min-height:44px;display:flex}.oc-choice input{width:20px;height:20px;accent-color:var(--ink);flex-shrink:0}.oc-settings select{width:100%;min-height:44px;font:inherit;background:var(--field);color:var(--ink);border:1px solid var(--line-strong);padding:10px}.oc-secret{border:1px solid var(--line-strong);padding:20px}.oc-wrap{overflow-wrap:anywhere}.oc-signin{min-height:100dvh;color:var(--ink);background:var(--canvas) url(/brand/paper-black.webp) center/cover fixed no-repeat;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;padding:clamp(28px,6vw,96px);display:flex}.oc-signin img{width:140px}.oc-signin h1{text-transform:uppercase;overflow-wrap:anywhere;max-width:100%;margin:0;font-family:Possible Regular,sans-serif;font-size:clamp(42px,8vw,112px);line-height:.9}.oc-signin p{max-width:480px}@media (width<=1000px){.design-appbar{flex-wrap:wrap}.design-nav{flex-basis:100%;order:3}}@media (width<=767px){.oc-settings{grid-template-columns:1fr;gap:32px}.design-footer{flex-direction:column;align-items:flex-start;gap:16px}}.design-document{background:var(--canvas);color:var(--ink);min-height:100vh;padding:clamp(20px,4.5vw,72px)}.design-document :is(.design-page-title,.design-section-title,.design-copy,.design-action,.design-status,.design-list,.design-hero){margin-bottom:24px}.design-page-title{letter-spacing:-.025em;overflow-wrap:anywhere;font:500 clamp(32px,4vw,52px)/1.15 Whyte Inktrap,sans-serif}.design-section-title{font:var(--t-section);overflow-wrap:anywhere}.design-copy{max-width:65ch;font:var(--t-body);white-space:pre-wrap;overflow-wrap:anywhere}.design-action .btn{white-space:normal;overflow-wrap:anywhere}.design-status{padding-block:4px}.design-status .status{white-space:normal;overflow-wrap:anywhere}.design-list h2{margin-bottom:16px;font:500 16px/1.4 Whyte Inktrap,sans-serif}.design-list ul{margin:0;padding:0;list-style:none}.design-list li{border-top:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;gap:20px;padding-block:16px;display:flex}.design-list li:last-child{border-bottom:1px solid var(--line)}.design-hero{isolation:isolate;background:var(--canvas);color:var(--ink);padding:clamp(24px,5vw,72px);position:relative;overflow:hidden}.design-hero-texture{z-index:-3;background:url(/brand/paper-black.webp) 50%/cover no-repeat;position:absolute;inset:0}.design-hero-copy{z-index:1;position:relative}.design-hero-copy h2{letter-spacing:max(-8px,-.04em);text-transform:uppercase;overflow-wrap:anywhere;padding-block:24px;font:400 clamp(42px,6vw,100px)/.85 Possible Regular,sans-serif}.design-hero-copy>p:last-child{max-width:46ch}.design-hero-fade{pointer-events:none;z-index:-2;display:none;position:absolute;left:0;right:0}.design-hero[data-vignette=shared] .design-hero-fade{display:block}.design-hero-top{background:linear-gradient(#000,#00000080 50%,#0000);height:140px;top:0}.design-hero-bottom{background:linear-gradient(#0000,#000000bf 50%,#000);height:340px;bottom:0}.design-sample .design-hero-copy h2{font-size:clamp(38px,4vw,58px)}.design-sample .design-hero{padding:24px}@media (width<=767px){.design-hero-bottom{height:100px}.design-list li{flex-direction:column;gap:4px}}.design-editor{border:1px solid var(--line);--puck-font-family:"Whyte", sans-serif;--puck-color-azure-04:var(--ink);--puck-color-azure-03:var(--ink);--puck-color-azure-09:var(--hover-row);--puck-color-azure-12:var(--canvas)}.design-editor input,.design-editor select,.design-editor textarea{font-size:16px}.design-editor button{min-height:44px}.design-editor :focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.design-editor *,.design-editor :before,.design-editor :after{transition:none!important;animation:none!important}}.design-editor{--puck-color-surface:var(--surface);--puck-color-surface-muted:var(--canvas);--puck-color-surface-subtle:var(--canvas);--puck-color-surface-inverse:var(--ink);--puck-color-border:var(--line);--puck-color-border-hover:var(--line-strong);--puck-color-border-muted:var(--line);--puck-color-text:var(--ink);--puck-color-text-secondary:var(--muted);--puck-color-text-muted:var(--muted);--puck-color-text-inverse:var(--surface);--puck-color-interactive:var(--ink);--puck-color-interactive-hover:var(--ink);--puck-color-interactive-active:var(--ink);--puck-color-interactive-subtle:var(--hover-row);--puck-color-interactive-soft:var(--hover-row);--puck-color-interactive-soft-hover:var(--hover-row);--puck-color-interactive-neutral-hover:var(--hover-row);--puck-color-focus-ring:var(--ink);--puck-color-selection-bg:var(--hover-row);--puck-color-selection-border:var(--line-strong);--puck-radius-xs:0;--puck-radius-s:0;--puck-radius-m:0;--puck-radius-l:0}