:root{--ink:#0b0b0c;--ink-soft:#17171a;--ink-2:#2a2a2e;--muted:#8a8a90;--muted-2:#b8b8bc;--line:#e8e6e0;--line-2:#d8d5ce;--line-3:#efede7;--paper:#f7f5ef;--paper-2:#fbfaf5;--card:#fff;--canvas-bg:#fafaf7;--accent-h:250;--accent:oklch(58% 0.09 var(--accent-h));--accent-soft:oklch(92% 0.04 var(--accent-h));--accent-ink:oklch(30% 0.08 var(--accent-h));--radius:10px;--radius-sm:6px;--radius-lg:14px;--shadow-sm:0 1px 0 rgba(10,10,12,.04),0 1px 2px rgba(10,10,12,.04);--shadow-md:0 2px 4px rgba(10,10,12,.04),0 8px 24px rgba(10,10,12,.06);--shadow-lg:0 12px 28px -8px rgba(10,10,12,.18),0 2px 6px rgba(10,10,12,.06);--shadow-drag:0 24px 48px -12px rgba(10,10,12,.25),0 4px 10px rgba(10,10,12,.08);--ease-out:cubic-bezier(.22,1,.36,1);--ease-snap:cubic-bezier(.34,1.3,.64,1);--ease-soft:cubic-bezier(.4,0,.2,1);--font-ui:"Inter Tight",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-display:"Fraunces",Georgia,serif;--lb-content-x:clamp(1.5rem,1rem + 2.2vw,3rem);--lb-content-x-compact:clamp(1rem,.75rem + 1vw,2rem);--lb-block-y:1rem;--lb-grid-gap:clamp(1rem,.72rem + 1.35vw,2rem);--lb-section-gap:clamp(2.5rem,1.82rem + 3vw,5rem);--lb-radius-xs:.1875rem;--lb-radius-sm:.375rem;--lb-radius-md:.5rem;--lb-radius-lg:.875rem;--lb-radius-xl:1.375rem;--lb-fs-caption:.6875rem;--lb-fs-label:.75rem;--lb-fs-button:.875rem;--lb-fs-body:.96875rem;--lb-fs-lead:1.125rem;--lb-fs-h3:1.5rem;--lb-fs-h2:2.25rem;--lb-fs-h1:3.25rem;--lb-size-scale:1}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font-ui);font-feature-settings:"ss01","cv11";color:var(--ink);background:var(--paper);overflow:hidden;-webkit-font-smoothing:antialiased}button{border:none;background:none;cursor:pointer}button,input,textarea{font:inherit;color:inherit}.auth-page,.builder-loading,.dashboard{min-height:100vh;background:linear-gradient(var(--line-3) 1px,transparent 1px),linear-gradient(90deg,var(--line-3) 1px,transparent 1px);background-size:24px 24px;background-color:var(--paper)}.auth-page{display:grid;place-items:center;padding:24px}.auth-panel{width:min(100%,420px);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:26px;box-shadow:var(--shadow-lg)}.auth-brand{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:550}.auth-copy{margin:34px 0 22px}.auth-copy h1,.dashboard h1{margin:0;font-size:32px;line-height:1;font-family:var(--font-display);font-weight:450}.auth-copy p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.auth-form{display:grid;grid-gap:10px;gap:10px}.auth-form input{width:100%;padding:10px 11px;border-radius:7px;border:1px solid var(--line);background:var(--paper-2)}.auth-submit{margin-top:6px;width:100%;padding:10px 12px;border-radius:7px;background:var(--ink);color:var(--paper-2);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin-top:16px;color:var(--muted);font-size:12px;text-align:center}.auth-switch a{color:var(--ink);text-decoration:none;font-weight:550}.auth-alert,.dashboard-alert{border:1px solid var(--line);background:var(--paper-2);color:var(--ink-soft);border-radius:7px;padding:9px 10px;font-size:12px;line-height:1.5}.auth-alert--error,.dashboard-alert{border-color:oklch(75% .1 25);color:oklch(48% .16 25)}.dashboard{overflow-y:auto;padding:34px}.dashboard__top{max-width:1120px;margin:0 auto 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.dashboard__brand{margin-bottom:18px}.dashboard__account{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.dashboard-alert,.dashboard-empty{max-width:1120px;margin:0 auto 18px}.dashboard-empty{color:var(--muted);font-size:13px}.sites-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:16px;gap:16px}.site-card{position:relative;min-height:190px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px;text-align:left;overflow:hidden;box-shadow:var(--shadow-sm)}.site-card--new{display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;color:var(--muted);border-style:dashed}.site-card--new strong{color:var(--ink)}.site-card--new small,.site-card__body small{color:var(--muted);font-size:11px}.site-card__plus{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--paper-2);color:var(--ink-soft)}.site-card__preview{height:112px;border-radius:6px;background:linear-gradient(135deg,var(--paper-2),var(--line-3));border:1px solid var(--line-3);display:grid;place-items:center;font-family:var(--font-display);font-size:42px;color:var(--muted-2)}.site-card__body{padding:12px 2px 0;display:grid;grid-gap:4px;gap:4px}.site-card__body strong{font-size:14px;font-weight:550}.site-card__edit{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 10px;border-radius:6px;background:var(--ink);color:var(--paper-2);font-size:12px;opacity:0;transform:translateY(6px);transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.site-card:hover .site-card__edit{opacity:1;transform:translateY(0)}.site-create-modal .modal__body{padding:16px 18px}.builder-loading{display:grid;place-items:center;align-content:center;grid-gap:14px;gap:14px;color:var(--muted)}.app{display:grid;grid-template-rows:52px 1fr;grid-template-columns:260px 1fr 300px;grid-template-areas:"top top top" "palette canvas props";height:100vh;background:var(--paper)}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;border-bottom:1px solid var(--line);background:hsla(50,43%,97%,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;position:relative}.brand,.topbar__center,.topbar__left,.topbar__right{display:flex;align-items:center;gap:10px}.brand{font-weight:500;font-size:13.5px;letter-spacing:-.01em}.brand__mark{width:22px;height:22px;position:relative;background:var(--ink);border-radius:5px;display:grid;place-items:center}.brand__mark:after,.brand__mark:before{content:"";position:absolute;background:var(--paper)}.brand__mark:before{width:8px;height:2px;top:8px;left:4px}.brand__mark:after{width:2px;height:8px;top:4px;left:10px}.brand__sep{opacity:.3}.brand__project{color:var(--muted);font-weight:400}.topbar-nav{display:flex;gap:2px;padding:3px;background:var(--line-3);border-radius:8px;margin-left:8px}.topbar-nav button{height:26px;padding:0 9px;border-radius:6px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;transition:all .15s var(--ease-out)}.topbar-nav button.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.topbar-nav button:hover:not(.active){color:var(--ink-soft)}.device-toggle{display:flex;gap:2px;padding:3px;background:var(--line-3);border-radius:8px}.device-toggle button{padding:5px 10px;border-radius:6px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;transition:all .2s var(--ease-out)}.device-toggle button.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.device-toggle button:hover:not(.active),.tb-btn{color:var(--ink-soft)}.tb-btn{height:32px;padding:0 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;transition:background .15s var(--ease-out)}.tb-btn:hover{background:var(--line-3)}.tb-btn--ghost{color:var(--muted)}.publish-btn{height:32px;padding:0 14px 0 16px;background:var(--ink);color:var(--paper-2);border-radius:8px;font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:transform .15s var(--ease-snap),background .15s;position:relative;overflow:hidden}.publish-btn:hover{background:#000;transform:translateY(-1px)}.publish-btn:active{transform:translateY(0)}.publish-btn__dot{width:6px;height:6px;border-radius:50%;background:oklch(80% .14 142);box-shadow:0 0 0 3px oklch(80% .14 142/.2)}.save-indicator{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;color:var(--muted);letter-spacing:.02em}.save-indicator__dot{width:5px;height:5px;border-radius:50%;background:var(--muted-2)}.palette{grid-area:palette;border-right:1px solid var(--line);background:var(--paper-2);overflow-y:auto;padding:18px 14px 24px}.palette__section{margin-bottom:18px}.palette__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;padding:0 6px 10px;display:flex;justify-content:space-between}.palette__grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.palette__grid--wide{grid-template-columns:1fr}.palette__item{position:relative;aspect-ratio:1.15/1;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 10px 9px;display:flex;flex-direction:column;justify-content:space-between;cursor:-webkit-grab;cursor:grab;transition:transform .18s var(--ease-out),border-color .15s,box-shadow .18s;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.palette__item:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 100% 0,var(--accent-soft),transparent 50%);opacity:0;transition:opacity .25s var(--ease-out);pointer-events:none}.palette__item:hover{border-color:var(--line-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}.palette__item:hover:before{opacity:.7}.palette__item:active{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(.98)}.palette__item.dragging{opacity:.35}.palette__item__icon{color:var(--ink);position:relative;z-index:1}.palette__item__label{font-size:12px;font-weight:450;letter-spacing:-.005em;position:relative;z-index:1}.palette__item__hint{position:absolute;right:8px;top:8px;font-family:var(--font-mono);font-size:9px;color:var(--muted-2);letter-spacing:.04em;opacity:0;transition:opacity .2s var(--ease-out)}.palette__item:hover .palette__item__hint{opacity:1}.pbp{width:100%;flex:1 1;display:flex;align-items:center;justify-content:flex-start;gap:3px;padding:6px 0 4px}.pbp__line{height:2px;background:var(--ink);border-radius:1px}.pbp__line--thin{background:var(--muted-2)}.pbp--icon{justify-content:center;align-items:center;color:var(--ink-soft);padding:2px 0 0;transition:color .2s var(--ease-out),transform .2s var(--ease-out)}.palette__item:hover .pbp--icon{color:var(--ink);transform:translateY(-1px)}.pages-panel{display:flex;flex-direction:column;gap:16px}.pages-panel__head{display:flex;align-items:flex-start;justify-content:space-between;padding:2px 6px 0}.pages-panel__eyebrow{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.pages-panel__head h2{margin:0;font-size:17px;font-weight:500;letter-spacing:-.015em}.pages-panel__count{min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:10px}.pages-list{display:flex;flex-direction:column;gap:7px}.page-row{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);text-align:left;transition:border-color .15s,box-shadow .18s var(--ease-out),transform .18s var(--ease-out)}.page-row:hover{border-color:var(--line-2);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.page-row.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.page-row__icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:var(--paper-2);color:var(--muted);border:1px solid var(--line-3);flex:0 0 auto}.page-row.active .page-row__icon{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-soft)}.page-row__meta{min-width:0;display:flex;flex-direction:column;gap:2px}.page-row__name{font-size:12.5px;font-weight:500;color:var(--ink-soft)}.page-row__name,.page-row__path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-row__path{font-size:10px}.page-row__path,.pages-empty{font-family:var(--font-mono);color:var(--muted)}.pages-empty{padding:20px 10px;border:1px dashed var(--line-2);border-radius:var(--radius);font-size:10.5px;text-align:center}.page-create{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.page-create__button{width:100%;height:34px;border-radius:8px;background:var(--ink);color:var(--paper-2);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:500;transition:background .15s,transform .15s var(--ease-snap),opacity .15s}.page-create__button:hover:not(:disabled){background:#000;transform:translateY(-1px)}.page-create__button:disabled{opacity:.45;cursor:default}.canvas-wrap{grid-area:canvas;position:relative;overflow:auto;background:radial-gradient(circle at 1px 1px,var(--line-2) 1px,transparent 0);background-size:18px 18px;background-color:var(--paper);display:flex;justify-content:center;padding:64px 24px 120px}.canvas-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,transparent,var(--paper) 70%);pointer-events:none}.canvas-toolbar{position:absolute;left:50%;top:20px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10.5px;color:var(--muted);padding:5px 12px;background:var(--card);border:1px solid var(--line);border-radius:100px;box-shadow:var(--shadow-sm);z-index:5}.canvas-toolbar__dot{width:6px;height:6px;border-radius:50%;background:oklch(82% .12 140)}.viewport-frame{position:relative;width:100%;max-width:1120px;align-self:flex-start;transition:max-width .5s var(--ease-out),width .5s var(--ease-out)}.viewport-frame--tablet{max-width:820px}.viewport-frame--mobile{max-width:390px}.viewport-frame--resizing{transition:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viewport-frame--resizing,.viewport-frame--resizing *{cursor:ew-resize!important}.viewport{background:var(--card);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;transition:width .5s var(--ease-out),max-width .5s var(--ease-out),transform .32s var(--ease-out),box-shadow .32s var(--ease-out);width:100%;position:relative}.viewport-handle{position:absolute;top:0;bottom:0;width:16px;z-index:6;cursor:ew-resize;touch-action:none;display:flex;align-items:center;justify-content:center}.viewport-handle--left{left:-8px}.viewport-handle--right{right:-8px}.viewport-handle__line{position:absolute;top:14px;bottom:14px;left:50%;width:3px;box-shadow:0 0 0 1px oklch(64% .18 250/.25),0 4px 14px oklch(64% .18 250/.35);transform:translateX(-50%) scaleY(.45);transition:opacity .22s var(--ease-out),transform .32s var(--ease-snap),background-color .15s var(--ease-out)}.viewport-handle__grip,.viewport-handle__line{border-radius:999px;background:oklch(64% .18 250);opacity:0;pointer-events:none}.viewport-handle__grip{position:relative;width:6px;height:36px;box-shadow:0 4px 12px oklch(64% .18 250/.45),inset 0 0 0 1px oklch(78% .14 250/.6);transform:scale(.6);transition:opacity .22s var(--ease-out),transform .32s var(--ease-snap)}.viewport-frame--resizing .viewport-handle__line,.viewport-handle:hover .viewport-handle__line{opacity:1;transform:translateX(-50%) scaleY(1)}.viewport-frame--resizing .viewport-handle__grip,.viewport-handle:hover .viewport-handle__grip{opacity:1;transform:scale(1)}.viewport-frame--resizing .viewport-handle__line{background:oklch(58% .2 250)}.viewport-resize-tooltip{position:absolute;bottom:-38px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;padding:6px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;box-shadow:0 6px 18px rgba(10,10,12,.25);animation:viewport-tooltip-in .14s var(--ease-out);z-index:7}.viewport-resize-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;background:var(--ink);border-radius:1px}@keyframes viewport-tooltip-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.viewport--tablet{max-width:820px}.viewport--mobile{max-width:390px}.viewport--section-drag{transform:scale(.92);box-shadow:0 1rem 2.5rem -.75rem rgba(10,10,12,.24),0 .125rem .375rem rgba(10,10,12,.08)}.viewport__chrome{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line-3);background:var(--paper-2)}.viewport__dots{display:flex;gap:5px}.viewport__dots span{width:9px;height:9px;border-radius:50%;background:var(--line-2)}.viewport__url{flex:1 1;background:var(--card);border:1px solid var(--line-3);border-radius:6px;padding:4px 10px;font-family:var(--font-mono);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.viewport__url b{color:var(--ink-soft);font-weight:500}.viewport__body{min-height:800px;background:var(--card)}.canvas-section{position:relative;transition:transform .22s var(--ease-out),opacity .22s var(--ease-out),box-shadow .22s var(--ease-out),outline-color .16s var(--ease-out);outline:1.5px solid transparent;outline-offset:-1.5px}.canvas-section--dragging{opacity:.8}.canvas-section--dragging .canvas-section__handle,.canvas-section--selected .canvas-section__handle,.canvas-section:hover .canvas-section__handle{opacity:1;transform:translateY(0)}.canvas-section--selected{outline-color:var(--accent)}.canvas-section__handle{top:.5rem;right:.5rem;z-index:8;gap:.375rem;padding:.3125rem .5625rem;border:1px solid var(--line);background:hsla(0,0%,100%,.92);color:var(--ink-soft);box-shadow:var(--shadow-sm);font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;opacity:0;transform:translateY(-.25rem);transition:opacity .16s var(--ease-out),transform .16s var(--ease-out),background .16s}.canvas-section__handle,.canvas-section__layout-prompt{position:absolute;display:inline-flex;align-items:center;border-radius:999rem}.canvas-section__layout-prompt{left:50%;top:50%;z-index:7;transform:translate(-50%,-50%);gap:.5rem;padding:.625rem .875rem;background:var(--ink);color:var(--paper-2);box-shadow:var(--shadow-md);font-size:.75rem;font-weight:500;white-space:nowrap;transition:transform .16s var(--ease-snap),background .16s}.canvas-section__layout-prompt:hover{background:#000;transform:translate(-50%,-50%) translateY(-1px)}.canvas-section--parallax{overflow:hidden;isolation:isolate}.canvas-section__parallax-bg{position:absolute;inset:0;top:-150px;height:calc(100% + 300px);pointer-events:none;z-index:-1;will-change:transform}.canvas-section[data-lb-section-layout=edge-split-left]{overflow:hidden}.canvas-section[data-lb-section-layout=edge-split-left] [class*=__section-inner]{width:100%!important;max-width:none!important;padding:0!important}.canvas-section[data-lb-section-layout=edge-split-left] .region{width:100%}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-row{display:flex;gap:0;align-items:stretch;min-height:clamp(26rem,44vw,42rem)}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col{min-width:0;flex:0 0 50%;max-width:50%}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col[data-col-index="0"]{min-height:inherit}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col[data-col-index="0"] .b-image,.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col[data-col-index="0"] .b-image__inner,.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col[data-col-index="0"] .blk:has(.b-image){height:100%;min-height:inherit}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col[data-col-index="0"] .b-image{padding:0}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col[data-col-index="0"] .b-image__inner{aspect-ratio:auto}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col[data-col-index="0"] .b-image__img{object-fit:cover!important}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col[data-col-index="1"]{justify-content:center;padding:clamp(3rem,5vw,6rem) max(3rem,calc((100% - var(--theme-content-width, 70rem)) / 2 + 3rem)) clamp(3rem,5vw,6rem) clamp(2rem,4vw,5rem)}.canvas-section[data-lb-section-layout=edge-split-left][data-lb-edge-media-position=right] .canvas-col[data-col-index="0"]{order:2}.canvas-section[data-lb-section-layout=edge-split-left][data-lb-edge-media-position=right] .canvas-col[data-col-index="1"]{order:1;padding:clamp(3rem,5vw,6rem) clamp(2rem,4vw,5rem) clamp(3rem,5vw,6rem) max(3rem,calc((100% - var(--theme-content-width, 70rem)) / 2 + 3rem))}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col .region .canvas-row{min-height:0;gap:0}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col .region .canvas-col{flex:1 1;max-width:100%;min-height:0;padding:0;justify-content:flex-start;order:0}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col .region .canvas-col .b-image,.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col .region .canvas-col .b-image__inner{height:auto;min-height:0}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col .region .canvas-col .b-image__inner{aspect-ratio:16/9}.section-drop{height:0;margin:0 1.5rem;position:relative;pointer-events:none;transition:height .25s var(--ease-out),margin .25s var(--ease-out)}.section-drop.visible{height:2.75rem;margin:.5rem 1.5rem;pointer-events:auto}.section-drop.active{height:4.5rem;margin:.75rem 1.5rem}.section-drop__line{position:absolute;left:0;right:0;top:50%;height:.25rem;margin-top:-.125rem;border-radius:999rem;background:var(--accent);box-shadow:0 0 0 .375rem var(--accent-soft);transform:scaleX(0);opacity:0;transition:transform .2s var(--ease-out),opacity .2s var(--ease-out)}.section-drop.active .section-drop__line{transform:scaleX(1);opacity:1;animation:dropGlow 2s ease infinite}.section-drop__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.1875rem .5rem;border-radius:999rem;background:var(--card);color:var(--accent-ink);border:1px solid var(--accent-soft);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .2s var(--ease-out)}.section-drop.active .section-drop__label{opacity:1}.sections-empty{min-height:14rem;margin:1.5rem;border:1.5px dashed var(--line-2);border-radius:var(--radius);background:linear-gradient(var(--line-3) 1px,transparent 1px),linear-gradient(90deg,var(--line-3) 1px,transparent 1px);background-size:1.5rem 1.5rem;display:grid;place-items:center;grid-gap:.5rem;gap:.5rem;color:var(--muted);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase}.sections-empty__icon{width:2rem;height:2rem;border-radius:50%;border:1px solid var(--line-2);background:var(--paper-2);display:grid;place-items:center}.blk{position:relative;transition:outline-color .15s var(--ease-out),background .15s var(--ease-out);outline:1.5px solid transparent;outline-offset:-1.5px}.blk:hover{outline-color:var(--accent-soft)}.blk.selected{outline-color:var(--accent)}.blk--locked{cursor:default}.blk__tag{position:absolute;top:-22px;left:-1px;background:var(--accent);color:#fff;padding:2px 7px;border-radius:4px 4px 0 0;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translateY(4px);transition:opacity .15s var(--ease-out),transform .15s var(--ease-out);pointer-events:none;z-index:3}.blk.selected .blk__tag{opacity:1;transform:translateY(0)}.blk__controls{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .15s var(--ease-out);z-index:3}.blk.selected .blk__controls,.blk:hover .blk__controls{opacity:1}.blk__ctl{width:24px;height:24px;border-radius:6px;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-soft);transition:background .12s}.blk__ctl:hover{background:var(--card);color:var(--ink)}.blk__ctl.ghost{background:transparent;border:1px dashed var(--line-2)}.blk__image-upload{position:absolute;left:50%;top:.5rem;z-index:4;transform:translate(-50%,-.25rem);opacity:0;display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:999rem;background:hsla(0,0%,100%,.94);border:1px solid var(--line);color:var(--ink-soft);box-shadow:var(--shadow-sm);font-size:.6875rem;transition:opacity .15s var(--ease-out),transform .15s var(--ease-out),background .15s}.blk.selected .blk__image-upload,.blk:hover .blk__image-upload{opacity:1;transform:translate(-50%)}.blk__image-upload:hover{background:var(--ink);color:var(--paper-2)}.b-size--xs{--lb-size-scale:.78}.b-size--sm{--lb-size-scale:.88}.b-size--md{--lb-size-scale:1}.b-size--lg{--lb-size-scale:1.16}.b-size--xl{--lb-size-scale:1.34}.b-heading{padding:1.25rem var(--lb-content-x) .5rem}.b-heading h1,.b-heading h2,.b-heading h3{margin:0;font-family:var(--font-display);font-weight:400;letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance}.b-heading h1{font-size:calc(var(--lb-fs-h1) * var(--lb-size-scale));line-height:1.05}.b-heading h2{font-size:calc(var(--lb-fs-h2) * var(--lb-size-scale));line-height:1.1}.b-heading h3{font-size:calc(var(--lb-fs-h3) * var(--lb-size-scale));line-height:1.2}.b-text{padding:.25rem var(--lb-content-x) 1.25rem}.b-text p{margin:0;font-size:calc(var(--lb-fs-body) * var(--lb-size-scale));line-height:1.65;color:var(--ink-2);max-width:62ch;overflow-wrap:anywhere}.b-text--lead p{font-size:calc(var(--lb-fs-lead) * var(--lb-size-scale));color:var(--ink-soft);max-width:56ch}.b-image{padding:.75rem calc(var(--lb-content-x) * .67)}.b-image__inner{width:100%;aspect-ratio:16/9;border-radius:0;overflow:hidden;background:transparent;position:relative;display:grid;place-items:center;max-width:100%}.b-image__inner:not(:has(.b-image__img)){background:linear-gradient(160deg,#d4d0c1,#8b8a7e)}.b-image__inner:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 .5rem,rgba(0,0,0,.03) .5rem .5625rem)}.b-image__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0}.b-image__inner:has(.b-image__img):after{display:none}.b-image--portrait{aspect-ratio:3/4;max-width:26.25rem;margin:0 auto}.b-button{padding:.75rem var(--lb-content-x);display:flex;gap:.625rem}.b-button button{padding:.75rem 1.375rem;border-radius:var(--lb-radius-md);font-size:calc(var(--lb-fs-button) * var(--lb-size-scale));font-weight:500;letter-spacing:0;transition:transform .15s var(--ease-snap),background .15s;display:inline-flex;align-items:center;gap:.5rem;max-width:100%;white-space:normal;flex-wrap:wrap;text-align:center}.b-button button.primary{background:var(--ink);color:var(--paper-2)}.b-button button.primary:hover{background:#000;transform:translateY(-1px)}.b-button button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.b-button button.secondary:hover{border-color:var(--ink)}.b-button__arrow{font-size:1rem;line-height:1;margin-top:-.125rem}.b-divider{padding:.75rem var(--lb-content-x)}.b-divider__line{height:1px;background:var(--line)}.b-divider--dot{display:flex;justify-content:center;padding:1.25rem var(--lb-content-x)}.b-divider--dot .dots{display:flex;gap:.375rem}.b-divider--dot .dots span{width:.25rem;height:.25rem;border-radius:50%;background:var(--line-2)}.b-map{padding:.75rem calc(var(--lb-content-x) * .67)}.b-map__inner{aspect-ratio:16/7;border-radius:var(--lb-radius-md);overflow:hidden;position:relative;background:#e8e4d8;background-image:linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.04) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.02) 1px,transparent 0);background-size:5rem 5rem,5rem 5rem,1rem 1rem,1rem 1rem;max-width:100%}.b-map__road{position:absolute;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.04)}.b-map__road--1{left:0;right:0;top:44%;height:.625rem;transform:rotate(-3deg)}.b-map__road--2{top:0;bottom:0;left:38%;width:.5rem}.b-map__road--3{left:20%;right:20%;top:70%;height:.375rem;transform:rotate(2deg)}.b-map__pin{position:absolute;left:48%;top:42%;transform:translate(-50%,-100%);width:1.375rem;height:1.375rem;border-radius:50% 50% 50% 0;background:var(--accent);transform-origin:bottom left;transform:translate(-50%,-100%) rotate(-45deg);box-shadow:0 .25rem .625rem rgba(0,0,0,.2)}.b-map__pin:after{content:"";position:absolute;inset:.375rem;background:#fff;border-radius:50%}.b-video{padding:.75rem calc(var(--lb-content-x) * .67)}.b-video__inner{aspect-ratio:16/9;border-radius:var(--lb-radius-md);overflow:hidden;background:#1a1a1c;position:relative;display:grid;place-items:center;max-width:100%}.b-video__play{width:3.5rem;height:3.5rem;border-radius:50%;background:hsla(0,0%,100%,.95);display:grid;place-items:center;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.3)}.b-video__play:after{content:"";width:0;height:0;margin-left:.1875rem;border-left:.75rem solid var(--ink);border-top:.5rem solid transparent;border-bottom:.5rem solid transparent}.b-video__label{position:absolute;left:1rem;right:1rem;bottom:.875rem;font-family:var(--font-mono);font-size:var(--lb-fs-caption);color:hsla(0,0%,100%,.7);overflow-wrap:anywhere}.b-gallery{padding:.75rem calc(var(--lb-content-x) * .67)}.b-gallery__grid{display:grid;grid-template-columns:repeat(var(--gallery-cols,3),minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.b-gallery__cell{aspect-ratio:1;border-radius:var(--lb-radius-sm);overflow:hidden;background:linear-gradient(135deg,#c9c5ba,#a8a399);position:relative}.b-gallery__cell:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 .375rem,rgba(0,0,0,.04) .375rem .4375rem)}.b-gallery__cell:nth-child(2){background:linear-gradient(160deg,#b8b5a8,#8e8c81)}.b-gallery__cell:nth-child(3){background:linear-gradient(200deg,#d8d3c5,#a19c90)}.b-gallery__cell:nth-child(4){background:linear-gradient(120deg,#c2beb0,#969388)}.b-gallery__cell:nth-child(5){background:linear-gradient(180deg,#cec9bb,#a19d91)}.b-gallery__cell:nth-child(6){background:linear-gradient(220deg,#bdb9ac,#8b8879)}.b-form{padding:1rem var(--lb-content-x) 1.5rem;max-width:32.5rem;width:min(100%,32.5rem)}.b-form__field{margin-bottom:.75rem}.b-form__field label{display:block;font-size:var(--lb-fs-label);color:var(--muted);margin-bottom:.375rem;letter-spacing:0}.b-form__field input,.b-form__field textarea{width:100%;padding:.625rem .75rem;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--lb-radius-sm);font-size:var(--lb-fs-button);color:var(--ink);transition:border-color .15s,background .15s;max-width:100%}.b-form__field input:focus,.b-form__field textarea:focus{outline:none;border-color:var(--ink-soft);background:var(--card)}.b-form__field textarea{min-height:5rem;resize:vertical}.b-form button{background:var(--ink);color:var(--paper-2);padding:.625rem 1.125rem;border-radius:var(--lb-radius-sm);font-size:.8125rem;font-weight:500}.b-spacer{position:relative;width:100%;min-height:var(--spacer-size,4rem)}.b-spacer__inner{height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.625rem;color:transparent;transition:color .15s}.blk.selected .b-spacer__inner,.blk:hover .b-spacer__inner{color:var(--muted-2)}.canvas-row{align-items:stretch}.canvas-col,.canvas-row{display:flex;position:relative}.canvas-col{flex:1 1;min-width:0;flex-direction:column}.canvas-row--multi .canvas-col .b-button,.canvas-row--multi .canvas-col .b-form,.canvas-row--multi .canvas-col .b-heading,.canvas-row--multi .canvas-col .b-text{padding-left:1.5rem;padding-right:1.5rem}.canvas-row--multi .canvas-col .b-divider,.canvas-row--multi .canvas-col .b-gallery,.canvas-row--multi .canvas-col .b-image,.canvas-row--multi .canvas-col .b-map,.canvas-row--multi .canvas-col .b-video{padding-left:1rem;padding-right:1rem}.canvas-row--multi .canvas-col .b-heading h1{font-size:calc(2.5rem * var(--lb-size-scale))}.canvas-row--multi .canvas-col .b-heading h2{font-size:calc(1.75rem * var(--lb-size-scale))}.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-row{flex-direction:column;gap:1.125rem}.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-row>.col-drop{display:none}.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-row--multi .canvas-col .b-button,.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-row--multi .canvas-col .b-form,.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-row--multi .canvas-col .b-heading,.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-row--multi .canvas-col .b-text{padding-left:1.5rem;padding-right:1.5rem}.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-row--multi .canvas-col .b-divider,.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-row--multi .canvas-col .b-gallery,.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-row--multi .canvas-col .b-image,.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-row--multi .canvas-col .b-map,.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-row--multi .canvas-col .b-video{padding-left:1rem;padding-right:1rem}.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-row--multi .canvas-col .b-heading h1{font-size:calc(2.375rem * var(--lb-size-scale))}.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-row--multi .canvas-col .b-heading h2{font-size:calc(1.75rem * var(--lb-size-scale))}.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-section[data-lb-section-layout=edge-split-left] .canvas-row{flex-direction:column;min-height:0;gap:0}.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-section[data-lb-section-layout=edge-split-left] .canvas-col{flex-basis:auto;max-width:100%}.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-section[data-lb-section-layout=edge-split-left][data-lb-edge-media-position=right] .canvas-col[data-col-index="0"],.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-section[data-lb-section-layout=edge-split-left][data-lb-edge-media-position=right] .canvas-col[data-col-index="1"]{order:0}.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-section[data-lb-section-layout=edge-split-left] .canvas-col[data-col-index="0"] .b-image__inner{min-height:18rem}.viewport--mobile .theme-host[data-preview-device=mobile] .canvas-section[data-lb-section-layout=edge-split-left] .canvas-col[data-col-index="1"]{padding:2.25rem 1.5rem 3rem}.col-drop{width:0;align-self:stretch;flex-shrink:0;position:relative;transition:width .25s var(--ease-out);pointer-events:none}.col-drop.visible{width:5px;pointer-events:auto}.col-drop.active{width:28px}.col-drop__indicator{position:absolute;top:12px;bottom:12px;left:50%;width:2px;margin-left:-1px;background:var(--accent);border-radius:2px;transform:scaleY(0);transform-origin:center;opacity:0;transition:transform .22s var(--ease-out),opacity .22s var(--ease-out),box-shadow .22s var(--ease-out)}.col-drop.visible .col-drop__indicator{transform:scaleY(0);opacity:0}.col-drop.active .col-drop__indicator{transform:scaleY(1);opacity:1;box-shadow:0 0 0 2px var(--accent-soft),0 0 18px 5px var(--accent-soft);animation:dropGlow 2s ease infinite}.col-drop__hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:var(--font-mono);font-size:9px;color:var(--accent-ink);letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .2s var(--ease-out);white-space:nowrap;pointer-events:none}.col-drop.active .col-drop__hint{opacity:.85}.block-side-drop{position:absolute;top:.375rem;bottom:.375rem;width:2.25rem;z-index:2;pointer-events:auto;display:flex;align-items:center;justify-content:center}.block-side-drop--before{left:-.5rem}.block-side-drop--after{right:-.5rem}.block-side-drop__indicator{width:.125rem;height:36%;border-radius:999rem;background:var(--accent);transform:scaleY(0);opacity:0;transition:transform .2s var(--ease-out),opacity .2s var(--ease-out),height .2s var(--ease-out),box-shadow .2s var(--ease-out)}.block-side-drop.active .block-side-drop__indicator{height:calc(100% - .75rem);transform:scaleY(1);opacity:1;box-shadow:0 0 0 2px var(--accent-soft),0 0 18px 5px var(--accent-soft);animation:dropGlow 2s ease infinite}.stack-drop{height:0;margin:0 16px;position:relative;overflow:visible;transition:height .22s var(--ease-out),margin .22s var(--ease-out);pointer-events:none}.stack-drop.visible{height:6px;margin:1px 16px;pointer-events:auto}.stack-drop.active{height:16px;margin:3px 16px}.stack-drop__indicator{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--accent);border-radius:2px;transition:transform .22s var(--ease-out),opacity .22s var(--ease-out),box-shadow .22s var(--ease-out)}.stack-drop.visible .stack-drop__indicator,.stack-drop__indicator{transform:scaleX(0);opacity:0}.stack-drop.active .stack-drop__indicator{transform:scaleX(1);opacity:1;box-shadow:0 0 0 2px var(--accent-soft),0 0 18px 5px var(--accent-soft);animation:dropGlow 2s ease infinite}.drop-zone{height:2px;margin:0 32px;position:relative;transition:height .25s var(--ease-out),margin .25s var(--ease-out)}.drop-zone__indicator{position:absolute;inset:0;background:var(--accent);border-radius:2px;transform:scaleY(0);transform-origin:center;transition:transform .18s var(--ease-out)}.drop-zone.active{height:48px;margin:6px 32px}.drop-zone.active .drop-zone__indicator{transform:scaleY(1);animation:dropGlow 2s ease infinite}@keyframes dropGlow{0%,to{opacity:.9;box-shadow:0 0 0 2px var(--accent-soft),0 0 16px 4px var(--accent-soft)}50%{opacity:.6;box-shadow:0 0 0 5px var(--accent-soft),0 0 32px 10px var(--accent-soft)}}.drop-zone.hover-near .drop-zone__indicator{transform:scaleY(.3);opacity:.6}.empty-zone{margin:12px 32px 40px;min-height:140px;border-radius:10px;border:1.5px dashed var(--line-2);background-image:linear-gradient(var(--line-3) 1px,transparent 1px),linear-gradient(90deg,var(--line-3) 1px,transparent 1px);background-size:24px 24px;background-position:0 0;display:grid;place-items:center;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;transition:all .25s var(--ease-out);position:relative}.empty-zone__content{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.empty-zone__plus{width:28px;height:28px;border-radius:50%;background:var(--paper-2);border:1.5px dashed var(--line-2);display:grid;place-items:center;color:var(--muted-2);font-size:14px}.empty-zone.active{border-color:var(--accent);background-color:var(--accent-soft);background-image:linear-gradient(oklch(85% .06 var(--accent-h)) 1px,transparent 1px),linear-gradient(90deg,oklch(85% .06 var(--accent-h)) 1px,transparent 1px);color:var(--accent-ink)}.empty-zone.active .empty-zone__plus{background:var(--card);border-color:var(--accent);border-style:solid;color:var(--accent)}.inline-add{margin:0 32px;height:0;overflow:visible;transition:height .28s var(--ease-out),margin .28s var(--ease-out);position:relative;pointer-events:none}.inline-add.visible{height:12px;margin:2px 32px;pointer-events:auto}.inline-add.active{height:24px;margin:4px 32px}.inline-add__grid{height:100%;width:100%;position:relative;display:flex;align-items:center;justify-content:center;color:transparent;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;transition:color .2s var(--ease-out)}.inline-add__grid:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--accent);border-radius:2px;transform:scaleX(0);transform-origin:center;opacity:0;box-shadow:none;transition:transform .22s var(--ease-out),opacity .2s var(--ease-out),box-shadow .22s var(--ease-out)}.inline-add.active .inline-add__grid:before{transform:scaleX(1);opacity:1;box-shadow:0 0 0 2px var(--accent-soft),0 0 18px 5px var(--accent-soft);animation:dropGlow 2s ease infinite}@keyframes blockIn{0%{opacity:0;transform:translateY(-6px) scale(.99)}60%{opacity:1;transform:translateY(1px) scale(1.005)}to{opacity:1;transform:translateY(0) scale(1)}}.blk.entering{animation:blockIn .5s var(--ease-snap) both}.drag-ghost{position:fixed;pointer-events:none;z-index:1000;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;display:flex;align-items:center;gap:8px;font-size:12.5px;box-shadow:var(--shadow-drag);transform:translate(-50%,-50%) rotate(-1.5deg);opacity:.95;transition:opacity .15s}.drag-ghost__icon{color:var(--muted);display:flex}.props{grid-area:props;border-left:1px solid var(--line);background:var(--paper-2);overflow-y:auto;display:flex;flex-direction:column}.props__header{padding:16px 18px 12px;border-bottom:1px solid var(--line);justify-content:space-between}.props__header,.props__title{display:flex;align-items:center}.props__title{font-size:13px;font-weight:500;letter-spacing:-.005em;gap:8px}.props__tag{font-family:var(--font-mono);font-size:9.5px;color:var(--accent);background:var(--accent-soft);padding:2px 6px;border-radius:3px;letter-spacing:.04em;text-transform:uppercase}.props__body{padding:16px 18px;flex:1 1}.props__section{margin-bottom:22px}.props__section h4{margin:0 0 10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-weight:500}.field{margin-bottom:10px}.field__label{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--muted);margin-bottom:4px}.field__label b{color:var(--ink-soft);font-weight:450}.field input[type=number],.field input[type=text],.field select,.field textarea{width:100%;padding:7px 10px;background:var(--card);border:1px solid var(--line);border-radius:6px;font-size:12.5px;color:var(--ink);transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field textarea{resize:vertical;min-height:60px;font-family:inherit}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--line-3);padding:2px;border-radius:6px;grid-gap:2px;gap:2px}.seg button{padding:5px 8px;border-radius:4px;font-size:11.5px;color:var(--muted);transition:all .15s}.seg button.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.slider-row{display:flex;align-items:center;gap:10px}.slider-row input[type=range]{flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--line-2);border-radius:2px;outline:none}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ink);cursor:pointer;box-shadow:0 0 0 3px var(--paper-2),0 0 0 4px var(--line-2)}.slider-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ink);cursor:pointer;border:none}.slider-row__value{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);min-width:36px;text-align:right}.field__compact-number{max-width:4.25rem;flex:0 0 4.25rem}.color-row{display:flex;gap:6px;flex-wrap:wrap}.color-dot{width:22px;height:22px;border-radius:50%;cursor:pointer;transition:transform .15s var(--ease-snap),box-shadow .15s;border:1px solid var(--line-2)}.color-dot.active{transform:scale(1.12);box-shadow:0 0 0 2px var(--paper-2),0 0 0 3px var(--ink)}.color-dot--empty{background:linear-gradient(135deg,transparent 45%,oklch(62% .16 25) 45% 55%,transparent 55%),linear-gradient(45deg,#fff 25%,#f0f0f0 25% 50%,#fff 50% 75%,#f0f0f0 75%);background-size:100% 100%,.5rem .5rem}.color-dot--picker{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.color-dot--picker input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.section-props__hint{margin:.375rem 0 0;font-size:.6875rem;color:var(--ink-soft);line-height:1.45}.asset-field{display:grid;grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem;margin-bottom:.625rem}.asset-field__button{width:100%;justify-content:center;background:var(--card);border:1px solid var(--line)}.asset-field__quick{display:grid;place-items:center;min-height:2rem;border:1px dashed var(--line-2);border-radius:.375rem;background:var(--paper);color:var(--muted);font-size:.71875rem;cursor:pointer}.asset-field__quick input{display:none}.asset-field__remove{width:100%;min-height:2rem;border:1px solid var(--line);border-radius:.375rem;background:var(--card);color:oklch(48% .16 25);font-size:.71875rem}.asset-field__remove:hover{border-color:oklch(60% .18 25)}.dimension-grid,.section-order{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.section-order button{min-width:0;padding:.5rem .625rem;border-radius:.375rem;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-size:.71875rem;transition:border-color .15s var(--ease-out),color .15s var(--ease-out),opacity .15s var(--ease-out)}.section-order button:hover:not(:disabled){border-color:var(--ink-soft);color:var(--ink)}.section-order button:disabled{opacity:.38;cursor:not-allowed}.props__empty{padding:60px 20px;text-align:center;color:var(--muted)}.props__empty__icon{width:44px;height:44px;margin:0 auto 14px;border:1.5px dashed var(--line-2);border-radius:8px;display:grid;place-items:center;color:var(--muted-2)}.props__empty p{font-size:12.5px;margin:0 0 4px;line-height:1.5}.props__empty small{font-family:var(--font-mono);font-size:10px;color:var(--muted-2);letter-spacing:.04em}.props__footer{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:8px}.props__footer button{flex:1 1;padding:7px;border-radius:6px;font-size:11.5px;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:5px}.props__footer button:hover{border-color:var(--ink-soft)}.props__footer button.danger:hover{border-color:oklch(60% .18 25);color:oklch(55% .18 25)}.modal-scrim{position:fixed;inset:0;z-index:100;background:rgba(10,10,12,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;opacity:0;animation:scrimIn .25s var(--ease-out) both}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}.modal{width:440px;background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -20px rgba(0,0,0,.35),0 12px 28px -8px rgba(0,0,0,.2);animation:modalIn .35s var(--ease-snap) both;border:1px solid var(--line);transition:width .3s var(--ease-out);max-height:90vh;display:flex;flex-direction:column}.modal--wide{width:680px}.modal--section-library{width:min(860px,92vw)}.modal--asset-upload{width:min(460px,92vw)}.modal .modal__body{overflow-y:auto;flex:1 1}.section-library{padding:18px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.section-layout-card{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);text-align:left;overflow:hidden;transition:border-color .15s var(--ease-out),transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}.section-layout-card:hover{border-color:var(--ink-soft);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.section-layout-card__preview{height:124px;padding:16px;background:linear-gradient(180deg,#fbfaf5,#f1efe8);display:grid;grid-template-rows:1fr auto;grid-gap:.5rem;gap:.5rem;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.section-layout-card__preview>span{justify-self:start}.layout-thumb{align-self:stretch;min-height:0;display:grid;grid-gap:.5rem;gap:.5rem;padding:.25rem}.thumb-button,.thumb-line,.thumb-number,.thumb-quote{border-radius:.25rem;background:#2a2a2e;opacity:.78}.thumb-line{height:.375rem;width:100%}.thumb-line--title{height:.55rem;width:72%;opacity:.9}.thumb-line--lead{width:54%;opacity:.42}.thumb-line--short{width:58%;opacity:.48}.thumb-button{width:3.25rem;height:.875rem;border-radius:999rem;margin-top:.125rem}.thumb-cols{display:grid;grid-gap:.5rem;gap:.5rem;min-height:0}.thumb-cols--two{grid-template-columns:1fr 1fr;align-items:stretch}.thumb-cols--three{grid-template-columns:repeat(3,minmax(0,1fr))}.thumb-card,.thumb-copy,.thumb-metric,.thumb-statement,.thumb-testimonial{display:grid;grid-gap:.375rem;gap:.375rem;align-content:center;min-width:0}.thumb-card{padding:.35rem;border:1px solid rgba(42,42,46,.12);border-radius:.375rem;background:hsla(0,0%,100%,.54)}.thumb-media{min-height:1.75rem;border-radius:.25rem;background:linear-gradient(135deg,rgba(42,42,46,.18),rgba(42,42,46,.04)),linear-gradient(160deg,#cfc8b6,#8e8876)}.thumb-media--large{min-height:4.25rem}.thumb-edge-split{display:grid;grid-template-columns:1fr 1fr;margin:-.25rem;min-height:5.5rem;overflow:hidden;border-radius:.375rem;background:hsla(0,0%,100%,.54)}.thumb-media--edge{min-height:100%;border-radius:0}.thumb-edge-split .thumb-copy{padding:.75rem .65rem}.thumb-cols--metrics{align-items:center}.thumb-metric{min-height:3.5rem;padding:.5rem;border-radius:.375rem;background:hsla(0,0%,100%,.58)}.thumb-number{height:.875rem;width:62%}.thumb-testimonial{max-width:82%;align-self:center;justify-self:center}.thumb-quote{width:1.2rem;height:1.2rem;border-radius:50%;opacity:.25}.thumb-statement{height:100%;margin:-.25rem;padding:1.25rem;border-radius:.375rem;background:#1a1a1c}.thumb-statement .thumb-line{background:#f5f3ed}.thumb-parallax{position:relative;overflow:hidden;border-radius:.375rem;min-height:5.5rem;display:grid;align-items:center;padding:1rem}.thumb-parallax__bg{position:absolute;inset:-.75rem;background:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.72),transparent 26%),linear-gradient(135deg,#d5e0ff,#8f9ccb)}.thumb-parallax .thumb-copy{position:relative;max-width:70%}.section-layout-card__body{padding:12px;display:grid;grid-gap:8px;gap:8px}.section-layout-card__body>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-layout-card__body strong{font-size:13px;font-weight:550}.section-layout-card__body p,.section-layout-card__body small{color:var(--muted);font-size:11.5px;line-height:1.45}.section-layout-card__body p{margin:0}.section-layout-card__effect{width:max-content;padding:2px 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.asset-upload{display:grid;grid-gap:12px;gap:12px}.asset-drop{min-height:154px;border:1.5px dashed var(--line-2);border-radius:10px;background:var(--paper);display:grid;place-items:center;align-content:center;grid-gap:7px;gap:7px;text-align:center;cursor:pointer}.asset-drop input{display:none}.asset-drop__icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);color:var(--ink-soft)}.asset-drop strong{font-size:13px;font-weight:550}.asset-drop small{color:var(--muted);font-size:11.5px}.asset-upload__primary,.asset-upload__secondary{height:34px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px}.asset-upload__primary{background:var(--ink);color:var(--paper-2)}.asset-upload__primary:disabled,.asset-upload__secondary:disabled{opacity:.45;cursor:not-allowed}.asset-upload__secondary{border:1px solid var(--line);background:var(--card);color:var(--ink-soft)}.asset-upload__divider{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:10px;gap:10px;align-items:center;color:var(--muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.asset-upload__divider:after,.asset-upload__divider:before{content:"";height:1px;background:var(--line)}.preview-scrim{padding:2vh 2vw}.preview-modal{width:min(96vw,92rem);height:min(94vh,58rem);background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -20px rgba(0,0,0,.35),0 12px 28px -8px rgba(0,0,0,.2);display:grid;grid-template-rows:52px 1fr;animation:modalIn .35s var(--ease-snap) both}.preview-modal__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 14px 0 18px;border-bottom:1px solid var(--line);background:hsla(50,43%,97%,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.preview-modal__controls,.preview-modal__title{display:inline-flex;align-items:center;gap:.625rem}.preview-modal__title{font-size:.8125rem;font-weight:550}.preview-modal__stage{min-height:0;overflow:auto;display:flex;justify-content:center;padding:24px;background:radial-gradient(circle at 1px 1px,var(--line-2) 1px,transparent 0);background-size:18px 18px}.preview-modal__frame{width:100%;height:100%;min-height:40rem;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow-lg)}.preview-modal__stage--mobile .preview-modal__frame{width:390px;max-width:100%}.tab-bar{display:flex;gap:2px;padding:3px;background:var(--line-3);border-radius:8px;margin-bottom:14px}.tab-bar__btn{flex:1 1;padding:6px 10px;border-radius:6px;font-size:12px;color:var(--muted);transition:all .15s var(--ease-out)}.tab-bar__btn.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.tab-bar__btn:hover:not(.active){color:var(--ink-soft)}.code-panel{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper-2);margin-bottom:14px}.code-panel__head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;gap:10px;border-bottom:1px solid var(--line-3);background:var(--card);flex-wrap:wrap}.code-panel__actions{display:flex;align-items:center;gap:6px}.code-panel__meta{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.04em;margin-right:4px}.code-panel .tb-btn{height:28px;padding:0 10px;border-radius:6px;border:1px solid var(--line);background:var(--paper-2);font-size:11.5px}.code-panel .tb-btn--copied{background:var(--ink);color:var(--paper-2);border-color:var(--ink)}.seg--compact button{font-size:11px;padding:4px 8px}.code-panel__pre{margin:0;padding:12px 14px;max-height:340px;overflow:auto;font-family:var(--font-mono);font-size:11.5px;line-height:1.55;color:var(--ink-2);background:var(--paper-2);white-space:pre;-moz-tab-size:2;tab-size:2}.code-panel__pre code{font:inherit;color:inherit}.code-panel__pre::-webkit-scrollbar{width:8px;height:8px}.code-panel__pre::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.code-panel__hint{padding:8px 12px;border-top:1px solid var(--line-3);background:var(--card);font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.03em}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__header{padding:18px 22px 14px;border-bottom:1px solid var(--line-3);display:flex;justify-content:space-between;align-items:center}.modal__header h3{margin:0;font-size:15px;font-weight:500;letter-spacing:-.005em}.modal__close{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:var(--muted);transition:background .15s}.modal__close:hover{background:var(--line-3);color:var(--ink)}.modal__body{padding:22px}.publish-anim{height:80px;position:relative;margin-bottom:20px;display:grid;place-items:center}.publish-anim__orb{width:48px;height:48px;border-radius:50%;background:var(--ink);position:relative;animation:orbBreathe 2s var(--ease-out) infinite}@keyframes orbBreathe{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(10,10,12,.2)}50%{transform:scale(1.05);box-shadow:0 0 0 16px rgba(10,10,12,0)}}.publish-anim__orb:after{content:"";position:absolute;inset:14px;background:var(--paper);border-radius:50%;animation:orbInner 2s var(--ease-out) infinite}@keyframes orbInner{0%,to{transform:scale(1)}50%{transform:scale(.8)}}.publish-anim--success .publish-anim__orb{background:oklch(62% .16 145);animation:successPop .5s var(--ease-snap) both}@keyframes successPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.publish-anim--success .publish-anim__orb:after{content:"";position:absolute;left:14px;top:22px;width:8px;height:14px;border:solid var(--paper);border-width:0 3px 3px 0;border-radius:1px;transform:rotate(45deg);background:transparent;animation:checkDraw .45s var(--ease-snap) .15s both;transform-origin:center}@keyframes checkDraw{0%{opacity:0;transform:rotate(45deg) scale(.3)}60%{opacity:1;transform:rotate(45deg) scale(1.15)}to{opacity:1;transform:rotate(45deg) scale(1)}}.publish-msg{text-align:center;margin-bottom:16px}.publish-msg h4{margin:0 0 4px;font-size:16px;font-weight:500;letter-spacing:-.005em}.publish-msg p{margin:0;font-size:12.5px;color:var(--muted)}.url-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;margin-bottom:14px}.url-box__proto{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.url-box__url{flex:1 1;font-family:var(--font-mono);font-size:12.5px;color:var(--ink)}.url-box__copy{padding:4px 10px;background:var(--card);border:1px solid var(--line);border-radius:5px;font-size:11px;font-weight:500;color:var(--ink-soft);transition:all .15s}.url-box__copy:hover{border-color:var(--ink-soft)}.url-box__copy.copied{background:var(--ink);color:var(--paper);border-color:var(--ink)}.modal__meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:12px;background:var(--paper-2);border-radius:8px;border:1px solid var(--line-3)}.modal__meta__row{font-size:11.5px}.modal__meta__row div:first-child{font-family:var(--font-mono);font-size:9.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.modal__meta__row div:last-child{color:var(--ink-soft)}.modal__footer{padding:14px 22px;border-top:1px solid var(--line-3);display:flex;justify-content:flex-end;gap:8px}.modal__footer button{padding:8px 14px;border-radius:7px;font-size:12.5px;transition:all .15s}.modal__footer button.secondary{background:transparent;border:1px solid var(--line);color:var(--ink-soft)}.modal__footer button.secondary:hover{border-color:var(--ink-soft)}.modal__footer button.primary{background:var(--ink);color:var(--paper);font-weight:500}.modal__footer button.primary:hover{background:#000}.tweaks{position:fixed;bottom:20px;right:20px;width:260px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:14px 16px;z-index:50;animation:tweaksIn .35s var(--ease-snap) both}@keyframes tweaksIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tweaks__head{justify-content:space-between;margin-bottom:12px}.tweaks__head,.tweaks__title{display:flex;align-items:center}.tweaks__title{font-size:12px;font-weight:500;letter-spacing:-.005em;gap:6px}.tweaks__title:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s var(--ease-out) infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--accent)}50%{box-shadow:0 0 0 4px transparent}}.tweaks .field{margin-bottom:12px}.tweaks .field:last-child{margin-bottom:0}.kbd{font-family:var(--font-mono);font-size:10px;padding:1px 5px;border-radius:3px;background:var(--line-3);color:var(--muted);border:1px solid var(--line)}.theme-host{min-height:100%}.site-menu__link{color:inherit;text-decoration:none;cursor:pointer}.site-menu__link--active{font-weight:600}.region{position:relative;outline:1.5px dashed transparent;outline-offset:-6px;transition:outline-color .2s var(--ease-out),background-color .2s var(--ease-out);min-height:40px}.region--dragover{outline-color:transparent;background-color:oklch(95% .012 var(--accent-h)/.45);box-shadow:inset 0 0 48px 0 oklch(88% .04 var(--accent-h)/.12);transition:background-color .4s var(--ease-out),box-shadow .4s var(--ease-out)}.region__label{position:absolute;top:2px;left:6px;font-family:var(--font-mono);font-size:9px;color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;background:hsla(0,0%,100%,.7);border-radius:3px;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out);z-index:4}.region--dragover .region__label,.region:hover .region__label{opacity:1}.slot{position:relative;padding:4px;min-height:48px;border-radius:var(--radius-sm);transition:outline-color .15s var(--ease-out),background .15s var(--ease-out);outline:1.5px dashed transparent;outline-offset:-4px}.slot.dragover{outline-color:var(--line-2)}.slot.active{outline-color:var(--accent);background:var(--accent-soft)}.slot__empty{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;border-radius:var(--radius-sm);background:rgba(0,0,0,.02);font-size:12px;color:var(--muted)}.slot__kind{font-family:var(--font-mono);font-size:10px;background:var(--line-3);color:var(--ink-soft);padding:2px 6px;border-radius:3px;letter-spacing:.04em;text-transform:uppercase}.slot__id{font-size:11px}.slot__hint,.slot__id{font-family:var(--font-mono);color:var(--muted-2)}.slot__hint{margin-left:auto;font-size:10px}.modal--themes{width:780px}.modal--editor{width:min(1000px,94vw);height:min(760px,90vh)}.modal__subhead{margin:4px 0 0;font-size:12px;color:var(--muted)}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.theme-card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .15s,box-shadow .2s var(--ease-out),transform .15s var(--ease-snap);cursor:default;text-align:left}.theme-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.theme-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.theme-card__hit{padding:0;border:none;background:none;cursor:pointer;width:100%}.theme-card__preview{aspect-ratio:4/3;background:var(--paper-2);border-bottom:1px solid var(--line-3);padding:14px;display:grid;place-items:stretch;--theme-accent:#6b7aa1}.preview{background:#fff;border:1px solid var(--line);border-radius:6px;width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.preview--rail{grid-template-columns:30% 1fr;grid-template-rows:1fr auto}.preview--rail .preview__header{grid-row:1/span 1;grid-column:1;background:#0e0e10;border:none}.preview--rail .preview__body{grid-column:2}.preview--rail .preview__footer{grid-column:1/-1}.preview__header{height:20px;background:var(--paper-2);border-bottom:1px solid var(--line-3);display:grid;grid-template-columns:auto 1fr}.preview__body{padding:10px;display:flex;flex-direction:column;gap:5px}.preview__line{height:4px;background:var(--line-2);border-radius:2px;width:90%}.preview__line--short{width:55%}.preview__line--title{height:8px;background:var(--ink);width:75%}.preview__image{margin-top:6px;height:40px;background:var(--theme-accent);opacity:.55;border-radius:3px}.preview__footer{height:12px;background:var(--paper-2);border-top:1px solid var(--line-3)}.theme-card__meta{padding:12px 14px 4px}.theme-card__name{font-size:13px;font-weight:500;letter-spacing:-.005em;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.theme-card__badge{font-family:var(--font-mono);font-size:9px;color:var(--accent);background:var(--accent-soft);padding:2px 6px;border-radius:3px;letter-spacing:.04em;text-transform:uppercase}.theme-card__badge--muted{color:var(--muted);background:var(--line-3)}.theme-card__desc{font-size:11.5px;color:var(--muted);margin-top:4px;line-height:1.4}.theme-card__actions{padding:10px 12px 12px;display:flex;gap:6px;align-items:center;border-top:1px solid var(--line-3);margin-top:8px}.theme-card__actions .tb-btn{height:28px;padding:0 10px;border-radius:6px;border:1px solid var(--line);background:var(--paper-2);font-size:11.5px}.theme-card--new{cursor:pointer;border-style:dashed;background:transparent;color:var(--muted)}.theme-card--new:hover{color:var(--ink)}.theme-card__new{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 16px;text-align:center}.theme-card__new div{font-size:13px;color:var(--ink-soft);font-weight:500}.theme-card__new small{font-size:11px;color:var(--muted);line-height:1.4;max-width:22ch}.theme-editor{display:grid;grid-template-rows:auto auto 1fr auto;grid-gap:12px;gap:12px;min-height:0}.theme-editor__meta{display:grid;grid-template-columns:1.5fr 2fr auto;grid-gap:10px;gap:10px}.theme-editor__meta .field{margin-bottom:0}.theme-editor__meta .field input[type=text]{width:100%;padding:7px 10px;background:var(--card);border:1px solid var(--line);border-radius:6px;font-size:12.5px;color:var(--ink)}.theme-editor__meta .field input[type=color]{width:44px;height:34px;padding:0;background:var(--card);border:1px solid var(--line);border-radius:6px;cursor:pointer}.theme-editor__tabs{display:flex;align-items:center;gap:12px}.theme-editor__tabs .tab-bar{margin-bottom:0;flex:0 0 260px}.theme-editor__hint{flex:1 1;font-family:var(--font-mono);font-size:10.5px;color:var(--muted);letter-spacing:.02em;line-height:1.4}.theme-editor__code{border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:320px;display:flex;flex-direction:column}.theme-editor__code .cm-editor{height:100%}.theme-editor__code .cm-scroller{font-family:var(--font-mono);font-size:12px}.theme-editor__schema{background:var(--paper-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.theme-editor__schema-head{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.theme-editor__schema-body{display:flex;flex-wrap:wrap;gap:6px}.theme-editor__schema-empty{font-size:11.5px;color:var(--muted)}.theme-editor__schema-empty code{font-family:var(--font-mono);background:var(--line-3);padding:1px 4px;border-radius:3px}.chip{font-family:var(--font-mono);font-size:10.5px;background:var(--card);color:var(--ink-soft);border:1px solid var(--line);padding:3px 8px;border-radius:999px;letter-spacing:.02em}.chip--slot{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.theme-editor__lock{padding:8px 12px;background:var(--accent-soft);border-radius:8px;color:var(--accent-ink);font-size:11.5px}.theme-workspace{position:fixed;inset:0;z-index:100;background:#101114;color:#f7f4ec;display:grid;grid-template-columns:280px minmax(420px,1fr) minmax(340px,38vw);min-width:0;min-height:0}.theme-workspace__files{border-right:1px solid hsla(0,0%,100%,.08);background:#15161a;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:14px;gap:14px}.theme-workspace__brand,.theme-workspace__preview-head,.theme-workspace__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.theme-workspace__brand strong,.theme-workspace__preview-head strong{display:block;font-size:14px;font-weight:500;color:#fffdf7}.theme-workspace__eyebrow,.theme-workspace__path{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:hsla(44,41%,95%,.52)}.theme-workspace__field{display:grid;grid-gap:6px;gap:6px}.theme-workspace__field span{font-family:var(--font-mono);font-size:10px;color:hsla(44,41%,95%,.52);text-transform:uppercase;letter-spacing:.08em}.theme-workspace__field input{width:100%;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.045);color:#f7f4ec;border-radius:6px;padding:8px 9px;font:inherit;font-size:12px}.theme-workspace__field input:disabled{color:hsla(44,41%,95%,.55)}.theme-file-group{display:grid;grid-gap:4px;gap:4px}.theme-file-group__head{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:hsla(44,41%,95%,.48)}.theme-file-group__head button{width:24px;height:24px;display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.1);border-radius:5px;background:hsla(0,0%,100%,.04);color:hsla(44,41%,95%,.78);cursor:pointer}.theme-file-group__head button:disabled{opacity:.4;cursor:default}.theme-file{width:100%;min-height:32px;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:6px;padding:0 9px;background:transparent;color:hsla(44,41%,95%,.74);font-size:12px;text-align:left;cursor:pointer}.theme-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-file:hover{background:hsla(0,0%,100%,.055);color:#fffdf7}.theme-file.active{border-color:hsla(0,0%,100%,.12);background:rgba(107,122,161,.28);color:#fffdf7}.theme-file-empty{padding:8px 9px;font-size:11px;color:hsla(44,41%,95%,.38)}.theme-workspace__actions{margin-top:auto;display:flex;gap:8px}.theme-workspace__actions button{flex:1 1;min-height:34px;border-radius:7px;border:1px solid hsla(0,0%,100%,.12);font:inherit;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.theme-workspace__actions .secondary{background:transparent;color:hsla(44,41%,95%,.78)}.theme-workspace__actions .primary{background:#f7f4ec;color:#111216;border-color:#f7f4ec}.theme-workspace__editor{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr auto;background:#101114}.theme-workspace__toolbar{min-height:64px;padding:12px 16px;border-bottom:1px solid hsla(0,0%,100%,.08)}.theme-workspace__hint{margin-top:5px;font-size:11px;color:hsla(44,41%,95%,.55)}.theme-workspace__hint code{font-family:var(--font-mono);background:hsla(0,0%,100%,.08);padding:1px 4px;border-radius:3px;color:#fffdf7}.theme-workspace__code{min-height:0;overflow:hidden}.theme-workspace__code .cm-editor{height:100%}.theme-workspace__code .cm-scroller{font-family:var(--font-mono);font-size:12px}.theme-workspace__schema{min-height:44px;padding:9px 14px;border-top:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.theme-workspace__schema span{font-family:var(--font-mono);font-size:10px;color:hsla(44,41%,95%,.48);text-transform:uppercase;letter-spacing:.08em;margin-right:4px}.theme-workspace__schema b{font-family:var(--font-mono);font-size:10px;font-weight:400;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.055);color:hsla(44,41%,95%,.78);border-radius:999px;padding:3px 7px}.theme-workspace__preview{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr;border-left:1px solid hsla(0,0%,100%,.08);background:#e9e7e0;color:#161619}.theme-workspace__preview-head{min-height:64px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.08);background:#f7f4ec}.theme-workspace__preview-head .theme-workspace__eyebrow{color:rgba(22,22,25,.48)}.theme-workspace__preview-head strong{color:#161619}.theme-workspace__preview-head span{font-family:var(--font-mono);font-size:10px;color:rgba(22,22,25,.52)}.theme-workspace__preview-body{min-height:0;overflow:auto;background:#fff}.theme-workspace__preview-body .theme-host{min-height:100%}@media (max-width:1180px){.theme-workspace{grid-template-columns:240px minmax(360px,1fr)}.theme-workspace__preview{display:none}}.scrollbar-hidden::-webkit-scrollbar{width:6px;height:6px}.scrollbar-hidden::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.canvas-wrap::-webkit-scrollbar{width:10px}.canvas-wrap::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px}.palette::-webkit-scrollbar,.props::-webkit-scrollbar{width:6px}.palette::-webkit-scrollbar-thumb,.props::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.devtools-fab{position:fixed;left:18px;bottom:18px;z-index:90;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;background:var(--ink);color:var(--paper-2);border:1px solid var(--ink);font-size:11.5px;font-weight:500;letter-spacing:.02em;box-shadow:0 10px 24px -12px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.14);cursor:pointer;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out),opacity .15s var(--ease-out);opacity:.82}.devtools-fab:hover{opacity:1;transform:translateY(-1px);box-shadow:0 14px 28px -12px rgba(0,0,0,.5),0 3px 8px rgba(0,0,0,.18)}.devtools-fab:active{transform:translateY(0)}.devtools-modal{width:min(1180px,94vw);height:min(760px,88vh)}.devtools__body{display:flex;flex-direction:column;gap:14px;padding:18px 18px 22px;height:100%}.devtools__actions{display:flex;gap:6px;flex-wrap:wrap}.devtools__split{flex:1 1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.devtools__panel{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);overflow:hidden}.devtools__panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line-3);background:var(--card)}.devtools__panel-title{display:flex;flex-direction:column;gap:2px;min-width:0}.devtools__panel-label{font-size:12px;font-weight:500;color:var(--ink)}.devtools__panel-meta{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.04em}.devtools__panel .tb-btn{height:28px;padding:0 10px;border-radius:6px;border:1px solid var(--line);background:var(--paper-2);font-size:11.5px}.devtools__panel .tb-btn--copied{background:var(--ink);color:var(--paper-2);border-color:var(--ink)}.devtools__editor{flex:1 1;min-height:0;overflow:hidden}.devtools__editor .cm-editor{height:100%;font-size:12px}.devtools__editor .cm-scroller{font-family:var(--font-mono)}@media (max-width:900px){.devtools__split{grid-template-columns:1fr}.devtools-modal{height:min(860px,92vh)}}.blk--editing{outline-color:var(--accent)!important;z-index:20}.blk--editing .blk__controls,.blk--editing .blk__tag,.blk--editing .block-side-drop{display:none}.blk--editing [contenteditable=true]{outline:none;cursor:text}.blk--editing [contenteditable=true]:focus{outline:none}.field__hint{font-family:var(--font-mono);font-size:9.5px;font-weight:400;color:var(--muted);letter-spacing:.04em}.txt-tb{pointer-events:auto;animation:tbIn .18s var(--ease-out) both;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}.txt-tb--below{animation:tbInBelow .18s var(--ease-out) both}@keyframes tbIn{0%{opacity:0;transform:translateX(-50%) translateY(6px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes tbInBelow{0%{opacity:0;transform:translateX(-50%) translateY(-6px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.txt-tb__inner{gap:2px;padding:5px 7px;background:#17171c;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05),0 2px 8px rgba(0,0,0,.3);white-space:nowrap;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.txt-tb__btn,.txt-tb__inner{display:flex;align-items:center}.txt-tb__btn{justify-content:center;min-width:28px;height:28px;padding:0 5px;border-radius:7px;border:none;background:transparent;color:hsla(0,0%,100%,.62);cursor:pointer;font-size:10px;font-family:var(--font-mono);font-weight:500;letter-spacing:.04em;transition:background .1s,color .1s}.txt-tb__btn:hover{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.92)}.txt-tb__btn.active{background:hsla(0,0%,100%,.18);color:#fff}.txt-tb__sep{width:1px;height:18px;background:hsla(0,0%,100%,.1);margin:0 3px;flex-shrink:0}.txt-tb__label{font-family:var(--font-mono);font-size:9px;color:hsla(0,0%,100%,.35);letter-spacing:.08em;padding:0 2px 0 4px;text-transform:uppercase;flex-shrink:0}.txt-tb__group{gap:1px}.txt-tb__colors,.txt-tb__group{display:flex;align-items:center}.txt-tb__colors{gap:5px;padding:0 4px}.txt-tb__clr{width:14px;height:14px;border-radius:50%;border:1.5px solid hsla(0,0%,100%,.18);cursor:pointer;flex-shrink:0;transition:transform .12s,border-color .12s,box-shadow .12s}.txt-tb__clr:hover{transform:scale(1.25);border-color:hsla(0,0%,100%,.55)}.txt-tb__clr.active{border-color:#fff;box-shadow:0 0 0 2px hsla(0,0%,100%,.3)}.txt-tb__clr--nil{background:hsla(0,0%,100%,.1)!important;position:relative}.txt-tb__clr--nil:after{content:"";position:absolute;inset:2px;border-radius:50%;background:repeating-linear-gradient(45deg,transparent,transparent 2px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 3px)}.txt-tb__link-input{height:24px;min-width:180px;padding:0 8px;border-radius:6px;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.08);color:#fff;font-size:12px;font-family:inherit;outline:none}.txt-tb__link-input:focus{border-color:hsla(0,0%,100%,.35);background:hsla(0,0%,100%,.12)}.txt-tb__link-input::placeholder{color:hsla(0,0%,100%,.3)}.box-model{font-family:var(--font-mono);font-size:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bm-margin{background:oklch(91% .012 var(--accent-h));border:1.5px dashed var(--line-2);border-radius:8px}.bm-margin,.bm-padding{position:relative;padding:4px}.bm-padding{background:var(--card);border:1.5px solid var(--line);border-radius:5px;flex:1 1}.bm-element{flex:1 1;min-width:40px;text-align:center;padding:9px 4px;border:1.5px solid var(--line-2);border-radius:3px;background:var(--paper-2);color:var(--muted-2);font-size:9px;letter-spacing:.06em;text-transform:uppercase;cursor:default}.bm-mid-row{display:flex;align-items:stretch;gap:0}.bm-edge{display:flex;align-items:center;justify-content:center;min-width:30px;padding:2px}.bm-layer-label{position:absolute;top:4px;left:8px;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2);pointer-events:none}.bm-margin>.bm-edge--bottom,.bm-margin>.bm-edge--top{display:flex;justify-content:center;padding:4px 0 2px}.bm-padding>.bm-edge--bottom,.bm-padding>.bm-edge--top{display:flex;justify-content:center;padding:2px 0}.bm-margin>.bm-edge--top{padding-top:16px}.bm-padding>.bm-edge--top{padding-top:14px}.bm-cell__value{display:inline-block;min-width:20px;text-align:center;padding:2px 4px;border-radius:3px;color:var(--ink-soft);cursor:ew-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .1s,color .1s}.bm-cell__value--scrubbing,.bm-cell__value:hover{background:var(--accent-soft);color:var(--accent-ink)}.bm-cell__value--scrubbing{outline:1.5px solid var(--accent);outline-offset:1px}.bm-cell__value--override{color:var(--accent);font-weight:600}.bm-cell__value--override:after{content:"•";display:inline-block;margin-left:1px;font-size:7px;vertical-align:super;opacity:.8}.bm-cell__value--inherited{color:var(--ink-soft);font-style:italic;opacity:.65}.bm-cell__input{width:34px;text-align:center;border:1.5px solid var(--accent);border-radius:3px;background:var(--card);color:var(--ink);font-family:var(--font-mono);font-size:10px;padding:1px 3px;outline:none;box-shadow:0 0 0 3px var(--accent-soft)}@media (max-width:820px){.section-library{grid-template-columns:1fr}.canvas-section__layout-prompt{max-width:calc(100% - 2rem);justify-content:center;white-space:normal}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-row{flex-direction:column;min-height:0}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col{flex-basis:auto;max-width:100%}.canvas-section[data-lb-section-layout=edge-split-left][data-lb-edge-media-position=right] .canvas-col[data-col-index="0"],.canvas-section[data-lb-section-layout=edge-split-left][data-lb-edge-media-position=right] .canvas-col[data-col-index="1"]{order:0}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col[data-col-index="0"] .b-image__inner{min-height:18rem}.canvas-section[data-lb-section-layout=edge-split-left] .canvas-col[data-col-index="1"]{padding:2.25rem 1.5rem 3rem}}