:root{color:#e6ecff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-strong:#f7f4ff;--muted:#9aa9d4;--accent:#77c9ff;--border:#85a5ff2e;--panel:#161b408f;--display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;background:radial-gradient(circle at 14% 18%,#4861d657,#0000 32%),radial-gradient(circle at 82% 12%,#33b3ff38,#0000 28%),linear-gradient(155deg,#080c1b,#0f142ffa 52%,#081e41);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{color:#15314d;background:#e9f4fff0;border:1px solid #8fbcf533;border-radius:12px;width:100%;margin-top:6px;padding:10px 12px}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:18ch;margin:0;font-size:clamp(1.6rem,3.1vw,2.45rem)}h2{font-size:1.12rem}p,label,button,input,textarea,select{font-size:.9rem}p{color:var(--muted)}a{color:inherit}#root{min-height:100vh}.app-shell{width:min(1380px,100% - 32px);margin:0 auto;padding:12px 0 18px}.hero-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at 100% 0,#5ba4ff42,#0000 28%),linear-gradient(140deg,#1a1f4ae6,#0b122deb);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:10px 16px;display:flex;box-shadow:0 24px 72px #02061466}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#9dd3ff;margin:0 0 6px;font-size:.62rem}.hero-copy{flex:640px;max-width:68ch;margin:2px 0 0}.hero-action{justify-content:center;align-items:center;min-width:220px;display:flex}.upload-card{color:#f6fbff;letter-spacing:.01em;cursor:pointer;background:linear-gradient(#ffffff3d,#ffffff0a),linear-gradient(135deg,#56b1ff,#6f5cff 52%,#2d7ef5);border-radius:14px;justify-content:center;align-items:center;min-width:198px;padding:14px 22px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff52,0 18px 36px #12174f5c}.upload-card:hover{transform:translateY(-1px)}.upload-card input{display:none}.workspace{grid-template-columns:360px minmax(0,1fr);gap:12px;margin-top:10px;display:grid}.control-panel,.preview-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#171d45cc,#0b122cbd);border-radius:18px;box-shadow:0 20px 60px #030c1c4d}.control-panel{flex-direction:column;gap:10px;padding:14px;display:flex}.panel-block{background:linear-gradient(#22295c94,#11183a8f);border:1px solid #85a5ff24;border-radius:14px;padding:12px}.panel-heading h2,.preview-header h2{margin:0}.panel-heading p,.preview-header p{color:var(--muted);margin:4px 0 0}.layer-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.layer-chip{text-align:left;background:#20275abd;border:1px solid #85a5ff29;border-radius:12px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.layer-chip.active,.layer-chip:hover{border-color:#6096ff70;box-shadow:0 10px 24px #4c66e02e}.layer-chip span{color:var(--muted);font-size:.8rem}.selected-editor{flex-direction:column;gap:12px;margin-top:16px;display:flex}.preview-panel{padding:14px}.preview-header{justify-content:space-between;align-items:start;gap:10px;margin-bottom:8px;display:flex}.toolbar-shell{gap:6px;margin-bottom:8px;display:grid}.inspector-bar{background:linear-gradient(#1f2758b8,#121839ad);border:1px solid #85a5ff24;border-radius:12px;grid-template-columns:repeat(6,minmax(0,1fr)) auto;gap:10px;padding:10px;display:grid}.inspector-bar--defaults{grid-template-columns:auto repeat(5,minmax(0,1fr))}.inspector-bar--empty{align-items:center;display:flex}.inspector-bar--empty p{margin:0}.toolbar-section-label{color:#edf4ff;white-space:nowrap;background:linear-gradient(135deg,#58b0ff29,#8165ff29);border-radius:999px;align-self:start;padding:6px 9px;font-size:.68rem;font-weight:700}.toolbar-field{gap:4px;display:grid}.toolbar-field--compact{max-width:84px}.toolbar-field--font{min-width:130px}.toolbar-field--color{min-width:88px}.toolbar-field--color input{appearance:none;cursor:pointer;background:linear-gradient(#ffffff1f,#ffffff05),#0b122d9e;border:1px solid #88abff47;border-radius:14px;width:100%;height:42px;margin-top:0;padding:4px}.toolbar-field--color input::-webkit-color-swatch-wrapper{padding:0}.toolbar-field--color input::-webkit-color-swatch{border:0;border-radius:10px}.toolbar-field--color input::-moz-color-swatch{border:0;border-radius:10px}.inspector-bar input,.inspector-bar select,.inspector-bar textarea{margin-top:0}.toolbar-delete{white-space:nowrap;align-self:end}.page-picker{white-space:nowrap;align-items:center;gap:8px;display:flex}.page-stage{background:radial-gradient(circle at top,#3959d01f,#0000 35%),linear-gradient(#0e1535eb,#080e21f5);border:1px dashed #85a5ff33;border-radius:16px;place-items:center;min-height:560px;padding:12px;display:grid;position:relative;overflow:auto}.page-stage.ready{place-items:center}.page-frame{cursor:crosshair;position:relative}.page-stage canvas{border-radius:6px;width:100%;height:100%;display:block;box-shadow:0 18px 60px #416c942e}.empty-preview{text-align:center;max-width:32ch}.empty-preview p{font-family:var(--display);color:var(--text-strong);margin:0;font-size:1.18rem}.empty-preview span{color:var(--muted);margin-top:6px;display:block}.text-overlay{text-align:left;white-space:pre-wrap;touch-action:none;background:#ffffffe6;border:1px solid #8fbcf52e;border-radius:8px;align-items:center;gap:6px;max-width:45%;padding:5px 7px;line-height:1.1;display:inline-flex;position:absolute;transform:translateY(-100%);box-shadow:0 10px 24px #49749b24}.text-overlay:hover{background:color-mix(in srgb, currentColor 8%, white);border-color:currentColor}.text-overlay--editing{align-items:stretch;gap:4px;min-width:160px;max-width:min(52%,280px)}.text-overlay.dragging{box-shadow:0 18px 28px #49749b2e}.text-overlay__content{width:100%;display:block}.text-overlay__editor{width:100%;min-height:2.2em;color:inherit;box-shadow:none;resize:none;background:0 0;border:0;margin:0;padding:0;line-height:1.15}.text-overlay__editor:focus{box-shadow:none}.text-overlay__drag-button{background:linear-gradient(135deg,#5ca4ff33,#7860ff24);border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:inline-flex}.text-overlay__drag-button:hover{transform:none}.text-overlay__handle{background:radial-gradient(circle at 35% 35%,#fff,#3a8ee673);border-radius:50%;flex:0 0 9px;width:9px;height:9px;box-shadow:0 0 0 1px #3a8ee624,0 0 12px #3a8ee629}.primary-button,.secondary-button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:10px 12px}.primary-button{color:#fff;background:linear-gradient(#ffffff38,#ffffff08),linear-gradient(135deg,#60bcff,#7d63ff 56%,#3478eb);font-weight:700;box-shadow:inset 0 1px #fff3,0 14px 28px #0e275547}.primary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{color:var(--text-strong);background:linear-gradient(135deg,#62a6ff24,#7e5fff14)}.download-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.secondary-button.danger{color:#9f3a56}.export-status{background:linear-gradient(#1e2556c7,#101636b8);border:1px solid #85a5ff24;border-radius:16px;padding:12px 14px}.export-status strong{color:var(--text-strong);display:block}.export-status p{margin:6px 0 0}.export-status code{color:#8f3653;white-space:pre-wrap;background:#050f2275;border-radius:10px;margin-top:8px;padding:8px 10px;display:block}.export-status.error{background:#f9ecec;border-color:#9c294247}.export-panel{background:linear-gradient(#1c2352cc,#0f1636c2);border:1px solid #85a5ff24;border-radius:18px;padding:14px}.export-panel.ready{background:#14315ec7;border-color:#76b6ff4d}.export-panel h2{margin:0}.export-panel p{margin:6px 0 0}.export-actions{gap:8px;margin-top:10px;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}.inspector-bar,.inspector-bar--defaults{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar-field--font{min-width:0}.page-stage{min-height:440px}}@media (width<=760px){.app-shell{width:min(100% - 20px,1380px);padding-top:12px}.hero-panel,.preview-header{flex-direction:column;align-items:stretch}.hero-panel{gap:12px;padding:12px}.hero-copy{max-width:none}.hero-action{justify-content:stretch;min-width:0}.upload-card{width:100%;min-width:0}.control-panel,.preview-panel{border-radius:16px}.page-picker{justify-content:space-between}.page-stage{min-height:320px;padding:14px}.inspector-bar,.inspector-bar--defaults{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.toolbar-section-label,.toolbar-delete{grid-column:1/-1}.toolbar-field--compact,.toolbar-field--color,.toolbar-field--font{min-width:0;max-width:none}.text-overlay{max-width:70%}}@media (width<=560px){.app-shell{width:min(100% - 16px,1380px)}.preview-panel,.control-panel{padding:12px}.page-picker{flex-wrap:wrap;gap:6px}.inspector-bar,.inspector-bar--defaults{grid-template-columns:1fr}.page-stage{min-height:260px;padding:10px}.text-overlay{max-width:82%}}