[data-tool-view=LiquidGlassStudio] .liquid-glass-layout{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.8fr);align-items:start;gap:1.1rem;display:grid}[data-tool-view=LiquidGlassStudio] .liquid-glass-preview-panel,[data-tool-view=LiquidGlassStudio] .liquid-glass-controls{border:1px solid var(--line);background:var(--surface);border-radius:1rem;min-width:0;padding:1rem}[data-tool-view=LiquidGlassStudio] .liquid-glass-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}[data-tool-view=LiquidGlassStudio] .liquid-glass-panel-heading h2{margin:0;font-size:1rem}[data-tool-view=LiquidGlassStudio] .liquid-glass-live-mark{color:var(--muted);align-items:center;gap:.45rem;font-size:.76rem;font-weight:700;display:inline-flex}[data-tool-view=LiquidGlassStudio] .liquid-glass-live-mark>span:first-child{background:#b3db48;border-radius:50%;flex:0 0 .5rem;width:.5rem;height:.5rem;box-shadow:0 0 0 3px #b3db482e}[data-tool-view=LiquidGlassStudio] .liquid-glass-preview-stage{border:1px solid var(--line);background-color:var(--surface);background-image:linear-gradient(45deg,color-mix(in srgb,var(--line) 45%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--line) 45%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--line) 45%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--line) 45%,transparent) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:.75rem;overflow:hidden}[data-tool-view=LiquidGlassStudio] #liquid-glass-canvas{aspect-ratio:16/10;width:100%;height:auto;display:block}[data-tool-view=LiquidGlassStudio] .liquid-glass-engine-note,[data-tool-view=LiquidGlassStudio] .liquid-glass-local-note,[data-tool-view=LiquidGlassStudio] .liquid-glass-limit-note{color:var(--muted);margin:.7rem 0 0;font-size:.82rem;line-height:1.55}[data-tool-view=LiquidGlassStudio] .liquid-glass-engine-note:not([hidden]){border:1px solid var(--line);background:var(--background);border-radius:.6rem;padding:.65rem .75rem}[data-tool-view=LiquidGlassStudio] .liquid-glass-controls{gap:.95rem;display:grid}[data-tool-view=LiquidGlassStudio] .liquid-glass-control-group{gap:.45rem;display:grid}[data-tool-view=LiquidGlassStudio] .liquid-glass-control-group>label,[data-tool-view=LiquidGlassStudio] .liquid-glass-control-group>label>span,[data-tool-view=LiquidGlassStudio] .liquid-glass-export-size>label{justify-content:space-between;align-items:center;gap:.75rem;font-size:.87rem;font-weight:700;display:flex}[data-tool-view=LiquidGlassStudio] .liquid-glass-control-group output{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}[data-tool-view=LiquidGlassStudio] .liquid-glass-control-group select,[data-tool-view=LiquidGlassStudio] .liquid-glass-export-size select{box-sizing:border-box;border:1px solid var(--line);background:var(--background);width:100%;min-height:2.75rem;color:var(--ink);font:inherit;border-radius:.55rem;padding:.5rem .65rem}[data-tool-view=LiquidGlassStudio] .liquid-glass-control-group input[type=color],[data-tool-view=LiquidGlassStudio] .liquid-glass-background-color input[type=color]{border:1px solid var(--line);background:var(--background);cursor:pointer;border-radius:.55rem;width:3.5rem;height:2.75rem;padding:.2rem}[data-tool-view=LiquidGlassStudio] .liquid-glass-control-group input[type=range]{width:100%;min-height:1.5rem;accent-color:var(--accent,#b3db48)}[data-tool-view=LiquidGlassStudio] .liquid-glass-background{border:1px solid var(--line);border-radius:.65rem;grid-template-columns:1fr 1fr;gap:.7rem;margin:0;padding:.7rem;display:grid}[data-tool-view=LiquidGlassStudio] .liquid-glass-background legend{padding:0 .3rem;font-size:.85rem;font-weight:700}[data-tool-view=LiquidGlassStudio] .liquid-glass-check,[data-tool-view=LiquidGlassStudio] .liquid-glass-background-color{align-items:center;gap:.45rem;font-size:.82rem;display:flex}[data-tool-view=LiquidGlassStudio] .liquid-glass-check input{width:1.1rem;height:1.1rem;accent-color:var(--accent,#b3db48)}[data-tool-view=LiquidGlassStudio] .liquid-glass-background-color{flex-wrap:wrap;justify-content:space-between;gap:.3rem}[data-tool-view=LiquidGlassStudio] .liquid-glass-wide-button{width:100%}[data-tool-view=LiquidGlassStudio] .liquid-glass-export-size{grid-template-columns:1fr minmax(7rem,.75fr);align-items:center;gap:.75rem;display:grid}[data-tool-view=LiquidGlassStudio] .liquid-glass-export-actions{gap:.55rem;display:grid}[data-tool-view=LiquidGlassStudio] .liquid-glass-export-actions .button{width:100%;min-height:2.8rem}[data-tool-view=LiquidGlassStudio] .liquid-glass-source{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;margin-top:1.25rem;padding:.85rem 1rem}[data-tool-view=LiquidGlassStudio] .liquid-glass-source summary{cursor:pointer;align-items:center;min-height:2.5rem;font-weight:700;display:flex}[data-tool-view=LiquidGlassStudio] .liquid-glass-source textarea{box-sizing:border-box;resize:vertical;width:100%;margin:.7rem 0;font:.75rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}[data-tool-view=LiquidGlassStudio] .liquid-glass-reset{margin-top:.8rem}[data-tool-view=LiquidGlassStudio] .tool-help{max-width:76ch;margin-top:2rem;line-height:1.65}@media (width<=850px){[data-tool-view=LiquidGlassStudio] .liquid-glass-layout{grid-template-columns:minmax(0,1fr)}[data-tool-view=LiquidGlassStudio] .liquid-glass-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}[data-tool-view=LiquidGlassStudio] .liquid-glass-background,[data-tool-view=LiquidGlassStudio] .liquid-glass-export-actions{grid-column:1/-1}}@media (width<=540px){[data-tool-view=LiquidGlassStudio] .liquid-glass-preview-panel,[data-tool-view=LiquidGlassStudio] .liquid-glass-controls{padding:.75rem}[data-tool-view=LiquidGlassStudio] .liquid-glass-controls{grid-template-columns:minmax(0,1fr)}[data-tool-view=LiquidGlassStudio] .liquid-glass-background,[data-tool-view=LiquidGlassStudio] .liquid-glass-export-actions{grid-column:auto}}