:root{color-scheme:dark;font-family:Inter,"Segoe UI","Noto Sans KR",Arial,sans-serif;color:#f3f5f9;background:#101319;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,canvas:focus-visible{outline:2px solid #abcaff;outline-offset:5px}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}#app{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#222e42 0%,#131922 42%,#101319 75%)}#view{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;z-index:-2}#view:active{cursor:grabbing}.shade{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(#0005,transparent 24%,transparent 62%,#0008)}header{display:flex;align-items:center;justify-content:space-between;padding:30px 38px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:3px;font-weight:700}.logo{font-size:35px;color:#b7d0ff;font-weight:400}.brand-sub{display:block;font-size:10px;letter-spacing:3.6px;color:#9ba8ba;margin-top:4px}.head-actions{display:flex;align-items:center;gap:20px}.private{color:#b6bfcb;font-size:13px}.primary{border:1px solid #a6c7ff;background:#b8d0ff;color:#111c31;border-radius:8px;padding:12px 19px;font-size:14px;font-weight:700}#empty{text-align:center;margin:5vh auto 160px;max-width:550px;padding:0 24px}.eyebrow{font-size:12px;letter-spacing:3px;color:#adc7ef;font-weight:600}h1{font-size:clamp(34px,4.1vw,56px);line-height:1.25;letter-spacing:-2px;margin:23px 0 18px;font-weight:600}h1 span{color:#afc6e8}#empty>p{color:#aab4c2;font-size:16px;line-height:1.8;margin-bottom:30px}.drop{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px dashed #64738a;border-radius:14px;background:#ffffff04;padding:25px;transition:.2s}.drop:hover{background:#adc7ff0d;border-color:#bfd5ff}.upload-icon{font-size:26px;line-height:38px;width:42px;height:42px;border-radius:50%;background:#adc7ff12;color:#c6d9f7}.drop strong{font-size:16px;font-weight:500}.drop>span:not(.upload-icon){color:#aab4c2;font-size:14px}.drop small{color:#8592a6;font-size:12px;margin-top:5px}.local-note{font-size:12px;color:#929eaf;margin-top:18px;line-height:1.7}footer{position:absolute;bottom:22px;left:38px;right:38px}.bottom-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:#b8c2d0}#count{font-weight:400;color:#789bc9;margin-left:10px}.gesture i{font-style:normal;margin:0 13px;color:#64728a}#help{border:none;background:none;color:#b8c2d0;padding:10px 0}#controls{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:16px auto 0;padding:6px 10px;background:#14191de8;border:1px solid #ffffff20;border-radius:12px;backdrop-filter:blur(12px)}#controls button{border:0;background:transparent;min-width:40px;min-height:40px;border-radius:7px;font-size:22px}#controls button:hover:not(:disabled),#controls button[aria-pressed=true]{background:#b9d2ff20;color:#b9d2ff}#controls button span{font-size:13px;margin:0 6px}#fov{font-size:12px;min-width:35px;text-align:center;color:#b1bbc9}.divider{height:20px;width:1px;background:#ffffff20;margin:0 7px}#scene-info{position:absolute;top:130px;left:38px;text-shadow:0 2px 15px #000}#scene-info h1{font-size:26px;letter-spacing:-.5px;max-width:75vw;overflow-wrap:anywhere;margin:12px 0}#scene-meta{font-size:13px;color:#d0d7e1}#scenes{display:flex;gap:10px;overflow-x:auto;margin-top:12px;padding:3px;scrollbar-width:thin}#scenes:empty{display:none}.scene{position:relative;min-width:130px;width:130px;height:78px;border:1px solid #ffffff50;padding:0;background:#151923;border-radius:8px;overflow:hidden;flex-shrink:0}.scene[aria-pressed=true]{border:2px solid #b8d0ff}.scene img{width:100%;height:100%;object-fit:cover}.scene span{position:absolute;inset:auto 0 0;padding:14px 8px 7px;background:linear-gradient(transparent,#000c);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}#status{position:fixed;top:100px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;border-radius:9px;background:#172231ef;font-size:14px;padding:12px 18px;z-index:5;box-shadow:0 5px 30px #0005}#status:empty{display:none}#drag-overlay{position:absolute;inset:14px;display:grid;place-items:center;border:2px dashed #bfd5ff;background:#15233bea;border-radius:16px;font-size:24px;z-index:10;pointer-events:none}dialog{width:min(540px,92vw);background:#171f2b;color:#eef3fa;border:1px solid #46536a;border-radius:16px;padding:35px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}#close-help{float:right;border:0;background:transparent;padding:0 0 15px 15px}dialog h2{font-size:25px;letter-spacing:-1px;margin:22px 0}dialog ol{padding-left:22px}dialog li{padding-left:6px;margin:24px 0}dialog p{font-size:14px;color:#b5c0d0;line-height:1.8}dialog strong{font-size:16px}.guide-note{border-top:1px solid #ffffff20;padding-top:20px}body.loaded #app{height:100svh}body.loaded .bottom-top{text-shadow:0 1px 5px #000}body.loaded footer{background:linear-gradient(transparent,#0002);border-radius:12px}body.loaded #empty{display:none}@media(max-width:600px){header{padding:22px 20px}.brand{font-size:15px;gap:8px;letter-spacing:2px}.brand-sub{font-size:9px;letter-spacing:2px}.logo{font-size:28px}.private{display:none}.primary{padding:10px 12px}#empty{margin:5vh auto 170px}footer{left:20px;right:20px;bottom:20px}.gesture{display:none}#controls{gap:1px;padding:5px}#controls button span{display:none}#scene-info{top:110px;left:22px}.scene{width:110px;min-width:110px;height:66px}dialog{padding:25px}}@media(max-height:720px) and (min-width:601px){#empty{margin:0 auto 145px}h1{font-size:40px;margin:16px 0}#empty>p{margin-bottom:18px}.drop{padding:17px;gap:9px}}

body:not(.loaded) #view{visibility:hidden}