.lk-room-container,body,#root{margin:0;min-height:100vh}.lk-room-container{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(73,109,137,.24),transparent 32%),linear-gradient(180deg,#0f1720,#16202b)}.render-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;width:min(1400px,calc(100vw - 48px));min-height:calc(100vh - 48px);margin:0 auto;padding:24px;box-sizing:border-box}.render-stage{display:flex;flex-direction:column;min-width:0}.render-launcher{display:flex;flex-direction:column;gap:16px;width:min(320px,calc(100vw - 48px));margin:24px}.render-view{position:relative;width:min(100%,calc(100vh - 48px));max-width:100%;aspect-ratio:var(--render-aspect-ratio, 1 / 1);overflow:hidden;border-radius:20px;background:#060c12b8;box-shadow:0 24px 80px #00000059}.render-output{width:100%;height:100%;max-width:100%;object-fit:contain;display:block;background:#05080d}.render-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:32px;box-sizing:border-box;color:#e8eef4c7;font:500 1rem/1.4 SF Mono,Menlo,monospace;letter-spacing:.02em;text-align:center}.render-placeholder strong{display:block;margin-bottom:12px;color:#f3f7fb;font-size:1.05rem}.render-placeholder span{display:block;max-width:36ch}.controls{position:sticky;top:24px;z-index:2;display:flex;flex-direction:column;gap:16px;width:320px;max-width:100%;padding:20px;border:1px solid rgba(181,204,222,.16);border-radius:18px;background:#0b121be0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#e8eef4;box-shadow:0 18px 60px #0000003d}.control-group{display:flex;flex-direction:column;gap:10px;font:600 .95rem/1.4 SF Mono,Menlo,monospace}.control-slider{width:100%}.control-color{width:100%;height:42px;border:1px solid rgba(181,204,222,.2);border-radius:12px;background:#1d2a38eb;padding:4px}.control-color-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.control-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(181,204,222,.2);border-radius:12px;padding:10px 14px;background:#1d2a38eb;color:#edf3f8;font:700 .92rem/1 SF Mono,Menlo,monospace;cursor:pointer;transition:background .12s ease,border-color .12s ease}.control-button:hover{background:#293b4dfa;border-color:#b5ccde57}.control-button[aria-pressed=true]{background:#55a37feb;border-color:#72d3a375}.control-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;font:600 .95rem/1.4 SF Mono,Menlo,monospace}.control-switch-input{position:absolute;opacity:0;pointer-events:none}.control-switch-track{position:relative;width:48px;height:28px;flex:0 0 auto;border-radius:999px;background:#263443eb;border:1px solid rgba(181,204,222,.22);transition:background .12s ease,border-color .12s ease}.control-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#edf3f8;transition:transform .12s ease}.control-switch-input:checked+.control-switch-track{background:#55a37feb;border-color:#72d3a375}.control-switch-input:checked+.control-switch-track:after{transform:translate(20px)}.control-toggle{display:flex;align-items:center;gap:10px;font:600 .95rem/1.4 SF Mono,Menlo,monospace}@media (max-width: 900px){.render-layout{grid-template-columns:1fr;width:100%}.controls{position:static;width:auto}.render-view,.render-placeholder{max-height:none}.render-view{width:100%}}