@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,sans-serif;background:#000;color:#fdfdfd;overflow:hidden}.frame-panel{background:#0000008c;border:2px solid rgba(120,140,180,.35);border-radius:6px;box-shadow:inset 0 0 12px #50648c26,0 2px 8px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-framed{font-family:Noto Sans JP,sans-serif;padding:10px 28px;min-width:140px;min-height:44px;border:2px solid rgba(140,160,200,.4);border-radius:4px;background:linear-gradient(180deg,#3c4664b3,#232841cc);color:#fcfdfd;font-size:15px;font-weight:400;cursor:pointer;text-shadow:0 0 4px rgba(0,0,0,.8);box-shadow:0 2px 6px #0006;transition:background .15s,border-color .15s;letter-spacing:.5px}.btn-framed:hover:not(:disabled){background:linear-gradient(180deg,#4b5578cc,#2d3250d9);border-color:#a0b4dc80}.btn-framed:active:not(:disabled){background:linear-gradient(180deg,#28304bd9,#191e32e6);border-color:#6478a066}.btn-framed:disabled{opacity:.35;cursor:default}.btn-framed.btn-primary{background:linear-gradient(180deg,#285a3ccc,#19412ad9);border-color:#50a06e66}.btn-framed.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#376e4bd9,#235037e6);border-color:#64b48280}.text-shadow{text-shadow:0 0 4px rgb(0,0,0),0 0 8px rgba(0,0,0,.5)}.text-shadow-lg{text-shadow:0 0 8px rgb(0,0,0),0 0 16px rgba(0,0,0,.5)}.warning-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 48px;font-size:28px;font-weight:500;color:#000;text-align:center;z-index:20;letter-spacing:1px}.warning-tracking-unstable{background:#ffe52e61}.warning-tracking-lost{background:#ff3a2e61}.warning-camera-offline{background:transparent;color:#8f8f8f}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Noto Sans JP,sans-serif;background:#0f0f1ecc;border:1px solid rgba(120,140,180,.3);border-radius:4px;color:#fdfdfd;padding:6px 10px;font-size:14px}select:focus{outline:none;border-color:#8ca0dc80}input[type=range],input[type=checkbox]{accent-color:#4a6aa0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a1480}::-webkit-scrollbar-thumb{background:#646e8c80;border-radius:3px}.camera-frame{position:relative;border:2px solid rgba(100,120,160,.4);border-radius:4px;box-shadow:inset 0 0 8px #0006,0 2px 8px #00000080;padding:4px;background:#0006}