:root{color:#3d332c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#3d332c;--muted:#71675e;--brown:#76553e;--border:#918374;background:#f7f5ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a[href],button,label[for]{cursor:pointer}button:disabled{cursor:not-allowed}[hidden]{display:none!important}button,a,input{-webkit-tap-highlight-color:#d9cbbb}:focus-visible{outline:3px solid var(--brown);outline-offset:4px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:2;color:var(--ink);background:#fffef9;padding:16px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:16px}.workspace{max-width:1280px;margin:0 auto;padding:24px 16px}h1{margin:0;font:600 clamp(1.6rem,4vw,2rem)/1.3 Georgia,Times New Roman,serif}.page-heading p{color:var(--muted);margin:8px 0 24px;font-size:17px;line-height:1.6}.editor{gap:12px;margin-bottom:20px;display:grid}.name-field{min-width:0}label{margin-bottom:8px;font-size:18px;font-weight:600;display:block}input{border:1px solid var(--border);width:100%;min-height:56px;color:var(--ink);background:#fffef9;border-radius:4px;padding:14px 16px;font-size:18px}input::placeholder{color:#7b7166}input:hover{border-color:var(--brown)}.actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}button{border:1px solid var(--border);border-radius:4px;min-height:56px;padding:12px;font-size:16px;line-height:1.4}.download-button{background:var(--brown);border-color:var(--brown);color:#fffdf7;font-weight:600}.download-button:hover:enabled{text-underline-offset:4px;background:#5f412e;border-color:#5f412e;text-decoration:underline}.download-button:active:enabled{background:#493122;transform:translateY(1px)}.download-button:disabled{border-color:var(--border);color:#695e53;background:#e2dbd0}.clear-button,.retry-button{color:var(--brown);background:0 0}.clear-button:hover:enabled,.retry-button:hover{text-underline-offset:4px;background:#ece6db;text-decoration:underline}.clear-button:active:enabled,.retry-button:active{background:#e2d8c9;transform:translateY(1px)}.clear-button:disabled{color:var(--muted)}.status{color:var(--muted);min-height:26px;margin:0;font-size:16px;line-height:1.6}.retry-button{justify-self:start;min-width:100px}.preview-section{min-width:0}.preview-surface{aspect-ratio:1174/830;background:#e7e7e7;place-items:center;width:100%;display:grid}.preview-surface>*{grid-area:1/1}.preview-surface p{color:var(--ink);padding:20px}.preview-surface canvas{aspect-ratio:1174/830;width:100%;height:auto;display:block}@media (width>=640px){.workspace{padding:32px 24px}.editor{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:20px}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}button{padding:14px 20px}.status,.retry-button{grid-column:1/-1}}@media (width>=960px){.workspace{padding:36px 32px}button{padding:14px 24px;font-size:18px}.page-heading p{margin-bottom:28px}.editor{margin-bottom:24px}}