.nexus-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:40px 20px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.main-layout{justify-content:flex-start;padding-top:calc(96px + env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.login-box,.welcome-card,.user-management{background:var(--surface);padding:2.5rem;border-radius:var(--border-radius);border:1px solid var(--surface-border);width:100%;max-width:400px}.content-area{width:100%;max-width:900px}.welcome-card,.user-management{max-width:900px}h1{font-size:clamp(1.125rem,.95rem + .7vw,1.375rem);font-weight:600;margin-bottom:2rem;color:var(--accent);letter-spacing:-.02em}.hint{color:var(--text-dim);font-size:.875rem;margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-size:.75rem;font-weight:500;margin-bottom:.5rem;color:var(--text-dim)}.input-group input{width:100%;background:#fff;border:1px solid var(--surface-border);border-radius:6px;color:var(--text);padding:10px 12px;outline:none;transition:var(--transition);font-size:.875rem}.input-group input:focus{border-color:#999}.cyber-btn{background:var(--accent);border:1px solid var(--accent);border-radius:6px;color:#fff;padding:10px;font-weight:500;font-size:.875rem;cursor:pointer;transition:var(--transition);width:100%}@media (hover: hover){.cyber-btn:hover{background:transparent;color:var(--accent)}}.cyber-btn.mini{width:auto;padding:6px 16px}.error-msg{color:#d00;font-size:.75rem;margin-bottom:1rem;border:1px solid rgba(221,0,0,.2);padding:8px;border-radius:4px;background:#dd00000d}.cyber-nav{position:fixed;top:0;left:0;right:0;min-height:64px;padding-top:env(safe-area-inset-top);padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-border);display:flex;align-items:center;justify-content:center;gap:8px;z-index:100}.cyber-nav button{background:transparent;border:none;color:var(--text-dim);font-weight:400;font-size:.875rem;padding:8px 12px;min-height:40px;cursor:pointer;transition:var(--transition);border-radius:4px;white-space:nowrap}.cyber-nav button.active{color:var(--accent);background:#0000000d}@media (hover: hover){.cyber-nav button:hover:not(.active){color:var(--text)}}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1px;background:var(--surface-border);border:1px solid var(--surface-border);border-radius:var(--border-radius);overflow:hidden}.status-item{background:var(--surface);padding:2rem;display:flex;justify-content:space-between;align-items:center}.status-item span:first-child{color:var(--text-dim);font-size:.875rem}.status-item .val{color:var(--accent);font-weight:500}.user-table{width:100%;border-collapse:collapse;margin-top:2rem}.user-table th{text-align:left;padding:12px 16px;color:var(--text-dim);font-weight:500;font-size:.75rem;text-transform:uppercase;border-bottom:1px solid var(--surface-border)}.user-table td{padding:16px;border-bottom:1px solid var(--surface-border);font-size:.875rem}.create-user-form{display:flex;gap:12px;margin-top:2rem;padding:1rem;background:#fff;border:1px solid var(--surface-border);border-radius:var(--border-radius)}.create-user-form input{background:transparent;border:1px solid var(--surface-border);border-radius:4px;padding:8px 12px;color:var(--text);flex:1;font-size:.875rem}.projects-page{background:var(--surface);padding:2rem;border-radius:var(--border-radius);border:1px solid var(--surface-border)}.drop-zone{border:1px dashed var(--surface-border);border-radius:var(--border-radius);padding:2rem;text-align:center;cursor:pointer;background:#fff;transition:var(--transition);margin:1rem 0 1.5rem}@media (hover: hover){.drop-zone:hover{border-color:#999}}.upload-progress{display:flex;align-items:center;gap:12px;justify-content:center}.upload-progress .bar{flex:1;max-width:320px;height:6px;background:var(--surface-border);border-radius:3px;overflow:hidden}.upload-progress .fill{height:100%;background:var(--accent);transition:width .2s ease}.bundle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.bundle-card{background:#fff;border:1px solid var(--surface-border);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;gap:6px}.bundle-card h3{margin:0;font-size:.95rem;font-weight:600;word-break:break-word}.bundle-meta{font-size:.75rem;color:var(--text-dim);margin:0}.bundle-meta.dim{font-size:.7rem;opacity:.7}.bundle-actions{display:flex;gap:8px;margin-top:8px}.link-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:.8rem;padding:6px 8px;border-radius:4px}@media (hover: hover){.link-btn:hover{background:#0000000d;color:var(--text)}.link-btn.danger:hover{color:#d00}}.viewer-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;padding-top:max(8px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));background:#0009;color:#fff;z-index:10;flex-wrap:wrap}.viewer-toolbar .link-btn{color:#fff}.viewer-status{font-size:.8rem;opacity:.8}.viewer-canvas{flex:1;position:relative;overflow:hidden;touch-action:none}.splat-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,80vw);padding:20px 24px;background:#000000a6;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;pointer-events:none}.splat-loader-label{font-size:.95rem;letter-spacing:.04em;margin-bottom:12px;opacity:.9}.splat-loader-track{height:8px;width:100%;background:#ffffff1f;border-radius:999px;overflow:hidden}.splat-loader-fill{height:100%;width:0%;background:linear-gradient(90deg,#4f8cff,#7ad0ff);border-radius:999px;transition:width .12s linear}.splat-loader-percent{margin-top:10px;font-size:.85rem;font-variant-numeric:tabular-nums;opacity:.85}.toast-stack{position:fixed;top:calc(80px + env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--border-radius);padding:10px 14px;font-size:.85rem;box-shadow:0 4px 16px #00000014;max-width:320px;animation:toast-in .16s ease-out}.toast-success{border-color:#16a34a;color:#166534}.toast-error{border-color:#dc2626;color:#991b1b}.toast-info{border-color:var(--surface-border);color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:500}.modal-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--border-radius);padding:1.5rem 1.75rem;max-width:420px;width:90%}.modal-card h2{margin-top:0;font-size:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:1.25rem}.cyber-btn.danger{background:#dc2626;border-color:#dc2626}.cyber-btn.danger:hover{background:transparent;color:#dc2626}@media (max-width: 900px){.login-box,.welcome-card,.user-management{padding:2rem}.status-item{padding:1.5rem}.bundle-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}}@media (max-width: 600px){.nexus-wrapper.main-layout{padding-top:calc(76px + env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}.login-box,.welcome-card,.user-management{padding:1.5rem}.projects-page{padding:1.25rem}.bundle-grid{grid-template-columns:1fr}.input-group input,.create-user-form input{font-size:16px}.create-user-form{flex-direction:column;align-items:stretch}.create-user-form input,.create-user-form .cyber-btn.mini{width:100%}.cyber-btn.mini{padding:10px 16px;min-height:44px}.user-table th:first-child,.user-table td:first-child{display:none}.link-btn{min-height:40px;padding:8px 10px}.cyber-nav button{min-height:44px;padding:10px 12px;flex:0 0 auto}.cyber-nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.cyber-nav::-webkit-scrollbar{display:none}.drop-zone{padding:1.5rem 1rem}.toast-stack{top:auto;right:max(8px,env(safe-area-inset-right));left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom))}.toast{max-width:none}.modal-card{width:calc(100% - 24px)}.viewer-status{font-size:.75rem}}:root{--bg: #ffffff;--surface: #fafafa;--surface-border: #e5e5e5;--accent: #000000;--text: #111111;--text-dim: #666666;--border-radius: 8px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}body,html,#root{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}::selection{background:#0000000d;color:var(--accent)}
