:root{color:#3a2f27;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-strong:#1f1712;--muted:#6d5d50;--accent:#b13b56;--border:#58422f24;--panel:#ffffffad;--display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;background:radial-gradient(circle at top,#fff1e0f2,#f4ece3fa),#f3ede5;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{transition:transform .15s,box-shadow .15s,border-color .15s}button:hover:not(:disabled){transform:translateY(-1px)}input,textarea{width:100%;color:var(--text-strong);background:#ffffffe6;border:1px solid #58422f2e;border-radius:14px;margin-top:8px;padding:12px 14px}textarea{resize:vertical}label{color:var(--text-strong);font-weight:600;display:block}h1,h2{font-family:var(--display);color:var(--text-strong);line-height:.98}h1{max-width:11ch;margin:0;font-size:clamp(2.6rem,6vw,5rem)}h2{font-size:1.5rem}p{color:var(--muted)}a{color:inherit}#root{min-height:100vh}.app-shell{width:min(1380px,100% - 32px);margin:0 auto;padding:28px 0 40px}.hero-panel{border:1px solid var(--border);background:radial-gradient(circle at 100% 0,#d9485f2e,#0000 28%),linear-gradient(135deg,#fff8f0f2,#f4eee3eb);border-radius:28px;justify-content:space-between;align-items:end;gap:24px;padding:28px 30px;display:flex;box-shadow:0 24px 80px #3c2b1817}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin:0 0 12px;font-size:.78rem}.hero-copy{max-width:62ch;margin:14px 0 0}.upload-card{color:#fffaf3;cursor:pointer;background:#191411eb;border-radius:18px;justify-content:center;align-items:center;min-width:180px;padding:18px 20px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 16px 30px #19141133}.upload-card:hover{transform:translateY(-1px)}.upload-card input{display:none}.workspace{grid-template-columns:360px minmax(0,1fr);gap:20px;margin-top:20px;display:grid}.control-panel,.preview-panel{border:1px solid var(--border);background:#fffbf5d6;border-radius:28px;box-shadow:0 18px 60px #42312012}.control-panel{flex-direction:column;gap:18px;padding:22px;display:flex}.panel-block{background:var(--panel);border:1px solid #785d3e1f;border-radius:22px;padding:18px}.panel-heading h2,.preview-header h2{margin:0}.panel-heading p,.preview-header p{color:var(--muted);margin:6px 0 0}.layer-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.layer-chip{text-align:left;background:#fff;border:1px solid #785d3e26;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.layer-chip.active,.layer-chip:hover{border-color:#d9485f73;box-shadow:0 8px 24px #d9485f14}.layer-chip span{color:var(--muted);font-size:.88rem}.selected-editor{flex-direction:column;gap:12px;margin-top:16px;display:flex}.preview-panel{padding:22px}.preview-header{justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex}.page-picker{white-space:nowrap;align-items:center;gap:10px;display:flex}.page-stage{background:linear-gradient(#efe7dacc,#e6dfd4f2);border:1px dashed #785d3e3d;border-radius:26px;place-items:center;min-height:720px;padding:22px;display:grid;position:relative;overflow:auto}.page-stage.ready{place-items:center}.page-frame{cursor:crosshair;position:relative}.page-stage canvas{border-radius:8px;width:100%;height:100%;display:block;box-shadow:0 18px 60px #1e17112e}.empty-preview{text-align:center;max-width:32ch}.empty-preview p{font-family:var(--display);color:var(--text-strong);margin:0;font-size:1.8rem}.empty-preview span{color:var(--muted);margin-top:8px;display:block}.text-overlay{text-align:left;white-space:pre-wrap;background:0 0;border:1px dashed #0000;border-radius:6px;max-width:45%;padding:2px 4px;line-height:1.1;position:absolute;transform:translateY(-100%)}.text-overlay.active,.text-overlay:hover{background:color-mix(in srgb, currentColor 10%, white);border-color:currentColor}.primary-button,.secondary-button{font:inherit;cursor:pointer;border:0;border-radius:16px;padding:14px 16px}.primary-button{color:#fff;background:linear-gradient(135deg,#d9485f,#a8325d);font-weight:700}.primary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{color:var(--text-strong);background:#f8ece3}.download-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.secondary-button.danger{color:#9c2942}.export-status{background:#f5efe7;border:1px solid #785d3e1f;border-radius:20px;padding:16px 18px}.export-status strong{color:var(--text-strong);display:block}.export-status p{margin:8px 0 0}.export-status code{color:#8f1d38;white-space:pre-wrap;background:#ffffffe6;border-radius:12px;margin-top:10px;padding:10px 12px;display:block}.export-status.error{background:#f9ecec;border-color:#9c294247}.export-panel{background:#f4e8de;border:1px solid #785d3e1f;border-radius:22px;padding:18px}.export-panel.ready{background:#f6eee0;border-color:#b13b5647}.export-panel h2{margin:0}.export-panel p{margin:8px 0 0}.export-actions{gap:10px;margin-top:14px;display:grid}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.empty-state{color:var(--muted);margin:16px 0 0}@media (width<=1080px){.workspace{grid-template-columns:1fr}.page-stage{min-height:560px}}@media (width<=760px){.app-shell{width:min(100% - 20px,1380px);padding-top:16px}.hero-panel,.preview-header{flex-direction:column;align-items:stretch}.control-panel,.preview-panel{border-radius:22px}.page-picker{justify-content:space-between}.page-stage{min-height:420px;padding:14px}.text-overlay{max-width:70%}}