@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/space-grotesk-bold.ttf') format('truetype')}
/* Shared interface styles. Shirt artwork keeps its own selected typeface. */
:root{--ui-font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--ink:#122131;--muted:#56666d;--surface:#f7f6f2;--accent:#12343b;--border:#c5d0cd;--radius:12px;font-family:var(--ui-font);color:var(--ink);background:var(--surface);font-synthesis:none}
body{font-family:var(--ui-font);font-size:16px;line-height:1.5;color:var(--ink);background:var(--surface)}
.site-header,.site-brand,.site-nav,main h1,main h2,main h3,.hero h1,.hero h2{font-family:var(--ui-font)}
.site-brand{font-size:23px;font-weight:750;letter-spacing:-.6px}
main,.wrap{max-width:1140px}
main h1,.hero h1,.account-layout h1{font-size:clamp(36px,4vw,48px);font-weight:700;line-height:1.12;letter-spacing:-1.6px;margin:0 0 20px}
main h2,main h3,.hero h2{font-weight:700;letter-spacing:-.4px;line-height:1.3}
main h2{font-size:22px}main h3{font-size:18px}
.lead,.hero p{color:var(--muted);font-size:16px;line-height:1.6}
button,input,select,textarea{font-family:var(--ui-font)}
input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px;line-height:1.4;color:var(--ink);border:1px solid var(--border);border-radius:9px;background:#fafbf9;padding:12px 14px}
input:not([type=checkbox]):not([type=radio]),select{min-height:46px}
label{font-family:var(--ui-font);font-size:14px;font-weight:650;color:var(--ink)}
.hint,.meta,.intro,.note{font-family:var(--ui-font);font-size:13px;line-height:1.5;color:var(--muted)}
.card,.panel,.preview{border:1px solid #e0e3df;border-radius:16px;background:white;box-shadow:0 8px 28px #142d350d}
.primary,.buy,#demo-content form>button{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:9px;min-height:46px;padding:12px 16px;font-family:var(--ui-font);font-size:15px;font-weight:700;line-height:1.4}
.primary:hover,.buy:hover,#demo-content form>button:hover{background:#20505a}
.secondary,.page-link,.panel #share-design,.panel #save-copy,.panel #restore-revision{border:1px solid var(--border);border-radius:9px;background:#fff;color:#17454f;min-height:44px;padding:11px 16px;font-family:var(--ui-font);font-size:14px;font-weight:650;line-height:1.4}
button:disabled{opacity:.6;cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #18899d;outline-offset:3px}
.message,.page-guide,.sample-notice{font-family:var(--ui-font);font-size:14px;line-height:1.6;border-radius:12px}
.tabs button,.shirt{font-family:var(--ui-font);font-size:14px;min-height:44px}
.tabs .active{background:var(--accent);color:#fff}
.selected{border-color:#087e8b!important}.ref{background:#eaf4f3;border-color:#b8d6d3;color:#214b52}.ref b{color:#126876}
@media(max-width:600px){.site-brand{font-size:22px}.lead,.hero p{font-size:15px}.panel,.preview{padding:18px}.hero h1{font-size:36px}.wrap{padding:0 16px}.check{font-size:14px}main h2{font-size:21px}}

/* Geometric technology headings, human emphasis, and small code-like labels. */
.site-brand,main h1,main h2,main h3,.hero h1,.hero h2{font-family:'Space Grotesk',var(--ui-font);font-weight:700}.site-brand .human-i{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:700;color:#9fe7dc;font-size:1.12em;letter-spacing:-1px}.eyebrow,.demo-mode-label,.nav-more>summary{font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;letter-spacing:.02em}.eyebrow{font-size:12px}.demo-mode-label{font-size:12px}.nav-more>summary{font-size:13px}