@font-face{font-family:VT323;src:url('/assets/fonts/VT323-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--font-ui:VT323,'Courier New',monospace}
body{font-family:var(--font-ui);font-size:20px}
button,input,select,textarea,p,a,label,summary,output,small,li,dt,dd{font-family:var(--font-ui)}
button,input,select,textarea{font-weight:400}
h2,h3,.workbench-heading h2,.style-copy h3{font-family:var(--font-ui);font-weight:400;letter-spacing:-.025em}
.lead{font-size:25px;line-height:1.35;max-width:32ch}
.hero-primary,.hero-secondary{font-size:21px;padding:12px 20px;border-radius:5px}
nav a,.theme-toggle,.language-switch{font-size:18px}
.hero-stage{grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);gap:28px;min-height:640px;padding-bottom:44px}
.hero-copy{width:100%;padding:45px 0;min-width:0;pointer-events:auto}
.hero-copy:before{right:0;top:10px}
.hero-proof{position:relative;inset:auto;width:100%;max-width:none;z-index:0;min-width:0;justify-self:stretch}
.hero-compare{mask-image:none}.proof-caption{max-width:100%;top:0;font-size:13px}
:root[data-theme=light] .hero-copy{background:none}
.hero-tags{font-size:12px;flex-wrap:wrap}.motion-toggle{font:16px var(--font-ui)}
.workbench-heading h2{font-size:40px}.workbench-heading p{font:17px var(--font-ui)}
.workspace{grid-template-columns:340px minmax(0,1fr);overflow:visible;align-items:start}
.control-panel{position:static;height:auto;max-height:none;overflow:visible;padding:24px;border-radius:12px 0 0 12px}
.control-panel>.panel-title h2,.preview-panel .panel-title h2{font-size:25px}
.upload-box>strong{font-size:20px}.upload-box>span{font-size:16px}
.upload-button,.sample-button{font-size:18px;min-height:44px}.sample-chip{font-size:16px;min-height:30px}
.sample-actions{gap:4px 14px}.fields{gap:20px}.field-row label,.field>label,.toggle-grid label{font-size:19px}
.field-hint{font-size:16px!important;line-height:1.25!important}.field-row output{font-size:17px}
.preset-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.preset-button{font-size:18px;min-height:42px;padding:7px 3px}
.preset-button[data-preset="Fine Art"]{grid-column:auto;text-align:center;padding-left:3px}.preset-button[data-preset="Fine Art"]:after{display:none}
.preset-button:nth-child(-n+3){border:1px solid var(--line);color:var(--accent)}
.field select,.field input[type=number],.field input[type=text]{font-size:19px;min-height:42px}
.advanced-controls summary,.export-panel summary,#resetButton{font-size:18px;min-height:38px}
.preview-panel{position:sticky;top:16px;min-width:0;border-radius:0 12px 12px 0}
.preview-tools{flex-wrap:wrap;gap:8px}.preview-tools>span{font-size:13px}.preview-tools button{font:16px var(--font-ui);min-height:36px}
.primary-action,.download-action{font-size:18px;padding:10px 12px;min-height:42px}.preview-panel>.status,.preview-panel .output-stats{font-size:16px}
.ascii-frame{position:relative}.ascii-demo{position:absolute;inset:0;background:#07120f;color:#e9eee7;display:flex;flex-direction:column;overflow:hidden;border-radius:7px}
.preview-panel:has(.ascii-demo:not([hidden])) :is(#paperPreview,#zoomPreview,.actions,.export-panel,.status,.output-stats){display:none}
.ascii-demo[hidden]{display:none}.demo-art{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}
.demo-art canvas{height:100%;max-width:100%;aspect-ratio:1;object-fit:contain;min-height:0;width:auto}
.demo-bar{padding:12px 16px;display:flex;gap:10px;align-items:center;border-top:1px solid #293a36;flex-wrap:wrap}
.demo-title{margin-right:auto;font-size:20px}.demo-title small{display:block;font-size:13px;color:#a3afaa;letter-spacing:.1em}
.demo-bar button{font:18px var(--font-ui);min-height:40px;min-width:40px;padding:6px 10px;border:1px solid #42504c;border-radius:4px;color:#e9eee7;background:#101b18}.demo-bar .demo-use{background:#b6a5fa;color:#111315;border-color:#b6a5fa}
.section-intro h2{font-size:52px}.section-intro p,.style-copy p{font-size:22px;line-height:1.35}
.style-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;align-items:start}
.style-piece{grid-column:span 5;border-radius:3px;overflow:hidden}.style-piece:nth-child(even){grid-column:span 7;margin-top:100px}
.style-piece.style-feature{grid-column:span 5;display:block}.style-feature .style-art{min-height:0}
.style-piece .style-art{aspect-ratio:1}.style-piece .style-copy{padding:24px 24px 28px}.style-piece .style-copy h3{font-size:42px;line-height:1;margin:16px 0}
.style-piece:nth-child(3){grid-column:span 7}.style-piece:nth-child(4){grid-column:span 5}.style-piece:nth-child(5){grid-column:span 5}.style-piece:nth-child(6){grid-column:span 7}
.case-action{font-size:20px}.art-label{font-size:9px}.everyday-examples summary{font-size:21px}
.style-copy .case-action{font-size:20px}.field-label,.field>span,.field-row>span{font-size:19px;font-weight:400}.hero-compare{mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent)}
.info-card p,.steps li,.use-list p,.faq-list p,.faq-list summary,.site-footer p{font-size:20px;line-height:1.4}
@media(max-width:1050px){.workspace{grid-template-columns:300px minmax(0,1fr)}.control-panel{padding:18px}.preview-panel{padding:20px 16px}.hero-stage{min-height:530px;gap:20px}.hero-proof{width:100%;max-width:none}.lead{font-size:23px}.hero-primary,.hero-secondary{font-size:19px;padding:10px 14px}.style-piece .style-copy h3{font-size:34px}}
@media(max-width:767px){.hero-stage{display:flex;gap:0;padding-bottom:55px;min-height:0}.hero-copy{padding:28px 0 10px}.hero-proof{width:100%;max-width:520px;inset:auto}.hero-actions{margin-top:20px}.hero-tags{gap:12px}.lead{font-size:23px}.workspace{display:flex;flex-direction:column}.preview-panel{order:-1;position:relative;top:auto;width:100%;border-radius:12px 12px 0 0}.control-panel{width:100%;border-right:0;border-radius:0 0 12px 12px}.ascii-frame{height:440px;max-height:70vh}.fields{gap:20px 14px}.preset-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-button[data-preset="Fine Art"]{grid-column:auto}.workbench-heading h2{font-size:34px}.section-intro h2{font-size:40px}.style-gallery{grid-template-columns:1fr;gap:32px}.style-piece,.style-piece.style-feature,.style-piece:nth-child(n){grid-column:auto;margin-top:0}.style-piece .style-copy{padding:22px}.style-piece .style-copy h3{font-size:38px}.demo-bar{gap:6px;padding:10px}.demo-title{width:100%;font-size:19px}.header-inner{gap:14px}nav{gap:12px}.preview-panel.is-expanded{position:fixed}.actions{display:flex;flex-wrap:wrap}.proof-caption{font-size:12px}}