:root{--blue:#0b60e8;--ink:#0d1520;--paper:#fbfaf7;--muted:#677069;--line:#e8e7e2;--accent:#0b60e8;--surface:#fff;--copy:#5e656b;--scene:#eeeae3;color-scheme:light}
html[data-theme=dark]{--ink:#edf3fb;--paper:#101925;--muted:#a8b6c8;--line:#2b3a4c;--accent:#83b2ff;--surface:#182537;--copy:#b6c4d5;--scene:#203044;color-scheme:dark}
body{background-color:var(--paper);color:var(--ink);background-image:radial-gradient(ellipse at 95% 9%,#0b60e80c,transparent 38%),linear-gradient(118deg,transparent 30%,#0b60e805 30%,#0b60e805 42%,transparent 42%,transparent 74%,#0b60e804 74%,#0b60e804 85%,transparent 85%);background-attachment:fixed;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;transition:background-color .2s,color .2s}
html[data-theme=dark] body{background-image:radial-gradient(ellipse at 95% 9%,#0b60e827,transparent 38%),radial-gradient(ellipse at 0% 65%,#78908014,transparent 36%),linear-gradient(118deg,transparent 30%,#83b2ff06 30%,#83b2ff06 42%,transparent 42%,transparent 74%,#83b2ff04 74%,#83b2ff04 85%,transparent 85%)}
.site-topbar{background:#0d1520;border-bottom:1px solid #344257;color:#c8d3e0}
.site-topbar-inner{max-width:1440px;margin:auto;padding:7px 6%;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;font-size:9px;letter-spacing:1.4px}
.site-test-note{letter-spacing:.15px;margin-left:auto;color:#a8b6c8}
.site-header{max-width:1440px;margin:auto;padding:23px 6%;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:nowrap;border-bottom:1px solid var(--line)}
.site-header .brand img{display:block;width:185px;height:auto;object-fit:contain}.site-header,.site-footer{line-height:1.4}
.site-nav{display:flex;align-items:center;gap:28px;font-size:12px;color:var(--copy)}
.site-header a,.site-footer a{text-decoration:none;color:inherit}
.site-nav a{padding:8px 10px;margin:-8px -10px;border-radius:6px;transition:background .18s,color .18s}
.site-nav a:hover,.site-footer a:hover{color:var(--accent);background:#0b60e80b}
.site-header .nav-cta{white-space:nowrap;color:var(--ink);border-bottom:1px solid var(--line);font-size:12px;padding:9px 0;font-weight:650}
.site-header .nav-cta:hover{color:var(--accent)}
.site-footer{max-width:1440px;margin:auto;padding:28px 6%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}
.site-footer img{display:block;width:150px;height:auto}.site-footer p{margin:0;font-size:11px;color:var(--muted);text-align:left}.site-footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;color:var(--muted)}.site-footer small{font-size:9px;color:var(--muted);margin:0}
.theme-switch{display:inline-flex;align-items:center;gap:9px;min-height:32px;padding:3px 9px 3px 4px;border:1px solid #ffffff26;border-radius:30px;background:#ffffff08;color:#eaf1fb;font:11px system-ui;cursor:pointer;white-space:nowrap;letter-spacing:0}
.theme-switch:hover{background:#ffffff12}.theme-switch:focus-visible{outline:3px solid #83b2ff;outline-offset:3px}
.theme-track{width:52px;height:26px;display:grid;grid-template-columns:1fr 1fr;align-items:center;text-align:center;position:relative;border-radius:20px;background:linear-gradient(90deg,#dce5f0 50%,#28384d 50%);overflow:hidden}
.theme-track::after{content:'';position:absolute;inset:2px auto 2px 2px;width:22px;border-radius:50%;background:#fff8;box-shadow:0 1px 4px #0003;transition:transform .18s,background .18s}
.theme-track span{position:relative;z-index:1;font-size:14px;line-height:1;color:#152030}.theme-track span:last-child{color:#eaf1fb}
html[data-theme=dark] .theme-track::after{transform:translateX(26px);background:#819bb940}.theme-status{min-width:38px}
.editor-page main{max-width:1440px;padding:0 6%}.editor-page .intro h1 span,.editor-page .eyebrow,.editor-page .text-button,.editor-page .drag-hint{color:var(--accent)}
.editor-page .preview-panel{background:var(--surface);box-shadow:0 14px 40px #0d15200b}.editor-page .primary{color:#fff}.editor-page main a{color:var(--accent)}
.editor-page input[type=text],.editor-page input[type=search],.editor-page select,.editor-page textarea,.editor-page .secondary,.editor-page .font-card,.editor-page .size-options button,.editor-page .price-panel,.editor-page dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}
.editor-page .price-panel{border-color:var(--line)}.editor-page .price-lines>div,.editor-page .size-options span,.editor-page .position-field output,.editor-page .price-notice{color:var(--muted)}.editor-page .price-lines dd,.editor-page .price-lines .price-total{color:var(--ink)}.editor-page .price-lines .price-total{border-color:var(--line)}.editor-page .price-total dd{color:var(--accent)}
.editor-page .position-field{background:var(--surface);border-color:var(--line)}.editor-page .font-card:hover,.editor-page .secondary:hover{background:var(--scene)}.editor-page .font-card[aria-pressed=true],.editor-page .size-options button[aria-pressed=true]{background:#0b60e812;color:var(--accent);border-color:var(--accent)}
.editor-page .pill{background:#0b60e815;color:var(--accent);border-color:#83b2ff50}.editor-page .loading{background:var(--surface)}.editor-page .feedback{color:#397451}.editor-page .dialog-close{color:var(--ink)}
html[data-theme=dark] .editor-page .price-badge{background:#ad873025;color:#e9c980}html[data-theme=dark] .editor-page .price-includes,html[data-theme=dark] .editor-page .feedback{color:#a6cdb0}html[data-theme=dark] .editor-page .error{background:#782e2b40;color:#ffb5a8}html[data-theme=dark] .editor-page .swatch .chip{border-color:#ffffff40}
.document-page main{max-width:1100px;margin:38px auto 65px;padding:36px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 40px #0d15200b;line-height:1.75}
.document-page main h1{font-size:clamp(32px,5vw,46px);font-weight:640;line-height:1.15;letter-spacing:-1.5px;margin:0 0 24px}.document-page main h2{font-size:22px;font-weight:600;letter-spacing:-.6px;margin-top:32px}.document-page main p,.document-page main li{color:var(--copy)}.document-page main a{color:var(--accent);text-underline-offset:4px}.document-page main aside{background:#0b60e812;border-left:3px solid var(--accent);padding:16px;border-radius:8px;color:var(--copy)}.document-page .eyebrow{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:1.5px}.document-page main li{margin:12px 0}
@media(max-width:950px){.site-header{gap:20px}.site-nav{gap:18px}}
@media(max-width:700px){.site-header{padding:20px;flex-wrap:wrap;gap:20px}.site-header .brand img{width:172px}.site-nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:11px}.site-header .nav-cta{font-size:11px}.site-footer{padding:26px 20px;gap:18px;align-items:flex-start;flex-direction:column}.site-footer-links{gap:14px}.site-topbar-inner{padding:7px 20px}.site-test-note{display:none}.editor-page main{padding:0 20px}.editor-page .footer-links{flex-wrap:wrap}.document-page main{margin:22px 20px 45px;padding:24px}.document-page main h1{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){body,.theme-track::after,.site-nav a{transition:none}}
.site-inquiry{color:#d9e7fb;text-decoration:none}.site-inquiry:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.site-topbar-inner{flex-wrap:wrap;gap:7px 15px}.site-topbar-inner>.theme-switch{margin-left:auto}.site-topbar-inner>.site-test-note{display:block;order:3;width:100%;margin-left:0;font-size:9px;line-height:1.6}}