*{box-sizing:border-box}body{margin:0;background:var(--pn-bg);color:var(--pn-text-primary);font-family:var(--pn-font-body);line-height:1.55}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--pn-border);background:white;color:var(--pn-text-primary);border-radius:6px;padding:11px 15px;min-height:44px}button:hover{border-color:var(--pn-accent)}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid var(--pn-accent);outline-offset:3px}.skip{position:absolute;left:12px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.site-header{display:flex;align-items:center;gap:28px;max-width:1400px;margin:auto;padding:24px 32px;border-bottom:1px solid var(--pn-border)}.site-header img{display:block;object-fit:contain;max-height:48px;width:150px}.site-header span{margin-left:auto;color:var(--pn-text-secondary);font-size:13px}main{max-width:1400px;margin:auto;padding:0 32px}.intro{max-width:760px;padding:60px 0 40px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--pn-accent)}h1{font-size:clamp(36px,5vw,64px);line-height:1.06;letter-spacing:-.045em;margin:16px 0 22px;font-weight:650}h2{font-size:20px;letter-spacing:-.025em}.intro>p:not(.eyebrow){max-width:640px;color:var(--pn-text-secondary)}.intro .privacy{font-size:13px}.studio{display:grid;grid-template-columns:320px minmax(0,1fr);gap:36px;align-items:start}.editor{padding:26px;background:var(--pn-surface);border:1px solid var(--pn-border);border-radius:10px}.editor h2{font-size:16px;margin:28px 0 16px}.editor h2:first-child{margin-top:0}label{display:block;font-size:12px;font-weight:650;margin:14px 0 6px}input,textarea,select{width:100%;min-width:0;border:1px solid var(--pn-border);border-radius:5px;padding:10px;background:white;color:var(--pn-text-primary)}input[type=color]{height:46px;padding:5px}input[type=file]{font-size:11px;padding:10px 4px}textarea{resize:vertical}.fields{display:grid;grid-template-columns:80px 1fr;gap:14px}.quiet{background:transparent;font-size:12px;margin-top:10px}.workspace{min-width:0;position:sticky;top:20px}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.preview-heading h2{margin:4px 0 24px}.preview-heading span{font-size:12px;color:var(--pn-text-secondary)}nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}nav button{font-size:12px;background:transparent}nav button[aria-pressed=true]{background:var(--pn-text-primary);color:white;border-color:var(--pn-text-primary)}.preview{min-height:340px;background:#eee7e2;border:1px solid var(--pn-border);border-radius:10px;padding:32px;display:grid;gap:24px;justify-items:center;overflow:hidden}.preview svg{display:block;width:100%;height:auto;max-height:620px;filter:drop-shadow(0 12px 18px #18141116)}.preview[data-format=card] svg{max-width:580px}.preview[data-format=digital] svg{max-width:370px}.preview[data-format=flyer] svg,.preview[data-format=letterhead] svg{max-width:440px}.exports{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.exports button{font-size:12px}.exports button:first-child{background:var(--pn-accent);color:white;border-color:var(--pn-accent)}#status{font-size:13px;font-weight:600;min-height:22px}.help{font-size:12px;color:var(--pn-text-secondary);max-width:780px}footer{padding:60px 0 32px;font-size:12px;color:var(--pn-text-secondary)}@media(max-width:850px){.studio{grid-template-columns:1fr}.workspace{position:static}.intro{padding-top:35px}.editor{padding:20px}.preview{padding:18px}.site-header{padding:18px;gap:16px}.site-header span{font-size:11px}.site-header img{width:115px}main{padding:0 18px}.preview-heading{align-items:start;gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{body>*{display:none!important}}

/* Task-first studio: keep format choice and a preview shortcut near the start. */
.intro{padding:26px 0 20px;max-width:900px}.intro h1{font-size:clamp(30px,4vw,44px);margin:10px 0 14px}.intro p{margin:8px 0}.intro a{font-size:13px}details{margin-top:24px}summary{cursor:pointer;font-size:15px;font-weight:650;min-height:44px;padding:8px 0}#formats{scroll-margin-top:20px}#preview,#brand-form{scroll-margin-top:20px}
.sample-gallery{margin:0 0 28px;padding:22px;border:1px solid var(--pn-border);border-radius:10px;background:var(--pn-surface)}.sample-gallery>p{max-width:850px;font-size:13px;color:var(--pn-text-secondary)}.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sample-grid article{min-width:0;border-top:1px solid var(--pn-border);padding-top:16px}.sample-grid img{display:block;max-width:100%;width:100%;height:160px;object-fit:contain;background:#eee7e2;border-radius:6px}.sample-grid h3{font-size:16px;margin:12px 0 6px}.sample-grid p{font-size:13px}.sample-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.sample-actions button,.sample-actions a{font-size:13px}.sample-actions a{display:inline-flex;align-items:center;min-height:44px}#sample-status{margin-bottom:0}@media(max-width:600px){.sample-grid{grid-template-columns:1fr}.sample-gallery{padding:16px}}