@media (width>=1024px){.bo-app.is-builder{grid-template-columns:minmax(0,1fr)}.bo-app.is-builder .bo-nav,.bo-app.is-builder .bo-topbar{display:none}.bo-app.is-builder .bo-content{box-sizing:border-box;height:100vh;padding:.75rem 1.25rem 1rem}}html.hb-grabbing,html.hb-grabbing *{cursor:grabbing!important}.hb{flex-direction:column;gap:.75rem;height:100%;min-height:0;display:flex}.hb-bar{flex-wrap:wrap;align-items:center;gap:.6rem .75rem;margin-bottom:1rem;display:flex}.hb-bar.is-full{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-wrap:nowrap;margin:0;padding:.5rem .6rem}.hb-bar-title{flex:1;align-items:baseline;gap:.9rem;min-width:0;display:flex}.hb-bar-title h1{font-family:var(--serif);white-space:nowrap;margin:0;font-size:1.3rem;font-weight:450}.hb-status{min-width:0;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.45rem;font-size:.875rem;display:inline-flex;overflow:hidden}.hb-status>span{background:var(--lake);border-radius:50%;flex:none;width:8px;height:8px}.hb-status.is-draft{color:var(--ink)}.hb-status.is-draft>span{background:var(--glow);box-shadow:0 0 0 3px #e59f7240}.hb-stage{flex:1;grid-template-columns:13.5rem minmax(0,1fr) 21rem;gap:1.25rem;min-height:0;display:grid}@media (width>=1440px){.hb-stage{grid-template-columns:14.5rem minmax(0,1fr) 23rem}}.hb-stage-loading{background:var(--stone);border-radius:12px;flex:1;animation:1.4s ease-in-out infinite hb-pulse}@keyframes hb-pulse{50%{opacity:.55}}.hb-center{flex-direction:column;align-items:center;gap:.75rem;min-width:0;min-height:0;display:flex}.hb-palette,.hb-inspector{border:1px solid var(--line);min-height:0;max-height:100%;box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.hb-palette{align-self:start}.hb-palette-note{border-bottom:1px solid var(--line);color:var(--ink-soft);margin:0;padding:.75rem .9rem;font-size:.8125rem;line-height:1.4}.hb-palette-body{flex-direction:column;min-height:0;transition:opacity .15s;display:flex}.hb-palette-body.is-locked{opacity:.4}.hb-palette-head{padding:.9rem 1rem .4rem}.hb-palette-head h2{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:650}.hb-palette-head p{color:var(--ink-soft);margin:.2rem 0 0;font-size:.8125rem;line-height:1.35}.hb-palette ul{min-height:0;margin:0;padding:0 .55rem .6rem;list-style:none;overflow-y:auto}.hb-tile{border-radius:var(--radius);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:grab;touch-action:none;user-select:none;background:0 0;border:0;align-items:center;gap:.6rem;padding:.35rem .4rem;display:flex}.hb-tile:hover{background:var(--limestone)}.hb-tile-icon{border-radius:var(--radius);background:var(--lake-pale);width:2rem;height:2rem;color:var(--lake-deep);flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.hb-tile:hover .hb-tile-icon{background:var(--lake);color:#fff}.hb-tile-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.9rem;font-weight:550;overflow:hidden}.hb-tile-grip{color:var(--line);flex:none}.hb-tile:hover .hb-tile-grip{color:var(--ink-soft)}.hb-toolbar{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem;display:flex}.hb-switch{background:var(--limestone);border-radius:999px;gap:.2rem;padding:.2rem;display:flex}.hb-switch button{width:2.5rem;height:2rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.hb-switch button[aria-checked=true]{color:var(--ink);background:#fff;box-shadow:0 1px 2px #10201a26}.hb-toolbar-sep{background:var(--line);width:1px;height:1.5rem}.hb-toolbar-btn{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .6rem .4rem .75rem;font-size:.875rem;font-weight:550;display:inline-flex}.hb-toolbar-btn:hover:not(:disabled),.hb-toolbar-btn.is-on{background:var(--limestone)}.hb-toolbar-btn.is-on[aria-pressed=true]{background:var(--lake-pale);color:var(--lake-deep)}.hb-toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.hb-muted{color:var(--ink-soft);font-weight:450}.hb-flip{transform:rotate(180deg)}.hb-swatch{width:.9rem;height:.9rem;box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--line);border-radius:50%}.hb-toolbar-icon{width:2.5rem;height:2rem;color:var(--ink-soft);border-radius:999px;place-items:center;display:grid}.hb-toolbar-icon:hover{background:var(--limestone);color:var(--ink)}.hb-menu{position:relative}.hb-menu-list{z-index:40;border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;gap:.2rem;width:21rem;padding:.35rem;display:flex;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);box-shadow:0 18px 40px -16px #10201a59}.hb-menu-list>button{border-radius:var(--radius);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;padding:.5rem;display:flex}.hb-menu-list>button:hover{background:var(--limestone)}.hb-menu-list>button.is-on{background:var(--lake-pale);color:var(--lake-deep)}.hb-menu-text{flex-direction:column;flex:1;min-width:0;display:flex}.hb-menu-text strong{font-size:.9rem;font-weight:600}.hb-menu-text span,.hb-menu-note{color:var(--ink-soft);font-size:.8rem;line-height:1.35}.hb-menu-note{border-radius:var(--radius);background:var(--limestone);flex-direction:column;margin:.2rem 0 0;padding:.6rem;display:flex}.hb-menu-note strong{color:var(--ink);font-size:.875rem}.hb-sketch{border:1px solid var(--line);background:var(--mist);border-radius:4px;flex-direction:column;flex:none;gap:2px;width:2.75rem;padding:4px;display:flex}.hb-sketch>span{background:var(--line);border-radius:1px;height:3px}.hb-sketch>span.is-hero{background:var(--lake);opacity:.7;height:9px}.hb-sketch>span.is-photo{background:var(--sage,#a3b49d);height:5px}.hb-canvas{flex:1;place-items:center;width:100%;min-width:0;min-height:0;display:grid;position:relative}.hb-laptop{flex-direction:column;align-items:center;display:flex}.hb-laptop-lid{background:#1c2622;border-radius:18px 18px 0 0;position:relative;box-shadow:0 30px 60px -30px #00000073,0 0 0 1px #0006}.hb-laptop-camera{background:#ffffff26;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hb-laptop-base{background:linear-gradient(#c4cbc2,#dfe3db 40%,#c4cbc2);border-radius:3px 3px 14px 14px;width:100%;position:relative;box-shadow:0 16px 24px -14px #00000059}.hb-laptop-base span{background:#b3bbb1;border-radius:0 0 6px 6px;width:14%;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hb-phone{background:#1c2622;border-radius:46px;box-shadow:0 30px 60px -30px #00000073,0 0 0 1px #0006}.hb-screen{background:var(--limestone);border-radius:3px;position:relative;overflow:hidden}.hb-screen.is-phone{border-radius:36px}.hb-frame{background:var(--limestone);opacity:0;transform-origin:0 0;border:0;transition:opacity .2s .2s;display:block;position:absolute;top:0;left:0}.hb-frame.is-active{z-index:1;opacity:1;transition:opacity .16s}.hb-frame-loading{z-index:2;background:var(--stone);animation:1.4s ease-in-out infinite hb-pulse;position:absolute;inset:0}.hb-overlay{z-index:3;touch-action:none;user-select:none;position:absolute;inset:0}.hb-overlay.is-hovering{cursor:pointer}.hb-overlay.is-dragging{cursor:grabbing}.hb-outline{pointer-events:none;position:absolute}.hb-outline.is-hover{border:2px dashed #1f6f6bb3}.hb-outline.is-selected{border:2px solid var(--lake);box-shadow:inset 0 0 0 1px #fff9}.hb-tag,.hb-tab{background:var(--lake);color:#fff;white-space:nowrap;border-radius:6px 6px 0 0;align-items:stretch;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:-2px;left:-2px;transform:translateY(-100%)}.hb-tag{background:#1f6f6be0;padding:.15rem .5rem}.hb-outline.is-top .hb-tag,.hb-outline.is-top .hb-tab{border-radius:0 0 6px;top:0;left:0;transform:none}.hb-tab-name{color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:.25rem;padding:.25rem .6rem .25rem .45rem;display:inline-flex}.hb-tab-name.is-grip{pointer-events:auto;cursor:grab}.hb-tab-remove{color:inherit;pointer-events:auto;cursor:pointer;background:0 0;border:0;border-left:1px solid #ffffff59;border-radius:0 6px 0 0;place-items:center;padding:0 .45rem;display:grid}.hb-tab-remove:hover{background:#ffffff26}.hb-drop-line{background:var(--lake);pointer-events:none;border-radius:999px;height:4px;position:absolute;left:10px;right:10px;box-shadow:0 0 0 3px #ffffffbf}.hb-drop-line:before,.hb-drop-line:after{border:2px solid var(--lake);content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-4px}.hb-drop-line:before{left:-6px}.hb-drop-line:after{right:-6px}.hb-drop-line span{background:var(--lake);color:#fff;white-space:nowrap;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hb-ghost{z-index:100;border:2px dashed var(--lake);width:15rem;height:6.5rem;color:var(--lake-deep);opacity:.65;pointer-events:none;backdrop-filter:blur(2px);background:#ffffffd9;border-radius:10px;flex-direction:column;justify-content:center;gap:.7rem;padding:0 1rem;display:flex;position:fixed;transform:rotate(-.6deg);box-shadow:0 18px 40px -12px #00000059}.hb-ghost.is-aiming{opacity:.95}.hb-ghost-head{align-items:center;gap:.55rem;font-size:.9rem;font-weight:650;display:flex}.hb-ghost-icon{background:var(--lake);color:#fff;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.hb-ghost-lines{opacity:.6;flex-direction:column;gap:.35rem;display:flex}.hb-ghost-lines span{background:#1f6f6b4d;border-radius:999px;height:6px}.hb-ghost-lines span:last-child{width:65%}.hb-side{min-height:0;transition:opacity .15s}.hb-side.is-locked{opacity:.45}.hb-inspector{height:100%}.hb-inspector-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:.6rem;padding:.75rem .9rem;display:flex}.hb-inspector-title{flex-direction:column;min-width:0;display:flex}.hb-inspector-title span{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:600}.hb-inspector-title strong{font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;font-weight:500;overflow:hidden}.hb-inspector-body{flex:1;min-height:0;padding:.9rem;overflow-y:auto}.hb-inspector-foot{border-top:1px solid var(--line);flex:none;padding:.75rem .9rem}.hb-panel-lede{margin-top:0}.hb-source{border-radius:var(--radius);background:var(--limestone);flex-direction:column;align-items:flex-start;gap:.6rem;padding:.9rem;display:flex}.hb-source p{margin:0;font-size:.9rem;line-height:1.45}.hb-outline-list{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.hb-outline-list li{align-items:center;gap:.25rem;display:flex}.hb-outline-list li>button:first-child{border-radius:var(--radius);min-width:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:.6rem;padding:.4rem;display:flex}.hb-outline-list li>button:first-child:hover{background:var(--limestone)}.hb-outline-text{flex-direction:column;flex:1;min-width:0;display:flex}.hb-outline-text strong,.hb-outline-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hb-outline-text strong{font-size:.9rem;font-weight:550}.hb-outline-text span{color:var(--ink-soft);font-size:.78rem}.hb-theme{flex-direction:column;gap:1rem;display:flex}.hb-panel-block h3{margin:0;font-size:.95rem;font-weight:650}.hb-palettes{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem .4rem;margin-top:.75rem;display:grid}.hb-palettes button{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.3rem;padding:.2rem 0;font-size:.75rem;display:flex}.hb-palettes button.is-on{color:var(--ink);font-weight:600}.hb-palette-dot{color:#fff;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;transition:box-shadow .15s;display:grid;box-shadow:0 0 0 2px #fff,0 0 0 3px #0000}.hb-palettes button:hover .hb-palette-dot{box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--line)}.hb-palettes button.is-on .hb-palette-dot{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ink)}.hb-custom{border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:.6rem;margin-top:.9rem;padding:.55rem;display:flex}.hb-custom.is-on{border-color:var(--ink);background:var(--mist)}.hb-custom-pick{border:1px solid var(--line);color:#fff;cursor:pointer;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;display:grid;position:relative;overflow:hidden}.hb-custom-pick svg{mix-blend-mode:difference}.hb-custom-pick input{opacity:0;cursor:pointer;position:absolute;inset:0}.hb-custom-name{flex:1;font-size:.9rem;font-weight:550}.hb-custom-hex{text-transform:uppercase;width:6.5rem;font-family:ui-monospace,monospace;font-size:.85rem}.hb-adjusted{color:var(--ink-soft);align-items:flex-start;gap:.5rem;margin:.6rem 0 0;font-size:.8125rem;line-height:1.4;display:flex}.hb-adjusted span{border-radius:50%;flex:none;width:.9rem;height:.9rem;margin-top:.15rem}.hb-logo{border-top:1px solid var(--line);align-items:center;gap:.75rem;padding-top:1rem;display:flex}.hb-logo-img{border:1px solid var(--line);border-radius:var(--radius);background:var(--mist);width:2.75rem;height:2.75rem;color:var(--ink-soft);flex:none;place-items:center;display:grid;overflow:hidden}.hb-logo-img img{object-fit:contain;width:100%;height:100%}.hb-logo a{font-size:.875rem}.hb-outline-spacer{flex:none;width:32px}