.builder-header{align-items:center;gap:var(--space-inline);padding:20px var(--space-stack);border-bottom:1px solid var(--border-muted);flex-shrink:0;display:flex}.builder-header-mono{flex-shrink:0;animation:4s ease-in-out infinite builder-header-mono-breath}@keyframes builder-header-mono-breath{0%,to{opacity:.82;transform:translateY(0)}50%{opacity:1;transform:translateY(-.5px)}}.builder-header-wordmark{flex-direction:column;gap:2px;min-width:0;display:flex}.builder-header-name{font-family:var(--font-family);font-size:var(--font-size-brand);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;color:var(--text-primary);line-height:1.15}.builder-header-tagline{font-family:var(--font-family);font-size:var(--font-size-row-value);color:var(--text-secondary);letter-spacing:0;line-height:1.3}@media (prefers-reduced-motion:reduce){.builder-header-mono{animation:none}}
.color-control{flex-direction:column;gap:6px;display:flex;position:relative}.color-control-header{justify-content:space-between;align-items:baseline;display:flex}.color-control-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.color-control-hex{color:var(--accent-primary-text);font-variant-numeric:tabular-nums;font-family:SF Mono,Cascadia Mono,Consolas,monospace;font-size:.6875rem}.color-control-swatch{border-radius:var(--radius-sm);border:1px solid var(--border-default);cursor:pointer;width:100%;height:28px;transition:border-color .15s var(--ease-out-quart);appearance:none;padding:0}.color-control-swatch:hover{border-color:var(--text-muted)}.color-control-swatch:focus-visible{outline:var(--focus-ring-width)solid var(--accent-primary-text);outline-offset:2px}.color-control-popover{z-index:400;padding:var(--space-inline);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:color-popover-in .2s var(--ease-out-quart)both;position:fixed}.color-control-popover-closing{animation:color-popover-out .15s var(--ease-in-out-cubic)both}@keyframes color-popover-in{0%{opacity:0;transform:scale(.92)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes color-popover-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.92)translateY(4px)}}@media (prefers-reduced-motion:reduce){.color-control-popover,.color-control-popover-closing{animation:none}}.color-control-palette{margin-top:var(--space-inline);padding-top:var(--space-inline);border-top:1px solid var(--border-muted)}.color-control-palette-label{font-family:var(--font-family);font-size:var(--font-size-meta);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;display:block}.color-control-palette-swatches{flex-wrap:wrap;gap:4px;display:flex}.color-control-palette-swatch{border-radius:var(--radius-sm);cursor:pointer;width:22px;height:22px;transition:transform .12s var(--ease-out-quart),border-color .12s var(--ease-out-quart);-webkit-tap-highlight-color:transparent;border:1px solid #ffffff1a;padding:0}.color-control-palette-swatch:hover{border-color:#ffffff4d;transform:scale(1.1)}.color-control-palette-swatch:focus-visible{outline:2px solid var(--accent-primary-text);outline-offset:1px}@media (prefers-reduced-motion:reduce){.color-control-palette-swatch{transition-duration:.01ms!important}}.color-control-popover .react-colorful{width:200px;height:160px}.color-control-popover .react-colorful__saturation{border-radius:var(--radius-md)var(--radius-md)0 0}.color-control-popover .react-colorful__hue{border-radius:0 0 var(--radius-md)var(--radius-md);height:12px}.color-control-popover .react-colorful__saturation-pointer,.color-control-popover .react-colorful__hue-pointer{border:2px solid #fff;width:16px;height:16px;box-shadow:0 1px 4px #0006}@media (max-width:768px){.color-control-swatch{height:36px}}
.preset-strip{flex-direction:column;gap:6px;display:flex}.preset-strip-header{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.preset-strip-eyebrow{font-family:var(--font-family);font-size:var(--font-size-meta);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.preset-strip-count{font-family:var(--font-family);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-variant-numeric:tabular-nums}.preset-strip-row{gap:4px;padding:2px;display:flex}.preset-card{border:1px solid var(--border-muted);border-radius:var(--radius-sm);background:var(--bg-surface);cursor:pointer;min-width:0;transition:border-color .16s var(--ease-out-quart),background .16s var(--ease-out-quart),transform .16s var(--ease-out-quart),box-shadow .16s var(--ease-out-quart);-webkit-tap-highlight-color:transparent;font-family:var(--font-family);flex-direction:column;flex:1 1 0;align-items:stretch;padding:0;display:flex;overflow:hidden}.preset-card:hover{border-color:var(--border-default);background:var(--bg-surface-2);transform:translateY(-1px)}.preset-card-active{border-color:var(--accent-primary-text);background:var(--bg-surface-2);box-shadow:inset 0 0 0 1px var(--accent-primary-subtle),0 2px 8px var(--accent-primary-muted);animation:preset-apply-pulse .3s var(--ease-spring)}@keyframes preset-apply-pulse{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.preset-card-active{animation:none}}.preset-card:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;transform:none}.preset-card:focus-visible{outline:var(--focus-ring-width)solid var(--accent-primary-text);outline-offset:1px}.preset-card-preview{aspect-ratio:3/2;background:radial-gradient(60% 80% at 50% 100%,#ffffff05 0%,#0000 70%);width:100%;display:block;overflow:hidden}.preset-card-svg{width:100%;height:100%;display:block}.preset-card-name{font-size:.6875rem;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--text-secondary);text-align:center;transition:color .16s var(--ease-out-quart);white-space:nowrap;text-overflow:ellipsis;padding:3px 3px 5px;overflow:hidden}.preset-card:hover .preset-card-name,.preset-card-active .preset-card-name{color:var(--text-primary)}@media (prefers-reduced-motion:reduce){.preset-card,.preset-card-name{transition-duration:.01ms!important}}
.control-group{border-radius:var(--radius-sm);transition:background .18s var(--ease-out-quart);position:relative}.control-group:hover,.control-group-open{background:var(--bg-surface-2)}.control-group-open:before{content:"";background:var(--accent-primary);border-radius:0 2px 2px 0;width:2px;position:absolute;top:8px;bottom:8px;left:0}.control-group-trigger{align-items:center;gap:var(--space-tight);width:100%;min-height:var(--builder-row-height);cursor:pointer;font-family:var(--font-family);text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0 12px;display:flex}.control-group-trigger:focus-visible{outline:var(--focus-ring-width)solid var(--accent-primary-text);outline-offset:-1px;border-radius:var(--radius-sm)}.control-group-icon{width:var(--builder-icon-box);height:var(--builder-icon-box);border-radius:var(--radius-sm);background:var(--bg-surface-2);color:var(--text-secondary);transition:color .18s var(--ease-out-quart),background .18s var(--ease-out-quart);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.control-group:hover .control-group-icon{background:var(--bg-surface-3);color:var(--text-primary)}.control-group-open .control-group-icon{background:var(--accent-primary-subtle);color:var(--accent-primary-text);animation:3s ease-in-out infinite control-icon-breath}@keyframes control-icon-breath{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.control-group-title{font-size:var(--font-size-row-title);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--text-primary);flex-shrink:0;line-height:1.2}.control-group-summary{font-family:var(--font-family);font-size:var(--font-size-row-value);font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;min-width:0;animation:summary-tick .18s var(--ease-out-quart)both;flex:1;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex;overflow:hidden}@keyframes summary-tick{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.control-group-summary,.control-group-open .control-group-icon{animation:none}}.control-group-summary-dot{border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.control-group-chevron{color:var(--text-secondary);transition:transform .25s var(--ease-out-quart),color .18s var(--ease-out-quart);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.control-group:hover .control-group-chevron{color:var(--text-primary)}.control-group-open .control-group-chevron{color:var(--text-primary);transform:rotate(180deg)}.control-group-panel{grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.16,1,.3,1);display:grid}.control-group-open .control-group-panel{grid-template-rows:1fr}.control-group-content{gap:var(--space-stack);flex-direction:column;padding:0 12px;transition:padding .28s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.control-group-open .control-group-content{padding:4px 12px 16px}
.range-slider{flex-direction:column;gap:6px;display:flex}.range-slider-header{justify-content:space-between;align-items:baseline;display:flex}.range-slider-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);letter-spacing:.01em}.range-slider-value{color:var(--accent-primary-text);text-align:right;font-variant-numeric:tabular-nums;min-width:48px;font-family:SF Mono,Cascadia Mono,Consolas,monospace;font-size:.6875rem}.range-slider-input{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0;padding:0}.range-slider-input:focus-visible{outline:var(--focus-ring-width)solid var(--accent-primary-text);outline-offset:2px;border-radius:var(--radius-sm)}.range-slider-input::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent-primary-muted)0%,var(--accent-primary-muted)var(--slider-percent,50%),var(--bg-surface-3)var(--slider-percent,50%),var(--bg-surface-3)100%);border-radius:2px;height:4px}.range-slider-input::-moz-range-track{background:var(--bg-surface-3);border:none;border-radius:2px;height:4px}.range-slider-input::-moz-range-progress{background:var(--accent-primary-muted);border-radius:2px;height:4px}.range-slider-input::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);border:2px solid var(--bg-primary);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent-primary-muted);transition:box-shadow .15s var(--ease-out-quart);border-radius:50%;margin-top:-5px}.range-slider-input::-moz-range-thumb{background:var(--accent-primary);border:2px solid var(--bg-primary);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent-primary-muted);transition:box-shadow .15s var(--ease-out-quart);border-radius:50%}.range-slider-input:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-primary-muted)}.range-slider-input:hover::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent-primary-muted)}.range-slider-input:active::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-primary-glow)}.range-slider-input:active::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-primary-glow)}@media (max-width:768px){.range-slider-input{height:44px}.range-slider-input::-webkit-slider-runnable-track{height:6px}.range-slider-input::-moz-range-track{height:6px}.range-slider-input::-moz-range-progress{height:6px}.range-slider-input::-webkit-slider-thumb{width:24px;height:24px;margin-top:-9px}.range-slider-input::-moz-range-thumb{width:24px;height:24px}}
.glow-layers{gap:var(--space-inline);flex-direction:column;display:flex}.glow-layer-list{flex-direction:column;gap:2px;display:flex}.glow-layer-btn{align-items:center;gap:var(--space-tight);border-radius:0 var(--radius-sm)var(--radius-sm)0;width:100%;font-family:var(--font-family);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:left;cursor:pointer;transition:color .15s var(--ease-out-quart),background .15s var(--ease-out-quart),border-color .15s var(--ease-out-quart);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-left:2px solid #0000;padding:8px 10px;display:flex}.glow-layer-btn:hover{color:var(--text-primary);background:var(--bg-surface-2)}.glow-layer-btn-active{color:var(--text-primary);background:var(--bg-surface-2);border-left-color:var(--accent-primary-text)}.glow-layer-btn:focus-visible{outline:var(--focus-ring-width)solid var(--accent-primary-text);outline-offset:-1px}.glow-layer-dot{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:8px;height:8px}.glow-layer-label{flex:1}.glow-layer-panel{gap:var(--space-stack);padding-top:var(--space-tight);border-top:1px solid var(--border-muted);flex-direction:column;display:flex}@media (max-width:768px){.glow-layer-list{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;gap:4px;padding:2px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000 100%);mask-image:linear-gradient(90deg,#000 88%,#0000 100%)}.glow-layer-list::-webkit-scrollbar{display:none}.glow-layer-list:after{content:"";flex:0 0 12px}.glow-layer-btn{border:1px solid var(--border-muted);border-left:1px solid var(--border-muted);border-radius:var(--radius-sm);scroll-snap-align:start;flex:none}.glow-layer-btn:hover{background:0 0}.glow-layer-btn:active{background:var(--bg-surface-2)}.glow-layer-btn-active{background:var(--bg-surface-2);border-color:var(--accent-primary-text);border-left-color:var(--accent-primary-text);box-shadow:inset 0 0 0 1px var(--accent-primary-subtle)}}
.builder-controls{gap:var(--space-stack);flex-direction:column;display:flex}.builder-action-row{gap:6px;display:flex}.builder-action-btn{border:1px solid var(--border-muted);border-radius:var(--radius-sm);min-width:0;height:40px;font-family:var(--font-family);font-size:var(--font-size-row-value);font-weight:var(--font-weight-semibold);letter-spacing:-.005em;color:var(--text-secondary);cursor:pointer;transition:color .16s var(--ease-out-quart),border-color .16s var(--ease-out-quart),background .16s var(--ease-out-quart),transform .12s var(--ease-out-quart);-webkit-tap-highlight-color:transparent;background:0 0;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.builder-action-btn:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-surface-2)}.builder-action-btn:active{transform:scale(.97)}.builder-action-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.builder-action-btn:focus-visible{outline:var(--focus-ring-width)solid var(--accent-primary-text);outline-offset:2px}.builder-controls-groups{flex-direction:column;gap:2px;display:flex}@media (prefers-reduced-motion:reduce){.builder-action-btn{transition-duration:.01ms!important}}
.builder-sidebar{isolation:isolate;width:var(--sidebar-width,320px);background:var(--builder-sidebar-bg);height:100dvh;-webkit-backdrop-filter:var(--builder-sidebar-blur);opacity:0;pointer-events:none;border-left:1px solid #ffffff14;flex-direction:column;flex-shrink:0;transition:opacity .5s cubic-bezier(.16,1,.3,1) .2s,transform .5s cubic-bezier(.16,1,.3,1) .2s;display:flex;position:relative;overflow:hidden;transform:translate(24px)}.builder-sidebar:before{content:"";background:var(--builder-sidebar-gradient-overlay);pointer-events:none;z-index:0;position:absolute;inset:0}.builder-sidebar:after{content:"";opacity:var(--builder-sidebar-noise-opacity);pointer-events:none;z-index:0;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.builder-sidebar>*{z-index:1;position:relative}.builder-sidebar-visible{opacity:1;pointer-events:auto;transform:translate(0)}.builder-sidebar-scroll{--mask-top:0px;--mask-bottom:0px;padding:var(--space-stack);gap:var(--space-stack);scrollbar-width:thin;scrollbar-color:var(--bg-surface-3)transparent;-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--mask-top),black calc(100% - var(--mask-bottom)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black var(--mask-top),black calc(100% - var(--mask-bottom)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--mask-top),black calc(100% - var(--mask-bottom)),transparent 100%);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.builder-sidebar-scroll::-webkit-scrollbar{width:4px}.builder-sidebar-scroll::-webkit-scrollbar-track{background:0 0}.builder-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--bg-surface-3);border-radius:2px}.builder-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-muted)}.builder-sidebar-footer{padding:18px var(--space-stack)14px;flex-shrink:0;position:relative}.builder-sidebar-footer:before{content:"";background:linear-gradient(to bottom,transparent 0%,var(--builder-sidebar-bg)18px,var(--builder-sidebar-bg)100%);pointer-events:none;z-index:0;position:absolute;inset:0}.builder-sidebar-footer:after{content:"";background:var(--accent-primary);filter:blur(32px);opacity:.18;pointer-events:none;z-index:0;width:65%;height:40px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.builder-view-live{z-index:1;width:100%;position:relative}
.mobile-bar{display:none}@media (max-width:768px){.mobile-bar{z-index:100;height:64px;padding:0 12px;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--builder-sidebar-bg);-webkit-backdrop-filter:var(--builder-sidebar-blur);border-top:1px solid #ffffff14;align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bar-presets{flex:auto;gap:4px;min-width:0;display:flex}.mobile-bar-preset{border:1px solid var(--border-muted);border-radius:var(--radius-sm);background:var(--bg-surface);cursor:pointer;min-width:0;height:44px;transition:border-color .16s var(--ease-out-quart),background .16s var(--ease-out-quart);-webkit-tap-highlight-color:transparent;flex:1 1 0;justify-content:center;align-items:center;padding:0;display:flex}.mobile-bar-preset:active{background:var(--bg-surface-2)}.mobile-bar-preset-active{border-color:var(--accent-primary-text);background:var(--bg-surface-2);box-shadow:inset 0 0 0 1px var(--accent-primary-subtle),0 2px 6px var(--accent-primary-muted)}.mobile-bar-preset:disabled{opacity:.4;pointer-events:none}.mobile-bar-preset-svg{width:80%;height:60%;display:block}.mobile-bar-customize{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface-2);height:44px;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-row-value);font-weight:var(--font-weight-semibold);letter-spacing:-.005em;cursor:pointer;transition:background .16s var(--ease-out-quart),border-color .16s var(--ease-out-quart),transform .12s var(--ease-out-quart);-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.mobile-bar-customize:active{background:var(--bg-surface-3);transform:scale(.96)}.mobile-bar-customize:focus-visible{outline:var(--focus-ring-width)solid var(--accent-primary-text);outline-offset:2px}}@media (prefers-reduced-motion:reduce){.mobile-bar-customize,.mobile-bar-preset{transition-duration:.01ms!important}}
.mobile-panel{display:none}@media (max-width:768px){.mobile-panel{z-index:300;isolation:isolate;background:var(--builder-sidebar-bg);height:45dvh;-webkit-backdrop-filter:var(--builder-sidebar-blur);border-radius:var(--radius-xl)var(--radius-xl)0 0;padding-bottom:env(safe-area-inset-bottom,0px);transition:transform .35s var(--ease-out-quart);will-change:transform;touch-action:none;border-top:1px solid #ffffff14;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.mobile-panel:before{content:"";background:var(--builder-sidebar-gradient-overlay);pointer-events:none;z-index:0;position:absolute;inset:0}.mobile-panel:after{content:"";opacity:var(--builder-sidebar-noise-opacity);pointer-events:none;z-index:0;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.mobile-panel>*{z-index:1;position:relative}.mobile-panel-open{transform:translateY(0)}.mobile-panel-header{height:52px;padding:0 12px 0 var(--space-stack);border-bottom:1px solid var(--border-muted);touch-action:pan-y;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.mobile-panel-done{height:44px;font-family:var(--font-family);font-size:var(--font-size-row-value);font-weight:var(--font-weight-semibold);letter-spacing:-.005em;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .16s var(--ease-out-quart);background:0 0;border:none;align-items:center;gap:5px;padding:0 8px 0 0;display:inline-flex}.mobile-panel-done:active{opacity:.55}.mobile-panel-actions{align-items:center;gap:6px;display:flex}.mobile-panel-replay,.mobile-panel-live{border-radius:var(--radius-sm);height:36px;font-family:var(--font-family);font-size:var(--font-size-row-value);font-weight:var(--font-weight-semibold);letter-spacing:-.005em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .16s var(--ease-out-quart),border-color .16s var(--ease-out-quart),transform .12s var(--ease-out-quart);align-items:center;gap:5px;padding:0 12px;display:inline-flex}.mobile-panel-replay{color:var(--text-secondary);border:1px solid var(--border-muted);background:0 0}.mobile-panel-replay:active{color:var(--text-primary);background:var(--bg-surface-2);border-color:var(--border-default);transform:scale(.96)}.mobile-panel-live{color:var(--btn-text-on-primary);background:var(--accent-primary);border:1px solid var(--accent-primary)}.mobile-panel-live:active{transform:scale(.96)}.mobile-panel-replay:disabled{opacity:.4;pointer-events:none}.mobile-panel-done:focus-visible,.mobile-panel-replay:focus-visible,.mobile-panel-live:focus-visible{outline:var(--focus-ring-width)solid var(--accent-primary-text);outline-offset:2px}.mobile-panel-tabs{border-bottom:1px solid var(--border-muted);touch-action:pan-y;flex-shrink:0;height:44px;display:flex}.mobile-panel-tab{height:44px;font-family:var(--font-family);font-size:var(--font-size-row-value);font-weight:var(--font-weight-semibold);letter-spacing:-.005em;color:var(--text-secondary);cursor:pointer;transition:color .16s var(--ease-out-quart),border-color .16s var(--ease-out-quart);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;display:flex}.mobile-panel-tab:active{color:var(--text-primary)}.mobile-panel-tab-active{color:var(--text-primary);border-bottom-color:var(--accent-primary-text)}.mobile-panel-tab:focus-visible{outline:var(--focus-ring-width)solid var(--accent-primary-text);outline-offset:-2px}.mobile-panel-content{--mask-top:0px;--mask-bottom:0px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:var(--space-inline)var(--space-stack);gap:var(--space-stack);scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--mask-top),black calc(100% - var(--mask-bottom)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black var(--mask-top),black calc(100% - var(--mask-bottom)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--mask-top),black calc(100% - var(--mask-bottom)),transparent 100%);flex-direction:column;flex:1;display:flex;overflow-y:auto}.mobile-panel-content::-webkit-scrollbar{display:none}.mobile-panel .glow-layer-btn{min-height:44px;padding:10px 12px}.mobile-panel .control-group-trigger{min-height:44px;padding:14px 0}}@media (max-width:768px) and (orientation:landscape) and (max-height:500px){.mobile-panel{height:50dvh}}@media (prefers-reduced-motion:reduce){.mobile-panel{transition-duration:.01ms!important}}
.builder{background:var(--bg-primary);width:100%;height:100dvh;display:flex;overflow:hidden}.builder-canvas{flex:1;min-width:0;position:relative;overflow:visible}.builder-canvas-content{z-index:2;text-align:center;justify-content:center;align-items:center;gap:var(--space-stack);padding:0 var(--container-padding);pointer-events:none;flex-direction:column;padding-bottom:15%;display:flex;position:absolute;inset:0}.builder-overline{font-size:var(--font-size-overline);font-weight:var(--font-weight-semibold);line-height:var(--line-height-overline);letter-spacing:var(--letter-spacing-overline);text-transform:uppercase;color:var(--accent-primary-text)}.builder-heading{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-display);color:var(--text-primary)}.builder-subtitle{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--text-secondary)}@media (min-width:768px){.builder-subtitle{white-space:nowrap}}.builder-canvas-cta{margin-top:var(--space-tight);pointer-events:auto}@media (max-width:768px){.builder{flex-direction:column}.builder-canvas{transition:height .35s var(--ease-out-quart);flex:1}.builder-sidebar{display:none}.builder-canvas-content{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px) + 15%);transition:opacity .2s var(--ease-out-quart)}.builder-canvas-cta .btn{font-size:var(--font-size-small)}.builder-customize-open .builder-canvas{flex:none;height:55dvh}.builder-customize-open .builder-canvas-content{opacity:0;pointer-events:none}.builder-customize-open .mobile-bar{display:none}}@media (max-width:768px) and (orientation:landscape) and (max-height:500px){.builder-customize-open .builder-canvas{height:50dvh}}