:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:block}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Medium.woff2)format("woff2");font-style:normal;font-weight:500;font-display:block}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:block}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-ExtraBold.woff2)format("woff2");font-style:normal;font-weight:800;font-display:block}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app{min-height:100vh;padding:32px}.workspace{grid-template-columns:minmax(320px,480px) minmax(320px,1fr);align-items:start;gap:24px;max-width:1280px;margin:0 auto;display:grid}.left-column{gap:16px;display:grid}.panel{background:#fff;border:1px solid #d8dde6;border-radius:8px;box-shadow:0 8px 24px #1f293714}.form-panel{padding:24px}.panel-header,.preview-header,.block-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:#6b7280;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}h1,h2{color:#111827;letter-spacing:0;margin:0}h1{font-size:1.8rem}h2{font-size:1rem}.type-selector{background:#eef1f5;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0;padding:4px;display:grid}.type-button{color:#4b5563;background:0 0;border:0;border-radius:6px;min-height:42px;font-weight:700}.type-button.active{color:#fff;background:#1f2937}.field-group{gap:16px;display:grid}label{color:#374151;gap:8px;font-size:.9rem;font-weight:700;display:grid}input,textarea{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:11px 12px}textarea{resize:vertical}input:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.readonly-field{background:#f8fafc;border:1px solid #d8dde6;border-radius:6px;gap:6px;padding:12px;display:grid}.readonly-field span{color:#64748b;text-transform:uppercase;font-size:.78rem;font-weight:700}.readonly-field strong{color:#111827}.date-block{background:#fbfcfe;border:1px solid #e2e8f0;border-radius:8px;gap:14px;padding:16px;display:grid}.period-list{gap:10px;display:grid}.period-row{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;display:grid}.secondary-button,.text-button,.download-button,.icon-action{border-radius:6px;font-weight:700}.secondary-button{color:#1f2937;background:#fff;border:1px solid #cbd5e1;min-height:42px}.text-button{color:#475569;background:0 0;border:0;padding:0}.danger{color:#b91c1c}.icon-action{background:#fff1f2;border:1px solid #fecaca;width:42px;height:42px;font-size:1.2rem}.download-button{color:#fff;background:#1f2937;border:0;width:100%;min-height:52px}.preview-panel{padding:24px}.story-shell{background:#e5e7eb;border-radius:8px;justify-content:center;margin-top:20px;padding:18px;display:flex;overflow:hidden}.story-preview{aspect-ratio:9/16;width:min(100%,360px);display:block;box-shadow:0 10px 24px #0000002e}.asset-note{color:#64748b;margin:12px 0 0;font-size:.86rem}.size-control{background:#f8fafc;border:1px solid #d8dde6;border-radius:6px;justify-content:center;align-items:center;width:fit-content;min-height:34px;margin-top:2px;display:inline-flex;overflow:hidden}.size-button{color:#1f2937;background:0 0;border:0;justify-content:center;align-items:center;width:34px;height:32px;padding:0;font-size:18px;font-weight:700;line-height:1;display:flex}.size-button:hover:not(:disabled){background:#e5e7eb}.size-button:disabled{opacity:.35;cursor:not-allowed}.size-value{color:#374151;border-left:1px solid #d8dde6;border-right:1px solid #d8dde6;justify-content:center;align-items:center;min-width:52px;height:32px;font-size:.78rem;font-weight:700;display:flex}.typography-controls{gap:10px;padding-top:4px;display:grid}.typography-control-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.typography-control-label{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}@media (width<=900px){.app{padding:16px}.workspace{grid-template-columns:1fr}.period-row{grid-template-columns:1fr 1fr 42px}}@media (width<=520px){.form-panel,.preview-panel{padding:16px}.type-selector,.period-row{grid-template-columns:1fr}.icon-action{width:100%}.typography-control-row{align-items:center}}