*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;position:fixed;width:100%;height:100%}#panorama{width:100vw;height:100vh;position:fixed;top:0;left:0}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:20px;line-height:1}.overlay-controls{position:fixed;top:0;left:0;width:100%;padding:24px;z-index:100;background:linear-gradient(to bottom,#000c,#0009 40%,#0000)}.controls-wrapper{max-width:1200px;margin:0 auto;color:#fff;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}h1{font-size:1.75rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0}.buttons{display:flex;gap:12px}button{padding:10px 20px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.9rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px}button:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-1px)}button:active{transform:translateY(0)}.scene-select{position:relative;min-width:250px}.scene-toggle{width:100%}.scene-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#000000e6;border-radius:8px;padding:12px;display:none;flex-direction:column;gap:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.scene-select.active .scene-dropdown{display:flex}.search-wrapper{display:flex;align-items:center;gap:8px;padding:0 8px}.search-wrapper label{color:#fff9}#sceneSearch{flex:1;padding:10px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff26;color:#fff;font-size:.9rem;width:100%}#sceneSearch::placeholder{color:#fff9}#sceneSearch:focus{outline:none;border-color:#fff6;box-shadow:0 0 0 2px #ffffff1a}.select-wrapper{position:relative;width:100%}select{width:100%;padding:10px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff26;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}select[size]{height:auto;max-height:300px;overflow-y:auto}select option{padding:8px 16px;background:#2c3e50;color:#fff;cursor:pointer}select option:hover{background:#34495e}select:focus{outline:none;border-color:#fff6;box-shadow:0 0 0 2px #ffffff1a}select::-webkit-scrollbar{width:8px}select::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}select::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}select::-webkit-scrollbar-thumb:hover{background:#fff6}@media (max-width: 768px){.overlay-controls{padding:16px}.controls-wrapper{flex-direction:column;align-items:stretch;gap:16px}h1{font-size:1.25rem;text-align:center}.buttons{justify-content:center;flex-wrap:wrap;gap:8px}button{flex:1;min-width:80px;max-width:120px;padding:12px;font-size:.85rem;height:44px;justify-content:center}.scene-select{min-width:0}select[size]{max-height:200px}}@media (max-width: 380px){.overlay-controls{padding:12px}.controls-wrapper{gap:12px}h1{font-size:1.1rem;display:none}button{min-width:60px;padding:8px;height:40px}.button-text{display:none}.material-symbols-rounded{font-size:24px;margin:0 auto}}@supports (padding: max(0px)){.overlay-controls{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media (prefers-color-scheme: dark){select option{background:#1a1a1a}}