:root{color:#e9eef0;font-synthesis:none;--ink:#091015;--panel:#101a20;--panel-2:#142128;--line:#25333a;--muted:#7c8c93;--acid:#e4ff5f;--cyan:#55c9f2;--danger:#ff665e;--mono:"SFMono-Regular", "Roboto Mono", Consolas, monospace;background:#091015;font-family:Noto Sans JP,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button,label.local-open,label.sidebar-local{cursor:pointer}.brand{font:600 12px/1 var(--mono);letter-spacing:.16em;align-items:center;gap:12px;display:flex}.brand-mark{width:34px;height:34px;color:var(--ink);background:var(--acid);letter-spacing:0;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%);place-items:center;font-size:12px;display:grid}.eyebrow,.section-label,.breadcrumb{color:var(--acid);font:500 10px/1.4 var(--mono);letter-spacing:.14em}.auth-shell{background:var(--ink);grid-template-columns:minmax(0,1.45fr) minmax(420px,.75fr);min-height:100vh;display:grid}.auth-story{border-right:1px solid var(--line);background:radial-gradient(circle at 78% 45%,#4979852e,#0000 28%),linear-gradient(115deg,#0c171d 0%,#0a1115 70%);flex-direction:column;min-height:100vh;padding:48px 6vw 55px;display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";opacity:.18;background-image:linear-gradient(#98b4bc1f 1px,#0000 1px),linear-gradient(90deg,#98b4bc1f 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 5%,#000 35% 80%,#0000);mask-image:linear-gradient(#0000 5%,#000 35% 80%,#0000)}.auth-story>*{z-index:1;position:relative}.auth-story .eyebrow{margin-top:auto}.auth-story h1{color:#f1f5f5;letter-spacing:-.07em;max-width:800px;margin:24px 0 22px;font-size:clamp(50px,6.7vw,104px);line-height:1.02}.auth-story h1 em{color:#0000;-webkit-text-stroke:1px #96a8af;font-style:normal}.auth-story .lede{color:#a9b7bc;max-width:660px;margin:0 0 48px;font-size:15px;line-height:2}.feature-strip{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:760px;display:grid}.feature-strip>div{border-right:1px solid var(--line);flex-direction:column;padding:20px 16px 20px 0;display:flex}.feature-strip>div+div{padding-left:20px}.feature-strip strong{color:var(--acid);font:500 13px var(--mono)}.feature-strip span{color:var(--muted);margin-top:8px;font-size:11px}.factory-grid{z-index:0;aspect-ratio:1;opacity:.42;background:repeating-linear-gradient(90deg,#0000 0 39px,#253d46 40px),repeating-linear-gradient(0deg,#0000 0 39px,#253d46 40px);border:1px solid #46606a;width:52%;position:absolute;top:12%;right:-4%;transform:perspective(700px)rotateX(58deg)rotate(-30deg)}.factory-grid span{background:#354c548c;border:1px solid #77929a;position:absolute;box-shadow:0 30px 60px #000}.factory-grid span:first-child{inset:16% 52% 54% 10%}.factory-grid span:nth-child(2){inset:48% 10% 18% 60%}.factory-grid span:nth-child(3){inset:18% 15% 62% 62%}.factory-grid span:nth-child(4){inset:56% 60% 13% 15%}.factory-grid span:nth-child(5){inset:38% 38% 38% 40%}.auth-panel{background:#0d161b;flex-direction:column;justify-content:center;min-height:100vh;padding:34px clamp(34px,5vw,76px);display:flex}.system-status{color:#73858c;font:10px var(--mono);letter-spacing:.12em;position:absolute;top:42px;right:52px}.system-status i{background:var(--acid);width:6px;height:6px;box-shadow:0 0 10px var(--acid);border-radius:50%;margin-right:7px;display:inline-block}.system-status span{color:#47575e;margin-left:18px}.auth-card{width:min(100%,460px);margin-inline:auto}.auth-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:54px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:14px;font-size:13px}.auth-tabs button.active{color:#eff4f5;border-color:var(--acid)}.auth-card h2{letter-spacing:-.04em;margin:0 0 12px;font-size:30px}.auth-card>p{color:var(--muted);margin:0 0 34px;font-size:12px}.auth-card form{gap:19px;display:grid}.auth-card label,.modal label,.annotation-editor label{color:#899aa0;font:10px var(--mono);letter-spacing:.08em;gap:9px;display:grid}input,textarea,select{color:#edf2f3;background:#111d23;border:1px solid #2b3b42;outline:none;width:100%;transition:border .2s,box-shadow .2s}input,select{height:48px;padding:0 14px}textarea{resize:vertical;min-height:110px;padding:13px 14px}input:focus,textarea:focus,select:focus{border-color:#7e9a9f;box-shadow:0 0 0 3px #e4ff5f0f}.primary-button,.upload-button{color:#0b1114;background:var(--acid);border:0;min-height:48px;font-weight:700}.primary-button:disabled{opacity:.6}.form-error,.viewer-error{color:#ffaaa4;font-size:12px}.divider{border-top:1px solid var(--line);text-align:center;margin:30px 0 22px;position:relative}.divider span{color:#52636a;background:#0d161b;padding:0 12px;font-size:10px;position:relative;top:-10px}.local-open{color:#bdc8cb;border:1px solid #34454c;place-items:center;height:46px;font-size:12px;display:grid}.local-open input,.sidebar-local input{display:none}.auth-card small{color:#52636a;text-align:center;margin-top:12px;font-size:9px;display:block}.auth-panel footer{color:#46565c;font:9px var(--mono);justify-content:space-between;display:flex;position:absolute;bottom:30px;left:calc(65% + 50px);right:50px}.app-shell{background:#0a1216;grid-template:68px 1fr/272px 1fr;min-height:100vh;display:grid}.topbar{z-index:5;border-bottom:1px solid var(--line);background:#0a1216f0;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 26px;display:flex}.topbar-meta{align-items:center;gap:24px;display:flex}.topbar-meta button{color:var(--muted);background:0 0;border:0;font-size:11px}.live-dot{color:#7f9096;font:9px var(--mono);letter-spacing:.12em}.live-dot:before{content:"";background:var(--acid);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.sidebar{border-right:1px solid var(--line);background:#0d171c;flex-direction:column;min-height:calc(100vh - 68px);padding:30px 16px 22px;display:flex}.section-label{justify-content:space-between;padding-inline:8px;display:flex}.section-label span{color:#586970}.sidebar nav{gap:6px;margin-top:22px;display:grid}.sidebar nav button{color:#78898f;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:30px 1fr;align-items:center;width:100%;padding:14px 10px;display:grid}.sidebar nav button:hover{background:#121f25}.sidebar nav button.selected{color:#eaf0f2;background:#17242a;border-color:#293a41}.project-index{color:#52646b;font:10px var(--mono)}.sidebar nav strong,.sidebar nav small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar nav strong{font-size:12px}.sidebar nav small{color:#64767c;margin-top:5px;font-size:9px}.new-project,.sidebar-local{color:#89999e;background:0 0;border:1px dashed #35464d;height:43px;margin-top:14px;font-size:11px}.sidebar-local{border-style:solid;place-items:center;margin-top:auto;display:grid}.workspace{background-image:linear-gradient(#2839401a 1px,#0000 1px),linear-gradient(90deg,#2839401a 1px,#0000 1px);background-size:80px 80px;min-width:0;padding:clamp(26px,4vw,58px);overflow:hidden}.workspace-heading{justify-content:space-between;align-items:end;gap:28px;display:flex}.workspace-heading h1{letter-spacing:-.05em;margin:10px 0 5px;font-size:clamp(29px,3vw,46px)}.workspace-heading p{color:var(--muted);margin:0;font-size:12px}.upload-button{min-width:205px;padding:0 18px}.upload-button span{margin-left:28px;font-size:20px}.upload-button:disabled{opacity:.3}.progress-card{background:#111b1b;border:1px solid #3d4b3d;height:34px;margin-top:24px;position:relative;overflow:hidden}.progress-card span{background:#e4ff5f2e;position:absolute;inset:0 auto 0 0}.progress-card strong{height:100%;font:10px var(--mono);place-items:center;display:grid;position:relative}.notice{border-left:2px solid var(--acid);color:#aab8bc;background:#111d22;margin-top:18px;padding:12px 14px;font-size:11px}.metric-row{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(140px,240px));margin-top:42px;display:grid}.metric-row article{border-right:1px solid var(--line);grid-template:auto auto/1fr auto;padding:18px 24px 18px 0;display:grid}.metric-row article+article{padding-left:24px}.metric-row span{color:#63757b;font:9px var(--mono)}.metric-row strong{font:500 32px var(--mono);grid-area:1/2/3}.metric-row small{color:#9ba9ad;font-size:10px}.scene-section{margin-top:48px}.section-title{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.section-title h2{margin:0;font-size:18px}.section-title span{color:#51636a;font:9px var(--mono)}.empty-scene{border:1px solid var(--line);text-align:center;background:#0d171cbf;align-content:center;place-items:center;min-height:340px;padding:45px;display:grid}.empty-scene h3{margin:26px 0 8px;font-size:16px}.empty-scene p{max-width:460px;color:var(--muted);margin:0 0 22px;font-size:11px;line-height:1.8}.empty-scene button{color:#b8c5c8;background:0 0;border:1px solid #52666d;padding:11px 22px;font-size:11px}.scan-cube{border:1px solid #70848b;width:70px;height:70px;animation:2.5s ease-in-out infinite breathe;position:relative;transform:rotate(30deg)skew(-8deg)}.scan-cube:after{content:"";border:1px solid #2f4249;position:absolute;inset:-12px}.scan-cube i{background:var(--acid);height:1px;box-shadow:0 0 10px var(--acid);animation:2.5s linear infinite scan;position:absolute}.scene-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.scene-card{border:1px solid var(--line);background:#101b20;grid-template-columns:45% 55%;min-height:240px;display:grid}.scene-preview{background:radial-gradient(circle,#263b42,#0000 58%),repeating-linear-gradient(0deg,#0000 0 22px,#1b2b31 23px);place-items:center;display:grid;position:relative;overflow:hidden}.scene-preview>span{color:#6e8288;font:8px var(--mono);position:absolute;bottom:10px;left:12px}.radar{background:conic-gradient(from 0deg,transparent 0 75%,#e4ff5f38);border:1px solid #536d75;border-radius:50%;width:90px;height:90px;animation:5s linear infinite rotate}.radar:after{content:"";background:var(--acid);width:3px;height:3px;box-shadow:0 0 9px var(--acid);border-radius:50%;margin:42px;display:block}.scene-info{padding:24px 20px}.scene-info .status{color:#9facb0;font:8px var(--mono);border:1px solid #425159;padding:4px 7px;display:inline-block}.scene-info .status.completed{color:var(--acid);border-color:#718137}.scene-info .status.failed{color:#ff8881;border-color:#7c3733}.scene-info h3{margin:18px 0 5px;font-size:15px}.scene-info p{color:#65777d;font:9px var(--mono)}.scene-info button{color:#adbec2;background:0 0;border:1px solid #384a51;width:100%;margin-top:22px;padding:10px;font-size:10px}.scene-info button:disabled{opacity:.4}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03080bcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#111d23;border:1px solid #394b52;width:min(100%,500px);padding:30px;box-shadow:0 24px 80px #000}.modal h2{margin:18px 0 28px}.modal label{margin-top:18px}.modal>div:last-child{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.modal>div:last-child button{background:0 0;border:1px solid #415159;min-width:110px;padding:11px 15px}.modal>div:last-child .primary-button{border-color:var(--acid);background:var(--acid)}.viewer-shell{background:#05090b;position:fixed;inset:0;overflow:hidden}.viewer-shell.placing .viewer-canvas canvas{cursor:crosshair!important}.viewer-canvas{position:absolute;inset:0}.viewer-canvas canvas{display:block;width:100%!important;height:100%!important}.viewer-topbar{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080e11e0;border-bottom:1px solid #6d818959;grid-template-columns:44px 210px 1fr auto;align-items:center;height:64px;padding:0 22px;display:grid;position:absolute;top:0;left:0;right:0}.viewer-back{background:0 0;border:1px solid #394a50;width:30px;height:30px}.viewer-title{color:#65777d;font:9px var(--mono);gap:8px;display:flex}.viewer-title strong{color:#c8d3d6}.viewer-actions{align-items:center;gap:14px;display:flex}.viewer-actions>span{color:#6c7d83;font:9px var(--mono)}.viewer-actions>span.dirty{color:#f5be61}.viewer-actions button{color:var(--acid);background:#e4ff5f0d;border:1px solid #9cae49;padding:9px 14px;font-size:10px}.viewer-sidebar{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#091014db;border-right:1px solid #6d81894d;width:260px;padding:24px 14px;position:absolute;top:64px;bottom:0;left:0}.place-button{color:#d6dfe1;text-align:left;background:#18252bcc;border:1px dashed #486068;grid-template-columns:36px 1fr;align-items:center;width:100%;margin-top:22px;padding:13px;display:grid}.place-button.active{border-color:var(--acid)}.place-button>i{border:1px solid #71858c;place-items:center;width:27px;height:27px;font-style:normal;display:grid}.place-button strong,.place-button small{display:block}.place-button strong{font-size:11px}.place-button small{color:#65777d;margin-top:5px;font-size:8px}.annotation-list{gap:5px;margin-top:14px;display:grid}.annotation-list button{text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:30px 1fr;align-items:center;padding:11px 9px;display:grid}.annotation-list button:hover,.annotation-list button.selected{background:#142127;border-color:#314249}.annotation-list i{color:#071014;width:21px;height:21px;font:700 9px var(--mono);border-radius:50%;place-items:center;font-style:normal;display:grid}.annotation-list strong,.annotation-list small{display:block}.annotation-list strong{color:#c5d0d3;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.annotation-list small{color:#5f7178;font:7px var(--mono);margin-top:4px}.viewer-hud{z-index:4;color:#708188;font:8px var(--mono);gap:16px;display:flex;position:absolute;bottom:20px;left:282px}.viewer-hud b{color:#afbdc1;border:1px solid #43545b;padding:3px 5px;font-weight:400}.viewer-axis{color:#89999e;width:48px;height:48px;font:9px var(--mono);position:absolute;bottom:22px;right:24px}.viewer-axis:after{content:"";border-bottom:1px solid #70838a;border-left:1px solid #70838a;position:absolute;inset:12px;transform:rotate(-30deg)}.viewer-axis i,.viewer-axis span,.viewer-axis b{font-style:normal;font-weight:400;position:absolute}.viewer-axis i{color:#54c8ff;top:0;left:23px}.viewer-axis span{color:#e4ff5f;bottom:0;left:0}.viewer-axis b{color:#ff665e;bottom:7px;right:0}.viewer-loading{z-index:10;color:#afbdc1;background:#071014;align-content:center;place-items:center;display:grid;position:absolute;inset:64px 0 0 260px}.viewer-loading div{border:1px solid #405259;border-top-color:var(--acid);border-radius:50%;width:58px;height:58px;margin-bottom:18px;animation:1s linear infinite rotate}.viewer-loading strong{font:10px var(--mono);letter-spacing:.14em}.viewer-loading span{color:#5e7077;margin-top:8px;font-size:9px}.viewer-error{z-index:12;background:#2c1414eb;border:1px solid #793f3b;align-items:center;max-width:520px;padding:12px 14px;display:flex;position:absolute;bottom:85px;right:22px}.viewer-error button{color:#ffaaa4;background:0 0;border:0;margin-left:14px}.spatial-pin{z-index:5;transform-origin:0 0;background:0 0;border:0;align-items:center;padding:0;display:flex;position:absolute;top:0;left:0}.spatial-pin i{color:#081014;background:var(--pin-color);width:28px;height:28px;font:700 9px var(--mono);border:2px solid #fff;border-radius:50%;place-items:center;font-style:normal;display:grid;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #050a0c6b,0 6px 20px #000}.spatial-pin span{border-left:2px solid var(--pin-color);color:#dfe7e9;white-space:nowrap;opacity:0;background:#080f12d6;padding:6px 8px;font-size:9px;transition:opacity .15s;transform:translate(-8px,-50%)}.spatial-pin:hover span,.spatial-pin.selected span{opacity:1}.spatial-pin.selected i{box-shadow:0 0 0 7px color-mix(in srgb,var(--pin-color) 30%,transparent),0 8px 25px #000}.annotation-editor{z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d171cf5;border-left:1px solid #32434a;width:340px;padding:24px;position:absolute;top:64px;bottom:0;right:0;overflow:auto}.annotation-editor header{justify-content:space-between;align-items:start;display:flex}.annotation-editor header span,.annotation-editor header strong{display:block}.annotation-editor header span{color:var(--acid);font:8px var(--mono);letter-spacing:.12em}.annotation-editor header strong{color:#71838a;font:9px var(--mono);margin-top:5px}.annotation-editor header button{color:#91a1a6;background:0 0;border:0;font-size:22px}.editor-pin{background:#101c21;border:1px solid #2d3e45;align-items:center;margin:25px 0;padding:14px;display:flex}.editor-pin i{background:#9da9ad;border-radius:50%;width:22px;height:22px;margin-right:13px;box-shadow:0 0 0 4px #26343a}.editor-pin i.safety{background:var(--danger)}.editor-pin i.procedure{background:var(--cyan)}.editor-pin i.equipment{background:#f6b84d}.editor-pin span{color:#74868c;font:8px/1.6 var(--mono)}.annotation-editor label{margin-top:18px}.annotation-editor textarea{min-height:170px;line-height:1.7}.delete-button{color:#cc7772;background:0 0;border:1px solid #593632;width:100%;margin-top:28px;padding:11px;font-size:10px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.5;transform:rotate(30deg)skew(-8deg)scale(.94)}}@keyframes scan{0%{width:100%;top:0;left:0}to{width:100%;top:100%;left:0}}@media (max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:48vh;padding:30px}.auth-story h1{margin-top:auto;font-size:48px}.auth-story .lede,.feature-strip{display:none}.auth-panel{min-height:52vh;padding:50px 28px 70px}.system-status{top:calc(48vh + 20px);right:25px}.auth-panel footer{margin-top:45px;position:static}.app-shell{grid-template:60px auto 1fr/1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);grid-row:2;min-height:auto;padding:14px;overflow-x:auto}.sidebar .section-label,.new-project,.sidebar-local{display:none}.sidebar nav{margin:0;display:flex}.sidebar nav button{min-width:180px}.workspace{grid-row:3;padding:26px 18px}.metric-row{grid-template-columns:repeat(3,1fr)}.viewer-sidebar{border-top:1px solid #32434a;border-right:0;width:100%;height:126px;padding:12px;top:auto;bottom:0;right:0}.viewer-sidebar .section-label{display:none}.place-button{width:190px;margin:0}.annotation-list{margin:0;display:flex;position:absolute;inset:8px 10px 8px 215px;overflow-x:auto}.annotation-list button{min-width:160px}.viewer-topbar{grid-template-columns:38px 46px 1fr auto}.viewer-topbar .brand>span:last-child,.viewer-title span,.viewer-actions>span{display:none}.viewer-loading{inset:64px 0 126px}.viewer-hud{display:none}.annotation-editor{width:min(340px,90vw);top:64px;bottom:126px}}@media (max-width:560px){.auth-story{min-height:42vh}.auth-story h1{font-size:39px}.auth-panel{min-height:58vh}.system-status{top:calc(42vh + 16px)}.workspace-heading{flex-direction:column;align-items:start}.upload-button{width:100%}.metric-row article{padding:12px 10px}.metric-row article+article{padding-left:10px}.metric-row strong{font-size:24px}.scene-card{grid-template-columns:38% 62%}.viewer-actions button{padding:8px;font-size:0}.viewer-actions button:after{content:"保存";font-size:9px}}