@font-face{font-family:Geist;src:url('./vendor/geist.woff2')}*{box-sizing:border-box}html{--bg:#111315;--surface:#1a1d20;--panel:#202429;--line:#363b42;--text:#f2f1ed;--muted:#a1a6ad;--accent:#ff6b22;--preview:#e2e0d8;color-scheme:dark;background:var(--bg);color:var(--text);font-family:Geist,Arial,sans-serif}html[data-theme=light]{--bg:#f5f3ed;--surface:#fff;--panel:#efeee9;--line:#d1d2ce;--text:#24272a;--muted:#60656b;--accent:#d9470a;color-scheme:light}body{margin:0}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--text);padding:10px 13px;font-size:12px;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}button:hover,.button:hover{border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.button:focus-within{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}button.primary,.button.primary{background:var(--accent);color:white;border-color:var(--accent)}header{padding:20px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:24px;color:var(--text);text-decoration:none}.brandmark{background:var(--accent);color:white;font-style:italic;display:grid;place-items:center;width:34px;height:38px}.brand-sub{display:block;font-size:7px;letter-spacing:2px}nav{display:flex;align-items:center;gap:10px}nav a{color:var(--muted);font-size:12px;margin-right:8px}main{max-width:1560px;margin:auto;padding:0 4%}.intro{display:flex;align-items:center;justify-content:space-between;padding:52px 0 38px;gap:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:600;margin:0 0 14px}h1{font-size:clamp(32px,4.6vw,66px);line-height:1.06;letter-spacing:-2.4px;margin:0;font-weight:500}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.intro p:not(.eyebrow){color:var(--muted);font-size:14px;margin-bottom:0}.intro-stat{border-left:1px solid var(--line);padding-left:36px;display:flex;flex-direction:column;gap:8px}.intro-stat strong{font-size:65px;line-height:1;font-weight:400}.intro-stat span{font-size:14px}.intro-stat small{font-size:10px;color:var(--muted)}h2{font-size:22px;letter-spacing:-.5px;margin:0;font-weight:500}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.section-heading .eyebrow{margin-bottom:8px}.pills{display:flex;flex-wrap:wrap;gap:5px}.pills button{padding:7px 10px;font-size:11px}.pills button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}.articles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-bottom:36px}.article-card{display:flex;flex-direction:column;text-align:left;align-items:stretch;background:var(--surface);padding:10px 9px;min-height:96px;gap:5px}.article-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 2px var(--accent)}.article-card svg{height:34px;width:100%;color:var(--muted)}.article-card[aria-pressed=true] svg{color:var(--accent)}.article-card strong{font-size:11px;line-height:1.3;font-weight:500}.article-card small{font-size:9px;color:var(--muted)}.workspace{display:grid;grid-template-columns:345px minmax(0,1fr);gap:24px;align-items:start}.controls{background:var(--surface);border:1px solid var(--line)}.product-title{padding:23px}.product-title p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.6}.product-title button{font-size:10px}details{border-top:1px solid var(--line)}summary{cursor:pointer;padding:17px 20px;font-size:13px;font-weight:500}summary::marker{color:var(--accent)}.detail-body{padding:0 20px 20px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;font-size:11px;color:var(--muted)}.field.checkbox{flex-direction:row;align-items:center;color:var(--text)}.field input:not([type=checkbox]),.field select,.field textarea{width:100%;min-width:0;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:9px;font-size:12px;border-radius:0}.field input[type=color]{height:38px;padding:3px}.field textarea{min-height:70px;resize:vertical}.field.checkbox input{accent-color:var(--accent)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint,small#fontNote{display:block;font-size:10px;line-height:1.6;color:var(--muted)}.upload{display:flex;align-items:center;flex-direction:column;gap:12px;padding:20px 12px;border:1px dashed var(--line);font-size:12px;color:var(--muted);text-align:center}.upload.dragging{border-color:var(--accent);background:var(--panel)}.upload small{font-size:9px;line-height:1.7}.source-row{display:flex;align-items:center;gap:12px;margin:14px 0;font-size:11px;overflow-wrap:anywhere}.source-row img{width:46px;height:46px;background:white;object-fit:contain}.preview-column{position:sticky;top:15px;min-width:0}.preview-panel,.export-panel{border:1px solid var(--line);background:var(--surface)}.preview-heading{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.preview-heading .eyebrow{margin-bottom:8px}#freshness{font-size:10px;color:var(--muted)}#viewport{position:relative;height:470px;background:radial-gradient(ellipse at 40% 30%,#f4f0e5,var(--preview));overflow:hidden}#viewport canvas{display:block;width:100%;height:100%}#empty{position:absolute;inset:0;display:grid;place-items:center;color:#60656b;font-size:14px;pointer-events:none}#empty[hidden]{display:none}#viewTools{position:absolute;bottom:15px;left:15px;right:15px}#viewTools button{background:#ffffffd9;color:#34373b;border-color:#c6c8c6;backdrop-filter:blur(8px)}#viewTools button[aria-pressed=true]{background:#34373b;color:white;border-color:#34373b}.metrics{display:grid;grid-template-columns:repeat(4,1fr)}.metrics>div{padding:17px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;margin-bottom:7px}.metrics strong{font-weight:400;font-size:18px}.export-panel{margin-top:16px;padding:23px}.export-panel h2{font-size:20px}#status{font-size:12px;line-height:1.7;color:var(--muted)}#status.error{color:#f88c72}#warnings{padding-left:17px;font-size:10px;color:var(--muted);line-height:1.7}#warnings li{margin-bottom:6px}.download-row{display:flex;flex-wrap:wrap;gap:8px}.download-row button{font-size:11px}.guide{padding:22px 0}.guide h3{font-weight:500;margin:0;font-size:16px}.guide p:last-child{font-size:12px;color:var(--muted);line-height:1.7}footer{padding:30px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;margin-top:25px}[hidden]{display:none!important}@media(max-width:1150px){.articles{grid-template-columns:repeat(6,minmax(0,1fr))}.workspace{grid-template-columns:300px minmax(0,1fr)}#viewport{height:390px}.metrics>div{padding:12px}.metrics strong{font-size:15px}}@media(max-width:760px){header{padding:15px 4%;align-items:start}nav{flex-wrap:wrap;justify-content:flex-end;max-width:235px;gap:5px}nav a{width:100%;text-align:right}nav button,nav .button{font-size:10px;padding:7px}.brand{font-size:20px}.intro{padding-top:32px}.intro-stat{display:none}h1{letter-spacing:-1px}.section-heading{align-items:start;flex-direction:column}.articles{grid-template-columns:repeat(4,1fr);gap:6px}.article-card{padding:8px 6px;min-height:88px;gap:4px}.article-card svg{height:28px}.article-card strong{font-size:10px}.workspace{display:flex;flex-direction:column}.controls,.preview-column{width:100%;position:static}.preview-column{order:-1}#viewport{height:350px}.metrics strong{font-size:14px}.metrics small{font-size:8px}.preview-heading h2{font-size:20px}.export-panel{padding:18px}.library{margin-bottom:5px}footer span{display:none}}