[data-layout-width]{width:var(--layout-width)!important;max-width:calc(100vw - 24px)!important;min-width:0!important}
[data-layout-height]{height:auto!important;min-height:var(--layout-height)!important}
.layout-studio-panel[hidden],.layout-studio-layer[hidden]{display:none!important}
.layout-studio-panel{position:fixed;right:18px;bottom:18px;z-index:10010;width:min(320px,calc(100vw - 24px));max-height:70vh;overflow:auto;border:1px solid var(--ice,#a9dcff);background:var(--bg,#070b12);color:var(--ink,#edf5ff);padding:16px;font:13px/1.5 var(--mono,monospace);box-shadow:0 10px 50px #0008}
.layout-studio-panel p{font-size:12px;color:var(--muted,#a8b7ca);margin:8px 0}.layout-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.layout-studio-panel label{display:block;margin:10px 0}.layout-studio-panel select,.layout-studio-panel input[type=range]{width:100%}.layout-studio-panel button,.layout-studio-panel select,.layout-file{font:inherit;color:inherit;background:var(--surface,#101722);border:1px solid #8095ac66;padding:7px;cursor:pointer}.layout-studio-panel button:disabled{opacity:.35;cursor:default}.layout-nudges,.layout-actions{display:flex;gap:6px;flex-wrap:wrap}.layout-file{margin:0!important}.layout-file input{display:block;max-width:180px;font-size:11px}.layout-studio-panel :focus-visible,.layout-studio-layer button:focus-visible{outline:2px solid var(--ice,#a9dcff);outline-offset:3px}
.layout-studio-layer{position:fixed;inset:0;pointer-events:none;z-index:10000}.layout-block-outline{position:absolute;border:1px dashed #a9dcff66;pointer-events:none}.layout-block-outline.selected{border-color:var(--ice,#a9dcff)}.layout-studio-layer button{pointer-events:auto;position:absolute;border:1px solid var(--ice,#a9dcff);background:var(--bg,#070b12);color:var(--ice,#a9dcff);font:12px/1.3 var(--mono,monospace);touch-action:none;user-select:none;padding:6px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-move{top:0;left:0;cursor:grab}.layout-resize{right:0;bottom:0;cursor:nwse-resize;min-width:30px;min-height:30px}html[data-layout-editing] [data-layout-block]{animation:none!important;transition:none!important}html[data-layout-editing] .prototype-switcher{visibility:hidden}.layout-launch{margin:12px 0}
@media(max-width:700px){.layout-studio-panel{right:12px;bottom:12px;max-height:40vh}.layout-studio-panel p{font-size:11px}}
@media(prefers-reduced-motion:reduce){[data-layout-block]{transition:none!important}}