#room-studio{position:fixed;inset:var(--office-header-bottom,100px) 18px 18px auto;margin:0;width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - var(--office-header-bottom,100px) - 36px);overflow:auto;padding:20px;background:#f7faf2;color:#24493c;border:1px solid #bacdbd;border-radius:18px;font-family:system-ui,sans-serif}#room-studio::backdrop{background:#152f1810;backdrop-filter:none}#room-studio .dialog-head{position:sticky;top:-20px;background:#f7faf2;z-index:1;padding:8px 0}#room-studio h2{font-size:24px;margin:0}#room-studio h3{font-size:16px}#room-studio p{font-size:13px;line-height:1.5}#room-studio label{display:block;font-size:13px;font-weight:650;margin:12px 0}#room-studio select{display:block;width:100%;min-height:44px;margin-top:5px;font:inherit;padding:7px;background:white;border:1px solid #a1b8aa;border-radius:8px}#room-studio button{min-height:44px;padding:8px 10px;font-size:12px}#room-studio button:disabled{opacity:.45}.studio-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}#studio-status{padding:10px;background:#e5eee0;border-radius:10px}#studio-preview-label{position:fixed;top:var(--office-header-bottom,100px);left:50%;transform:translateX(-50%);z-index:2;padding:8px 12px;border-radius:30px;background:#f8faf0e8;font:12px system-ui;color:#254f3c;max-width:calc(100vw - 32px);pointer-events:none}#room-studio :focus-visible{outline:3px solid #c49036;outline-offset:2px}@media(max-width:700px){#room-studio{inset:auto 8px 8px;width:calc(100vw - 16px);height:70dvh;max-height:calc(100dvh - 24px);padding:16px}#room-studio select{font-size:16px}#room-studio .dialog-head{top:-16px}}
