*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}h1,h2,h3,h4,h5,h6,p,blockquote,figure,dl,dd{margin:0}ul,ol{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}img,picture,video,canvas,svg{display:block;max-width:100%}img,video{height:auto}button,input,textarea,select,optgroup{font:inherit;color:inherit}button{background:none;border:0;padding:0}body{font-family:var(--font-family-body);background:var(--color-bg);color:var(--color-text-primary)}.button{display:inline-flex;align-items:center;justify-content:center;height:var(--button-height);padding:0 var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);background:var(--button-bg);color:var(--button-text);text-decoration:none;white-space:nowrap;transition:var(--transition-duration) ease;width:fit-content}.button:hover{background:var(--button-bg-hover)}.card{padding:var(--card-padding);border-radius:var(--card-radius);border:var(--card-border);background:var(--card-bg);color:var(--card-text-primary)}.card-content{display:grid;gap:var(--card-gap)}.card-title{font-family:var(--font-family-heading);font-size:var(--card-title-size);line-height:var(--section-text-line-height);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-text{font-size:var(--section-text-size);line-height:var(--section-text-line-height);color:var(--color-text-secondary)}.section-link{color:var(--button-bg);text-decoration:underline;text-underline-offset:var(--link-underline-offset)}.section-link:hover{color:var(--button-bg-hover)}.section-title{font-family:var(--font-family-heading);font-size:var(--section-title-size);line-height:var(--section-title-line-height);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.section-description{font-size:var(--section-text-size);line-height:var(--section-text-line-height);color:var(--color-text-secondary);max-width:var(--text-measure)}.section-header{display:grid;gap:var(--card-gap)}.section-content{display:grid;gap:var(--card-gap);align-items:start;max-width:var(--text-measure)}.section-grid{display:grid;gap:var(--card-gap);justify-self:stretch}.section-grid.grid-single{grid-template-columns:1fr}.section-grid.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section-inner{display:grid;gap:var(--section-gap)}@media(max-width:991.98px){.section-inner{grid-template-columns:1fr!important}}.section-inner.inner-stacked{grid-template-columns:1fr}.section-inner.inner-split,.section-inner.inner-split-reverse{grid-template-columns:1fr 1fr;align-items:start}.section-inner.inner-split-reverse>:first-child{order:2}.section-inner.inner-split-reverse>:nth-child(2){order:1}@media(max-width:991.98px){.section-inner.inner-split-reverse>*{order:initial!important}}.section-inner.inner-centered{grid-template-columns:1fr;justify-items:center;text-align:center}.section-inner.inner-centered .section-content{justify-items:center}.media-card{border-radius:var(--card-radius);overflow:hidden;background:var(--card-bg);border:var(--card-border)}.section-img{display:block;width:100%;height:100%;object-fit:cover}.section{padding:var(--section-padding-y) 0;background:var(--color-bg);color:var(--color-text-primary)}@media(max-width:991.98px){.section{padding:var(--section-padding-y-sm) 0}}.section-bg-alt{background:var(--color-bg-alt)}.container{max-width:var(--container-max-width);padding-left:var(--container-padding-x);padding-right:var(--container-padding-x);margin-left:auto;margin-right:auto;width:100%}.sectionDragHandle{border:var(--border);border-radius:8px;background:#f8fafc;padding:6px 4px;cursor:grab;font-size:14px;line-height:1;color:var(--muted)}.sectionDragHandle:active{cursor:grabbing}.sectionRow[data-dragging=true]{opacity:.85;box-shadow:0 8px 20px #0f172a26}.app{display:grid;grid-template-rows:auto 1fr;height:100dvh;background:#f6f7fb;color:#0f172a;font-family:Inter,Helvetica Neue,system-ui,sans-serif;min-width:1200px}:root{--gap-2: 8px;--gap-3: 12px;--gap-4: 16px;--gap-6: 24px;--gap-8: 32px;--gap-10: 48px;--radius: 10px;--border: 1px solid #d7dbe7;--card-bg: #fff;--muted: #6b7280;--accent: #2563eb;--accent-weak: #e0e7ff;--shadow: 0 10px 30px rgba(15, 23, 42, .06)}.topbar{display:flex;align-items:center;gap:var(--gap-3);padding:var(--gap-3) var(--gap-4);background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:var(--border);position:sticky;top:0;z-index:10}.topbarControls{display:flex;align-items:end;gap:var(--gap-3);width:100%}.pillGroup{display:grid;gap:var(--gap-2);padding:var(--gap-2) var(--gap-3);border:var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.pillGroup--split .dualSelect{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-2)}.presetRow{display:grid;grid-template-columns:1fr auto;gap:var(--gap-2);align-items:center}.accentRow{display:flex;gap:var(--gap-2);align-items:center}.accentRow input[type=color]{height:38px;width:56px;padding:4px;border:var(--border);border-radius:var(--radius);background:#fff}.topbarActions{display:grid;grid-auto-flow:column;gap:var(--gap-2);justify-content:start}.layout{display:grid;grid-template-columns:300px 1fr 360px;gap:var(--gap-4);padding:var(--gap-4);height:100%;overflow:hidden}.layoutFull{grid-template-columns:1fr}.layoutFull .previewPane{grid-column:1 / -1}.pane{background:var(--card-bg);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:var(--gap-4);padding:var(--gap-4);overflow:auto;position:sticky;top:calc(var(--gap-4) + 60px);max-height:calc(100vh - var(--gap-4) * 2 - 60px)}.paneLeft{min-width:260px;overflow-x:hidden}.paneRight{min-width:260px}.previewPane{background:transparent;padding:0;min-width:0;display:flex;align-items:stretch;justify-content:center}.previewFrame{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;height:100%;background:#fff}.block{display:grid;gap:var(--gap-3)}.label{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.01em}.sections{display:grid;gap:var(--gap-2)}.sectionRow{display:grid;grid-template-columns:auto 1fr auto;gap:var(--gap-2);align-items:center;padding:var(--gap-2);border:var(--border);border-radius:var(--radius);background:#fff}.sectionPick{justify-content:flex-start;text-align:left;min-width:0;overflow:hidden}.sectionPick__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sectionRow--selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.metadataRow{border:var(--border);border-radius:var(--radius);background:#fff;padding:var(--gap-3);display:grid;gap:4px;text-align:left}.metadataRow:hover{border-color:var(--accent)}.metadataRow--selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.metadataRow__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.metadataRow__title{font-weight:600;font-size:15px}.metadataRow__subtitle{font-size:13px;color:var(--muted)}.sectionActions{display:grid;grid-auto-flow:column;gap:var(--gap-2);align-items:center}.muted{font-size:12px;color:var(--muted)}.form{display:grid;gap:var(--gap-3)}.field{display:grid;gap:var(--gap-2)}.fieldLabel{font-size:12px;font-weight:600;color:var(--muted)}.field--wide textarea,.field--wide input,.field textarea,.field input{width:100%}.field input[type=file]{height:38px}.card{border:var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);padding:var(--gap-3);display:grid;gap:var(--gap-3);word-break:break-word}.cardList{display:grid;gap:var(--gap-2)}.cardItem{border:var(--border);border-radius:var(--radius);background:#fff;padding:var(--gap-2);display:grid;gap:var(--gap-2);box-shadow:inset 0 0 0 1px #0f172a05}.cardItemHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2);width:100%;background:none;border:none;padding:0;text-align:left}.cardItemTitle{font-weight:700}.cardItemBody{display:grid;gap:var(--gap-2)}.cardItemBody--grid{display:grid;gap:var(--gap-2);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cardItemFooter{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--gap-2)}input,textarea,select,button{font:inherit}input,textarea,select{padding:8px 10px;border:var(--border);border-radius:8px;background:#fff}button{padding:8px 12px;border:var(--border);border-radius:8px;background:#fff;cursor:pointer;transition:all .12s ease}button:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}button:disabled,button[disabled]{color:#94a3b8;border-color:#e5e7eb;background:#f8fafc;cursor:not-allowed;box-shadow:none}button:disabled:hover,button[disabled]:hover{color:#94a3b8;border-color:#e5e7eb;box-shadow:none}.btnPrimary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 8px 18px #2563eb40}.btnPrimary:hover{box-shadow:0 0 0 3px var(--accent-weak);color:#fff;border-color:var(--accent)}.btnGhost{background:#fff}.sectionsHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2)}.addRow{display:grid;grid-template-columns:1fr auto;gap:var(--gap-2)}.optionsHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2)}.modalOverlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--gap-6);background:#0f172a59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFade .18s ease-out;z-index:99}.upgradeModal{position:relative;width:min(480px,calc(100% - var(--gap-8)));border:var(--border);border-radius:var(--radius);background:var(--card-bg);box-shadow:0 30px 70px #292d372e;padding:var(--gap-8);display:grid;gap:var(--gap-4);animation:modalScale .18s ease-out}.modalCloseButton{position:absolute;top:var(--gap-3);right:var(--gap-3);width:32px;height:32px;border-radius:999px;border:var(--border);background:#ffffffe6;font-size:18px;line-height:1;display:grid;place-items:center;box-shadow:var(--shadow);padding:0}.upgradeContent,.activateContent{display:grid;gap:var(--gap-3);text-align:left}.upgradeTitle{font-size:22px;font-weight:700;color:#0f172a}.upgradeSubtitle{font-size:15px;color:var(--muted)}.btnHero{display:inline-flex;gap:var(--gap-2)}.btnHero svg{width:24px}.upgradeBullets{list-style:none;margin:0;padding:var(--gap-4) 0;display:grid;gap:var(--gap-2);color:#0f172a}.upgradeBullets li{display:flex;gap:var(--gap-4);align-items:center;font-weight:500}.upgradeBullets li:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px var(--accent-weak)}.upgradeCta{width:100%;height:48px;font-size:16px;font-weight:600}.upgradeLink{justify-self:center;color:var(--muted);border:none;box-shadow:none;border:var(--border)}.upgradeLink:hover{color:var(--accent);box-shadow:none}.licenseInput{width:100%;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.activationError,.activationSuccess{border-radius:var(--radius);padding:var(--gap-2) var(--gap-3);font-size:14px;line-height:1.4}.activationError{border:1px solid rgba(239,68,68,.4);background:#fee2e2cc;color:#b91c1c}.activationSuccess{border:1px solid rgba(34,197,94,.4);background:#dcfce7e6;color:#15803d}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.optionsTitle{font-weight:700}