.twin-shell[data-preview=current]{--design-bar-height:4.875rem;padding-top:var(--design-bar-height)}.twin-shell[data-preview=current][data-immersive=true]{padding-top:0}.preview-toolbar{top:calc(var(--hud-gutter) + env(safe-area-inset-top,0px));right:calc(var(--hud-gutter) + env(safe-area-inset-right,0px));left:calc(var(--hud-gutter) + env(safe-area-inset-left,0px));z-index:7;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute}.preview-toolbar>*{pointer-events:auto}.preview-room{min-width:0;height:44px;color:var(--text-hi);border-radius:999px;flex:0 360px;align-items:center;gap:8px;padding:0 12px;display:flex}.preview-room svg{color:var(--text-mid);pointer-events:none;flex-shrink:0}.preview-room select{-webkit-appearance:none;appearance:none;width:0;min-width:0;height:100%;color:inherit;font:inherit;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;outline:0;flex:1;font-size:.875rem;font-weight:550}.preview-room select:disabled{cursor:wait;opacity:.6}.preview-room option{color:#f7f9f5;background:#202a2c}.preview-room:focus-within{outline-offset:3px;outline:2px solid #f7f9f5}.preview-toolbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.preview-options{position:relative}.preview-more{width:44px;height:44px;color:var(--text-hi);cursor:pointer;border-radius:50%;place-items:center;list-style:none;display:grid}.preview-more::-webkit-details-marker{display:none}.preview-more:hover,.preview-options[open] .preview-more{background:var(--glass-bg-strong)}.preview-more:focus-visible{outline-offset:3px;outline:2px solid #f7f9f5}.preview-options-panel{background:var(--glass-bg-strong);border-radius:16px;width:240px;max-width:calc(100vw - 32px);padding:6px;position:absolute;top:calc(100% + 8px);right:0}.preview-options-panel button{width:100%;min-height:44px;color:var(--text-hi);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:.875rem;display:flex}:is(.preview-options-panel button:hover,.preview-options-panel button:focus-visible){background:#ffffff12}.preview-options-panel button:focus-visible{outline-offset:-2px;outline:2px solid #f7f9f5}.preview-options-panel button:disabled{opacity:.45;cursor:wait}.preview-options-panel svg{flex-shrink:0}.preview-exit{color:#263a38;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f9f5ed;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:9px;min-height:44px;padding:10px 16px 10px 12px;font-size:.875rem;font-weight:550;line-height:1.5;text-decoration:none;display:inline-flex;box-shadow:0 3px 16px #14241d26}.preview-exit svg{flex-shrink:0}.preview-exit:hover{background:#fff;border-color:#fff}.preview-exit:focus-visible{outline-offset:4px;outline:3px solid #263f35}.twin-shell[data-immersive=true] .hud{padding-top:calc(var(--hud-gutter) + env(safe-area-inset-top,0px));padding-right:calc(var(--hud-gutter) + env(safe-area-inset-right,0px));padding-left:calc(var(--hud-gutter) + env(safe-area-inset-left,0px))}.hud[data-compact-preview=true] .hud-row-top{height:0;position:relative}.hud[data-compact-preview=true] .hud-row-top .hud-end{padding:0;display:flex;position:absolute;top:56px;right:0}.hud[data-compact-preview=true] .help-sheet{max-height:calc(100dvh - 100px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}@media (max-width:640px){.preview-toolbar{gap:8px}.preview-exit{justify-content:center;width:44px;padding:10px}.preview-exit span{display:none}.preview-room{gap:6px;padding:0 10px}}.design-preview-bar{height:var(--design-bar-height);z-index:60;color:#263a38;background:#f7f8f6;border-bottom:1px solid #d9ded9;justify-content:space-between;align-items:center;gap:20px;padding:0 28px;display:flex;position:absolute;inset:0 0 auto}.design-preview-brand{color:inherit;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.design-preview-brand>span{gap:4px;display:grid}.design-preview-brand small{letter-spacing:.15em;font-size:.75rem;font-weight:650}.design-preview-brand strong{letter-spacing:-.025em;font-size:1.0625rem;font-weight:650}.design-preview-brand strong span{color:#65736d;letter-spacing:0;font-size:.875rem;font-weight:400}.design-preview-views{align-items:center;gap:5px;display:flex}.design-preview-views button{color:#34443e;cursor:pointer;min-height:42px;font:inherit;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:8px 13px;font-size:.875rem;display:flex}.design-preview-views button:hover{background:#e8ede8;border-color:#d9e1d9}.design-preview-views button:disabled{opacity:.45;cursor:wait}.design-preview-views b{color:#f5f8f4;background:#405e50;border-radius:4px;place-items:center;width:23px;height:23px;font-size:.75rem;display:grid}.design-preview-actions{align-items:center;gap:14px;display:flex}.design-preview-plan{color:#fff;white-space:nowrap;background:#263f35;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 15px;font-size:.875rem;font-weight:550;text-decoration:none;display:flex}.design-preview-plan:hover{background:#385448}.design-preview-details{position:relative}.design-preview-details summary{cursor:pointer;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:.875rem;list-style:none;display:flex}.design-preview-details summary::-webkit-details-marker{display:none}.design-preview-details>div{background:#f7f8f6;border:1px solid #d9ded9;border-radius:9px;width:min(360px,100vw - 32px);padding:23px;font-size:.875rem;line-height:1.65;position:absolute;top:54px;right:0;box-shadow:0 15px 50px #14241d26}.design-preview-details strong{font-size:1.125rem}.design-preview-details p{margin:9px 0}.design-preview-details dl{margin:18px 0}.design-preview-details dl>div{border-bottom:1px solid #e1e5df;justify-content:space-between;gap:16px;padding:7px 0;display:flex}.design-preview-details dd{text-align:right;margin:0;font-weight:600}.design-preview-note{color:#69736b;font-size:.8125rem}.design-preview-bar :focus-visible{outline-offset:4px;outline:3px solid #598177}.twin-shell[data-preview=current] .context-pill strong{font-size:15px}.twin-shell[data-preview=current] .context-pill small{font-size:.8125rem}@media (max-width:1100px){.design-preview-bar{gap:12px;padding:0 18px}.design-preview-brand strong span,.design-preview-details summary span{display:none}}@media (max-width:720px){.twin-shell[data-preview=current]{--design-bar-height:7.5rem}.design-preview-bar{height:var(--design-bar-height);grid-template-columns:1fr auto;gap:7px 10px;padding:12px 16px 8px;display:grid}.design-preview-brand strong{font-size:1rem}.design-preview-brand small{font-size:.75rem}.design-preview-views{grid-area:2/1/auto/-1;justify-content:center;min-width:0;overflow-x:auto}.design-preview-views button{min-height:40px;padding:7px 10px}.design-preview-actions{grid-area:1/2;gap:12px}.design-preview-plan{padding:9px 11px}.design-preview-plan span{font-size:.8125rem}.design-preview-details>div{top:52px;right:-120px}}@media (prefers-reduced-motion:reduce){.design-preview-bar *{transition:none}}