:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e8edf2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#e8edf2;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}button,input,textarea,select{letter-spacing:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.app-shell{color:#1e293b;background:linear-gradient(#ffffffd1,#edf0f4eb),#e8edf2;min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafceb;border-bottom:1px solid #737b8a38;justify-content:space-between;align-items:center;gap:18px;padding:14px 24px;display:flex;position:sticky;top:0}.topbar h1{color:#111827;margin:0;font-size:20px;font-weight:750;line-height:1.2}.app-kicker{color:#64748b;margin:0 0 4px;font-size:12px;line-height:1.2}.topbar-actions,.button-row,.mini-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.save-pill{color:#166534;white-space:nowrap;background:#ecfdf5;border:1px solid #22c55e3d;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:13px;display:inline-flex}button{font:inherit}.icon-button,.text-button,.ghost-button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #64748b47;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.icon-button{width:36px;padding:0}.text-button,.ghost-button{white-space:nowrap;padding:0 12px;font-size:14px}.text-button{color:#fff;background:#d94b36;border-color:#d94b3661}.ghost-button{background:0 0}.icon-button:hover,.text-button:hover,.ghost-button:hover{border-color:#3b82f680;transform:translateY(-1px)}.icon-button:disabled,.text-button:disabled,.ghost-button:disabled{opacity:.48;cursor:not-allowed;transform:none}.icon-button.danger{color:#b42318;border-color:#b4231840}.workspace{grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:0;min-height:calc(100vh - 65px);display:grid}.editor-panel{background:#f8fafc;border-right:1px solid #737b8a33;align-self:start;height:calc(100vh - 65px);padding:18px;position:sticky;top:65px;overflow:auto}.editor-collapsed .workspace{grid-template-columns:minmax(0,1fr)}.editor-collapsed .editor-panel{display:none}.editor-block{background:#fff;border:1px solid #64748b2e;border-radius:8px;margin-bottom:14px;padding:15px;box-shadow:0 12px 32px #0f172a0f}.block-title,.block-title>div,.items-title,.item-editor-head,.icon-editor-row{align-items:center;gap:9px;display:flex}.block-title{margin-bottom:12px}.block-title.with-action,.items-title,.item-editor-head{justify-content:space-between}.block-title h2{color:#111827;margin:0;font-size:15px;line-height:1.2}label{color:#475569;gap:6px;margin-bottom:11px;font-size:13px;line-height:1.35;display:grid}input,textarea,select{box-sizing:border-box;color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #64748b47;border-radius:8px;outline:none;font-size:14px;line-height:1.4;transition:border-color .16s,box-shadow .16s}input,select{min-height:38px;padding:0 10px}input[type=color]{padding:3px}input[type=range]{padding:0}input[type=file]{min-height:auto;padding:8px}textarea{resize:vertical;min-height:64px;padding:9px 10px}input:focus,textarea:focus,select:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f61f}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.section-tabs{gap:8px;display:grid}.section-tabs button{color:#334155;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #64748b38;border-radius:8px;width:100%;min-height:38px;padding:0 11px}.section-tabs button.active{color:#9f2f20;background:#fff6ed;border-color:#d94b3675;font-weight:700}.items-title{color:#334155;margin:14px 0 10px;font-size:14px;font-weight:700}.item-editor-list{gap:12px;display:grid}.item-editor{background:#f8fafc;border:1px solid #64748b2e;border-radius:8px;padding:12px}.item-editor-head{margin-bottom:10px}.item-editor-head strong{color:#0f172a;font-size:13px}.item-editor .icon-button{width:32px;min-height:32px}.icon-editor-row{align-items:flex-start}.icon-editor-row label{flex:1}.file-field input{font-size:12px}.preset-icons{grid-template-columns:repeat(8,1fr);gap:6px;margin:0 0 10px;display:grid}.preset-icons button{aspect-ratio:1;cursor:pointer;background:#fff;border:1px solid #64748b38;border-radius:8px;min-width:0;font-size:16px}.preset-icons button.active{background:#fff1e9;border-color:#d94b3680}.preview-stage{min-width:0;padding:20px 24px 40px;overflow:auto}.preview-toolbar{color:#64748b;justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto 16px;font-size:13px;display:flex}.segmented{background:#fff;border:1px solid #64748b38;border-radius:8px;padding:3px;display:inline-flex}.segmented button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;min-height:32px;padding:0 11px;display:inline-flex}.segmented button.active{color:#fff;background:#0f172a}.poster-frame{justify-content:center;width:100%;min-width:0;display:flex}.poster-frame.mobile .poster{--poster-width:min(390px, 100%)}.poster{isolation:isolate;width:min(var(--poster-width), 100%);background:linear-gradient(180deg, #ffffff80, #fffaeb61), var(--paper-color);color:var(--text-color);border:1px solid #9b5b2f42;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 24px 80px #3024152e}.poster:before,.poster:after{z-index:-1;pointer-events:none;color:var(--theme-color);opacity:.16;font-size:112px;line-height:1;position:absolute}.poster:before{content:"✦";top:60px;right:10%;transform:rotate(17deg)}.poster:after{content:"✧";bottom:220px;left:7%;transform:rotate(-14deg)}.poster-background{z-index:-2;background-image:var(--background-image), radial-gradient(circle at 72% 12%, #5492c433, transparent 24%), linear-gradient(135deg, #ffba6361, #ee634a1a);opacity:var(--background-opacity);background-position:50%;background-size:cover,auto,auto;position:absolute;inset:0}.poster-hero{border-bottom:2px solid color-mix(in srgb, var(--theme-color) 54%, transparent);grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:20px;min-height:170px;padding:34px 36px 22px;display:grid}.hero-copy p{background:color-mix(in srgb, var(--theme-color) 13%, white);color:color-mix(in srgb, var(--theme-color) 78%, #5a1e16);border-radius:999px;margin:0 0 10px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-flex}.hero-copy h2{color:color-mix(in srgb, var(--theme-color) 70%, #24120e);overflow-wrap:anywhere;margin:0;font-size:38px;font-weight:900;line-height:1.1}.hero-copy span{color:color-mix(in srgb, var(--text-color) 82%, white);overflow-wrap:anywhere;margin-top:10px;font-size:15px;line-height:1.6;display:block}.hero-badges{place-items:center;gap:10px;display:grid}.badge-grid{grid-template-columns:repeat(3,36px);gap:8px;display:grid}.badge-grid span{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--badge-color) 42%, white);background:color-mix(in srgb, var(--badge-color) 16%, white);border-radius:8px;place-items:center;width:36px;font-size:18px;display:grid}.hero-badges strong{color:color-mix(in srgb, var(--theme-color) 74%, #29110d);font-size:30px;line-height:1}.poster-section-list{gap:14px;padding:18px 18px 22px;display:grid}.poster-card{border:1px solid color-mix(in srgb, var(--section-color) 30%, transparent);background:rgba(255, 255, 255, var(--card-opacity));border-radius:8px;padding:15px 16px 17px;position:relative;overflow:hidden;box-shadow:0 12px 24px #50301c14}.poster-card:before{content:"";background:var(--section-color);width:5px;position:absolute;inset:0 auto 0 0}.poster-card-title{text-align:center;grid-template-columns:minmax(24px,1fr) auto minmax(24px,1fr);align-items:center;gap:10px;margin-bottom:12px;display:grid}.poster-card-title>span{background:color-mix(in srgb, var(--section-color) 62%, transparent);border-radius:999px;height:2px}.poster-card-title h3{color:color-mix(in srgb, var(--section-color) 68%, #3a1b12);overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:900;line-height:1.25}.poster-card-title p{color:color-mix(in srgb, var(--text-color) 72%, white);overflow-wrap:anywhere;margin:4px 0 0;font-size:11px;line-height:1.35}.poster-items{grid-template-columns:repeat(var(--section-columns), minmax(0, 1fr));gap:11px 14px;display:grid}.poster-item{grid-template-columns:25px minmax(0,1fr);align-items:start;gap:8px;min-height:48px;padding:4px 2px;display:grid}.poster-icon{aspect-ratio:1;background:color-mix(in srgb, var(--section-color) 14%, white);width:25px;color:var(--section-color);border-radius:7px;place-items:center;font-size:16px;display:grid;overflow:hidden}.poster-icon img{object-fit:cover;width:100%;height:100%}.poster-item-copy{min-width:0;display:block}.poster-item h4,.poster-item-title{color:color-mix(in srgb, var(--section-color) 58%, var(--text-color));overflow-wrap:anywhere;margin:0 0 2px;font-size:12px;font-weight:850;line-height:1.28;display:block}.poster-item p,.poster-item-description{color:color-mix(in srgb, var(--text-color) 76%, white);overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.35;display:block}.poster-footer{border-top:1px solid color-mix(in srgb, var(--theme-color) 40%, transparent);color:color-mix(in srgb, var(--text-color) 70%, white);text-align:center;overflow-wrap:anywhere;margin:0 18px 18px;padding:12px 16px;font-size:12px;line-height:1.5}.poster-item-trigger{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;transition:border-color .16s,background .16s,box-shadow .16s}.poster-item-trigger:hover,.poster-item-trigger:focus-visible{border-color:color-mix(in srgb, var(--section-color) 28%, transparent);background:color-mix(in srgb, var(--section-color) 8%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--section-color) 10%, transparent);outline:none}.preview-edit-trigger{box-sizing:border-box;width:100%;min-width:0;color:inherit;font:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:0;text-align:inherit;white-space:pre-wrap;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;margin:0;padding:2px 3px;transition:border-color .16s,background .16s,box-shadow .16s;display:block}.preview-edit-trigger.empty{opacity:.62}.preview-edit-trigger:hover{border-color:color-mix(in srgb, var(--theme-color) 22%, transparent);background:#ffffff7a}.preview-edit-trigger:focus-visible{border-color:color-mix(in srgb, var(--theme-color) 56%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-color) 14%, transparent);background:#ffffffd1;outline:none}.hero-eyebrow-edit{width:auto;max-width:100%}.poster-card-title .preview-edit-trigger,.poster-footer .preview-edit-trigger{text-align:center}.content-editor-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a6b;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.content-editor-card{background:#fff;border:1px solid #64748b38;border-radius:8px;width:min(560px,100%);max-height:calc(100vh - 44px);padding:17px;overflow:auto;box-shadow:0 26px 80px #0f172a3d}.content-editor-head{border-bottom:1px solid #64748b2e;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;padding-bottom:12px;display:flex}.content-editor-head h2{color:#111827;margin:0;font-size:18px;line-height:1.2}.content-editor-body{gap:10px;display:grid}.dialog-action-row,.icon-image-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.dialog-context{color:#475569;overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.35}.danger-button{color:#b42318;border-color:#b4231840;justify-self:start}.icon-image-preview{aspect-ratio:1;background:#f8fafc;border:1px solid #64748b38;border-radius:8px;place-items:center;width:46px;display:grid;overflow:hidden}.icon-image-preview img{object-fit:cover;width:100%;height:100%}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1180px){.workspace{grid-template-columns:minmax(320px,390px) minmax(0,1fr)}.poster-hero{grid-template-columns:minmax(0,1fr)}.hero-badges{display:none}}@media (width<=920px){.topbar{flex-direction:column;align-items:flex-start;position:static}.workspace{grid-template-columns:1fr}.editor-panel{border-bottom:1px solid #737b8a33;border-right:0;height:auto;position:relative;top:auto}.preview-stage{padding:16px 12px 32px}}@media (width<=640px){.topbar{padding:13px 14px}.topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.topbar-actions .save-pill{grid-column:1/-1;width:fit-content;max-width:100%}.topbar-actions .icon-button{width:100%}.topbar-actions .text-button{width:100%;min-width:0}.editor-panel{padding:12px}.field-grid,.icon-editor-row{grid-template-columns:1fr}.icon-editor-row{display:grid}.preview-toolbar{flex-direction:column;align-items:flex-start}.poster{border-radius:0}.poster-hero{min-height:0;padding:24px 20px 18px}.hero-copy h2{font-size:30px}.poster-section-list{padding:12px}.poster-card{padding:14px 13px 15px}.poster-items{grid-template-columns:1fr}.content-editor-backdrop{align-items:flex-end;padding:10px}.content-editor-card{max-height:calc(100vh - 20px)}.dialog-action-row{flex-direction:column;align-items:flex-start}}@media print{body{background:#fff}.topbar,.editor-panel,.preview-toolbar{display:none}.workspace{min-height:0;display:block}.preview-stage{padding:0;overflow:visible}.poster{width:100%;box-shadow:none;border:0}}