#landing-builder{--lp-ink:#202838;--lp-muted:#626d80;--lp-line:#dce2ec;text-align:left;color:var(--lp-ink);max-width:1220px}
.lp-dialog{width:min(640px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:1px solid #dce2ec;border-radius:20px;padding:28px;color:#202838;box-shadow:0 24px 80px #17203340}
.lp-dialog::backdrop{background:#17203388}
.lp-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.lp-dialog-header h2{margin:0!important}
.lp-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp-purpose{display:flex;flex-direction:column;gap:12px;text-align:left;background:#fff;border:2px solid #dce2ec;border-radius:14px;padding:20px;color:#202838}
.lp-purpose[aria-pressed=true]{border-color:#4258d8;background:#f4f5ff}
.lp-purpose span:last-child{font-size:.85rem;line-height:1.5;color:#626d80}
.lp-purpose-symbol{font-size:30px;color:#4258d8;line-height:1}
.lp-content-drawer{margin:0 0 0 auto;border-radius:20px 0 0 20px;height:100dvh;max-height:100dvh;max-width:440px}
.lp-content-choice{display:grid;grid-template-columns:30px 1fr;gap:8px;text-align:left;padding:16px;background:#f5f7fb;border:1px solid #dce2ec;border-radius:12px;width:100%;color:#202838}
.lp-content-choice small{grid-column:2;color:#626d80}
.lp-content-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lp-content-platforms button{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid #dce2ec;border-radius:10px;background:white;padding:12px;text-align:left;text-transform:capitalize;color:#202838}
.lp-content-platforms svg{width:22px;height:22px;flex:none}
.lp-block-summary{display:flex;align-items:center;gap:12px;list-style:none}
.lp-block-summary::-webkit-details-marker{display:none}
.lp-block-summary::after{content:'+';font-size:20px;color:#626d80;flex:none}
details[open]>.lp-block-summary::after{content:'−'}
.lp-block-title{flex:1;min-width:0;font-weight:600;overflow-wrap:anywhere}
.lp-block-title small{display:block;font-size:.75rem;font-weight:400;color:#626d80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-hidden-badge{padding:4px 8px;border-radius:20px;background:#e8ebf1;color:#626d80;font-size:.7rem}
.lp-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lp-theme{border:2px solid #dce2ec;border-radius:12px;padding:8px;background:white;color:#202838;font-size:.85rem}
.lp-theme[aria-pressed=true]{border-color:#4258d8;box-shadow:0 0 0 1px #4258d8}
.lp-theme-sample{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;margin-bottom:8px;border-radius:7px;background:var(--sample-bg);color:#202838;font-family:var(--sample-font)}
.lp-theme-sample b{font-size:26px;line-height:1}
.lp-theme-sample i{width:80%;height:12px;background:var(--sample-accent);border-radius:var(--sample-radius)}
.lp-theme-clean{--sample-bg:#f5f7fb;--sample-accent:#4258d8;--sample-font:system-ui,sans-serif;--sample-radius:4px}
.lp-theme-botanical{--sample-bg:#f3f7f1;--sample-accent:#23634b;--sample-font:Georgia,serif;--sample-radius:4px}
.lp-theme-warm{--sample-bg:#fff7f0;--sample-accent:#a3412b;--sample-font:Georgia,serif;--sample-radius:20px}
.lp-theme-editorial{--sample-bg:#fff;--sample-accent:#202838;--sample-font:Georgia,serif;--sample-radius:0}
.lp-theme-playful{--sample-bg:#fff1fa;--sample-accent:#8b397a;--sample-font:system-ui,sans-serif;--sample-radius:20px}
.lp-theme-studio{--sample-bg:#eef2f6;--sample-accent:#334155;--sample-font:monospace;--sample-radius:0}
@media(max-width:575px){.lp-dialog{padding:20px}.lp-purpose-grid{grid-template-columns:1fr}.lp-purpose{gap:8px;padding:16px}.lp-themes{gap:8px}.lp-hidden-badge{padding:4px}.lp-content-drawer{width:calc(100% - 20px)}}
#landing-builder [hidden]{display:none!important}
.lp-library-card{overflow:hidden}.lp-thumbnail{position:relative;height:260px;overflow:hidden;background:#edf0f6;border-bottom:1px solid #dce2ec}
.lp-thumbnail iframe{position:absolute;left:50%;top:0;width:390px;height:640px;border:0;transform:translateX(-50%) scale(.72);transform-origin:top center;pointer-events:none;background:white}
.lp-thumbnail button{position:absolute;inset:0;border:0;background:transparent;width:100%;cursor:pointer}
.lp-thumbnail button:hover{box-shadow:inset 0 0 0 3px #4258d8}
.lp-social-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lp-social-preset{padding:10px;border:2px solid #dce2ec;border-radius:14px;background:white;color:#202838;text-align:left;min-width:0}
.lp-social-preset[aria-pressed=true]{border-color:#4258d8;box-shadow:0 0 0 1px #4258d8}
.lp-social-preset strong,.lp-social-preset small{display:block}.lp-social-preset strong{font-size:.85rem;margin-top:12px}.lp-social-preset small{font-size:.72rem;line-height:1.45;color:#626d80;margin-top:4px}
.lp-preset-art{display:flex;flex-direction:column;gap:7px;padding:12px;background:#edf0f7;border-radius:8px;min-height:142px;overflow:hidden}
.lp-preset-bio{display:flex;gap:7px;align-items:center;margin-bottom:6px}.lp-preset-bio i{display:block;width:26px;height:26px;flex:none;border-radius:50%;background:#91a0d0}.lp-preset-bio b{height:5px;width:55%;background:#8692ae;border-radius:3px}
.lp-preset-row{display:block;position:relative;height:17px;background:white;border-radius:5px}.lp-preset-row::before{content:'';position:absolute;left:5px;top:5px;width:7px;height:7px;background:#91a0d0;border-radius:2px}.lp-preset-row::after{content:'';position:absolute;left:18px;right:8px;top:8px;height:3px;background:#d4dbe8}
.lp-preset-banner{display:none}.lp-preset-grid{background:white}.lp-preset-grid .lp-preset-row{border-bottom:1px solid #dce2ec;border-radius:0}
.lp-preset-cover{background:#f7eee7;padding:0 10px 12px}.lp-preset-cover .lp-preset-banner{display:block;height:40px;background:linear-gradient(135deg,#8e4935,#e3c3ac);margin:0 -10px}.lp-preset-cover .lp-preset-bio{background:white;padding:6px;border-radius:6px;margin-top:-16px;z-index:1}
.lp-preset-tiles{display:grid;grid-template-columns:1fr 1fr;background:#f3effb}.lp-preset-tiles .lp-preset-bio{grid-column:1/-1;justify-content:center}.lp-preset-tiles .lp-preset-bio b{display:none}.lp-preset-tiles .lp-preset-row{height:36px}.lp-preset-tiles .lp-preset-row::after{left:6px;right:6px;top:25px}.lp-preset-tiles .lp-preset-row::before{left:calc(50% - 4px);top:8px;background:#9271bf}
.lp-preset-spotlight .lp-preset-bio{display:block}.lp-preset-spotlight .lp-preset-bio i{width:100%;height:40px;border-radius:5px;margin-bottom:6px}.lp-preset-spotlight .lp-preset-row:nth-child(3){height:24px;background:#253b58}
@media(max-width:575px){.lp-social-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-thumbnail iframe{transform:translateX(-50%) scale(.78)}}
#landing-builder.lp-editing>p{display:none}
#landing-builder.lp-editing>#lp-message.alert-success{display:none}
#landing-builder.lp-editing>h1{font-size:1.35rem;color:var(--lp-muted);margin-bottom:24px}
#lp-workspace>section{padding-top:0;padding-bottom:0}
#landing-builder .card{border:1px solid var(--lp-line);border-radius:16px;box-shadow:0 3px 14px #20283805}
#landing-builder .card-body{padding:24px}
#landing-builder label{margin-bottom:16px;font-size:.9rem;font-weight:600}
#landing-builder .form-control,#landing-builder .form-select{margin-top:6px;min-height:44px;border-color:#cdd5e1;border-radius:8px;font-weight:400}
#landing-builder textarea{min-height:96px;resize:vertical}
#landing-builder h2{margin-bottom:16px}
#landing-builder button:focus-visible,#landing-builder summary:focus-visible{outline:3px solid #4258d8;outline-offset:3px}
#landing-builder .invalid-feedback{display:block;font-weight:400}
#landing-builder [aria-invalid=true]{border-color:#b42318;box-shadow:0 0 0 1px #b42318}
#landing-builder input,#landing-builder select,#landing-builder textarea{scroll-margin-top:110px}
#landing-builder .is-invalid:focus{outline:2px solid #b42318;outline-offset:2px}
#landing-builder summary{cursor:pointer}
#landing-builder .form-text{font-weight:400;color:var(--lp-muted);font-size:.8rem}
.lp-library-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 16px;padding:24px;background:#f5f7fb;border:1px solid var(--lp-line);border-radius:16px}
.lp-library-tools h2,.lp-library-tools p{margin-bottom:4px!important}
.lp-editor-heading{display:flex;align-items:center;gap:20px;padding:8px 0 24px}
#lp-editor-title{overflow-wrap:anywhere}
.lp-unsaved{color:#915000}
.lp-section-nav{display:flex;gap:8px;border-bottom:1px solid var(--lp-line);padding-bottom:12px}
.lp-section-nav button{display:flex;gap:10px;align-items:center;background:transparent;border:0;border-radius:10px;padding:12px 18px;color:var(--lp-muted);font-weight:600}
.lp-section-nav button>span:first-child{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e9edf4;font-size:.8rem}
.lp-section-nav button[aria-pressed=true]{background:#eef0ff;color:#334bb5}
.lp-section-nav button[aria-pressed=true]>span:first-child{background:#4258d8;color:white}
.lp-editor-icon{display:inline-flex;flex-shrink:0;width:36px;height:36px;color:#4258d8}
.lp-editor-icon svg{width:28px;height:28px}
.lp-link-heading{display:flex;align-items:center;gap:14px}
.lp-link-heading label{flex:1}
.lp-link-card{background:#fafbfd;border-color:var(--lp-line)!important}
.lp-count{font-size:.75rem;color:var(--lp-muted);font-weight:400}
.lp-menu-category summary{font-weight:600}.lp-menu-category summary .lp-count{float:right;margin-top:3px}
.lp-platforms{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 20px}
.lp-platforms button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--lp-line);border-radius:12px;background:white;color:var(--lp-ink)}
.lp-platforms button:hover{background:#eef0ff;border-color:#4258d8;color:#4258d8}
.lp-platforms svg{width:21px;height:21px}
.lp-platforms button:disabled{opacity:.4;cursor:not-allowed}
.lp-empty-hint,.lp-info{padding:16px;background:#f5f7fb;border-radius:10px;color:var(--lp-muted);font-size:.9rem}
.lp-layouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lp-layout{border:2px solid var(--lp-line);background:white;border-radius:12px;padding:12px 8px;color:var(--lp-ink);font-size:.85rem}
.lp-layout[aria-pressed=true]{border-color:#4258d8;background:#f3f4ff;color:#334bb5;box-shadow:0 0 0 1px #4258d8}
.lp-layout-art{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:5px;width:64px;height:88px;padding:9px 7px;margin:0 auto 10px;border:1px solid #c4ccdc;border-radius:8px;background:#fff}
.lp-layout-art i{display:block;border-radius:50%;background:#a9b7e9;width:19px;height:19px;margin:0 14px 5px}
.lp-layout-art b{display:block;width:100%;height:8px;border-radius:3px;background:#d8dff2}
.lp-layout-grid b{width:100%;height:6px}
.lp-layout-cover i{width:100%;height:25px;border-radius:2px;margin:0 0 4px}
.lp-layout-tabs i{width:100%;height:6px;border-radius:2px;margin:2px 0 8px}
.lp-layout-accordion b{height:12px;border-left:3px solid #a9b7e9}
.lp-layout-cards b{height:18px;width:20px}
.lp-palettes{display:flex;flex-wrap:wrap;gap:8px}
.lp-palettes button{display:flex;align-items:center;gap:6px;border:1px solid var(--lp-line);border-radius:20px;background:white;padding:8px 10px;font-size:.8rem;color:var(--lp-ink)}
.lp-palettes button[aria-pressed=true]{border-color:#4258d8;box-shadow:0 0 0 1px #4258d8}
.lp-swatch{width:18px;height:18px;border-radius:50%;border:1px solid #0002}
.lp-swatch-indigo{background:#4258d8}.lp-swatch-forest{background:#23634b}.lp-swatch-terracotta{background:#a3412b}.lp-swatch-ink{background:#202838}
.lp-save-bar{position:sticky;bottom:12px;z-index:10;background:white;border:1px solid var(--lp-line);border-radius:12px;padding:16px;margin:20px 0;box-shadow:0 -4px 20px #17203312}
.lp-save-bar p:empty{display:none}
#lp-message.alert-danger{position:sticky;top:8px;z-index:20}
.lp-preview-sticky{position:sticky;top:24px;background:#f3f5f9;border:1px solid var(--lp-line);border-radius:20px;padding:24px;text-align:center}
.lp-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}
.lp-preview-heading h2{margin:0!important}
.lp-preview-badge{font-size:.7rem;color:#23634b;border-radius:20px;background:#e4eee8;padding:5px 9px}
.lp-phone{position:relative;max-width:350px;margin:auto;border:7px solid #202838;border-radius:32px;overflow:hidden;background:white;box-shadow:0 12px 28px #2028381a}
#lp-preview{display:block;border:0;width:100%;height:580px;background:white}
#lp-preview-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;pointer-events:none;background:#fff}
.lp-preview-placeholder{width:56px;height:56px;border-radius:50%;background:#e7ebf6;margin-bottom:24px;box-shadow:0 80px 0 -16px #e7ebf6}
#lp-preview-empty h3{margin:0 0 12px}
@media(max-width:991px){.lp-preview-sticky{position:static}.lp-library-tools{align-items:flex-start;flex-direction:column}.lp-save-bar{bottom:0}.lp-section-nav button{flex:1;justify-content:center;padding:12px 8px}.lp-editor-heading{align-items:flex-start}}
@media(max-width:575px){#landing-builder .card-body{padding:18px}.lp-section-nav{gap:4px}.lp-section-nav button{gap:6px;font-size:.8rem}.lp-section-nav button>span:first-child{display:none}.lp-editor-heading{flex-direction:column;gap:12px}.lp-preview-sticky{padding:16px}.lp-layouts{gap:8px}.lp-library-tools{padding:18px}#landing-builder .btn-group .btn{min-height:40px}.lp-phone{max-width:100%}}