@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Chakra+Petch:wght@400;500;600;700&display=swap";:root{color:#eef5ff;background:radial-gradient(circle at top,#173057,#080c18 55%,#04050b);color-scheme:dark;font-family:Chakra Petch,Segoe UI,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;background:#04050b}body{min-width:320px;min-height:100vh;margin:0}body,button,input{font:inherit}button{cursor:pointer}img,video,canvas{display:block;max-width:100%}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:clamp(1.1rem,2vw,2rem)}.ambient{pointer-events:none;position:absolute;inset:auto;border-radius:999px;filter:blur(50px);opacity:.7}.ambient-a{top:-8rem;right:-6rem;width:22rem;height:22rem;background:radial-gradient(circle,#14f2ff66,#14f2ff00)}.ambient-b{bottom:-7rem;left:-4rem;width:20rem;height:20rem;background:radial-gradient(circle,#ff31ad57,#ff31ad00)}.config-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:1.4rem;min-height:calc(100vh - 4rem)}.hero-panel,.config-panel,.scene-overlay,.mobile-control-bar{border:1px solid rgba(151,221,255,.18);background:linear-gradient(150deg,#0a1022e0,#070b17b8),#090c16d1;box-shadow:0 24px 80px #0000006b,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{display:flex;flex-direction:column;justify-content:space-between;border-radius:2rem;padding:clamp(1.4rem,3vw,2.8rem)}.eyebrow,.overlay-kicker{margin:0;letter-spacing:.24em;text-transform:uppercase;color:#88f2ff;font-family:Orbitron,sans-serif;font-size:.78rem}.hero-title{margin:.65rem 0 0;font-family:Orbitron,sans-serif;font-size:clamp(2.8rem,8vw,5.9rem);line-height:.94;letter-spacing:-.04em}.hero-copy{max-width:34rem;margin:1.35rem 0 0;color:#ecf5ffd1;font-size:1.02rem}.hero-tags{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}.hero-tags span,.status-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.58rem .9rem;border-radius:999px;background:#101a30c2;border:1px solid rgba(140,230,255,.14);color:#e5f7ff;font-size:.84rem}.preview-card{display:grid;grid-template-columns:220px 1fr;gap:1rem;margin-top:2rem;padding:1rem;border-radius:1.5rem;background:linear-gradient(155deg,#13f1ff1f,#ff3ab114),#040811cc}.preview-gallery{display:flex;flex-direction:column;gap:.75rem}.preview-photo{min-height:250px;border-radius:1.25rem;overflow:hidden;background:linear-gradient(145deg,#102d4df5,#0b1121f0);border:1px solid rgba(165,232,255,.12)}.preview-photo img{width:100%;height:100%;object-fit:cover}.preview-placeholder{display:grid;place-items:center;height:100%;padding:1rem;color:#e7f2ffbf;text-align:center}.preview-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.preview-thumb{padding:0;border:1px solid rgba(141,226,255,.1);border-radius:.9rem;overflow:hidden;background:#070c18db;cursor:pointer}.preview-thumb img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.preview-thumb-active{border-color:#10f0ffc7;box-shadow:0 0 0 1px #10f0ff42,0 14px 32px #050c1847}.preview-copy{display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem}.preview-name{margin:0;font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,3vw,2.7rem)}.preview-age,.preview-status{margin:0;color:#e5f6ffd1}.config-panel{display:flex;flex-direction:column;gap:1rem;border-radius:2rem;padding:clamp(1.2rem,2.6vw,2rem)}.panel-header h2{margin:0;font-family:Orbitron,sans-serif;font-size:1.55rem}.panel-header p,.assistive-note,.permission-card span,.scene-note-card span,.overlay-status,.camera-placeholder{color:#e2efffbd}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field-group{display:flex;flex-direction:column;gap:.55rem}.field-group span,.permission-card strong,.scene-note-card strong,.preview-monitor span:first-child{font-size:.9rem;color:#ecf6ffdb}.field-input,.upload-card,.toggle-card{border-radius:1.15rem;border:1px solid rgba(148,221,255,.16);background:#080e1ab8}.field-input{width:100%;padding:.95rem 1rem;color:#f4fbff;font-size:1rem}.field-input:focus{outline:2px solid rgba(24,237,255,.24);border-color:#18edff66}.upload-card{display:flex;flex-direction:column;gap:.3rem;min-height:108px;padding:1rem;cursor:pointer}.upload-title{color:#f4fbff;font-weight:600}.upload-hint{color:#e5f3ff99;font-size:.84rem}.permission-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.permission-card{display:flex;flex-direction:column;gap:.45rem;padding:.95rem;border-radius:1.15rem;background:#080c17c7;border:1px solid rgba(147,220,255,.12)}.toggle-card{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem}.toggle-card input{width:1rem;height:1rem}.error-banner{margin:0;padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(255,93,142,.26);background:#3f0c1cb8;color:#ffd8e4}.generate-button,.control-button,.mobile-control-bar button{position:relative;overflow:hidden;border:0;color:#f7fcff;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,#0ef0ff,#0c7dff 52%,#ff36b4)}.generate-button{width:100%;padding:1rem 1.1rem;border-radius:1.3rem;font-size:.95rem;letter-spacing:.08em}.generate-button:disabled,.control-button:disabled{opacity:.56;cursor:wait}.assistive-note{margin:0;font-size:.88rem}.experience-shell{position:relative;z-index:1;min-height:calc(100vh - 4rem)}.scene-frame{position:relative;height:calc(100vh - 4rem);min-height:calc(100vh - 4rem);border-radius:2rem;overflow:hidden;border:1px solid rgba(156,226,255,.12);background:radial-gradient(circle at top,#122443cc,#060810f5)}.scene-canvas{width:100%;height:100%;min-height:100%}.scene-loading{display:grid;place-items:center;width:100%;height:100%;min-height:100%;color:#eff8ff;font-family:Orbitron,sans-serif;letter-spacing:.08em;background:radial-gradient(circle at center,#18eeff1f,#05070ff0),#070a12fa}.scene-overlay{position:absolute;z-index:2;max-width:min(24rem,calc(100% - 2rem));padding:.8rem .85rem;border-radius:1.2rem}.scene-overlay-primary{top:.9rem;left:.9rem;width:min(20rem,calc(100% - 6rem))}.scene-overlay-secondary{top:.9rem;right:.9rem;width:min(14rem,calc(100% - 2rem))}.overlay-console-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem;margin-bottom:.7rem}.overlay-console-kicker{margin:0;color:#89f1ff;font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.overlay-console-copy,.console-collapsed-note{margin:.22rem 0 0;color:#e2efffb8;font-size:.78rem;line-height:1.45}.console-toggle{border:1px solid rgba(141,226,255,.18);border-radius:999px;padding:.46rem .72rem;background:#080e1ae0;color:#eef8ff;font-size:.74rem;font-family:Orbitron,sans-serif}.overlay-name{margin:.28rem 0 0;font-family:Orbitron,sans-serif;font-size:clamp(1.5rem,2.8vw,2.45rem);line-height:.95}.overlay-age{margin:.35rem 0 0;color:#96efff;font-size:.86rem}.overlay-status{margin:.62rem 0 0;font-size:.82rem}.status-row{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.72rem}.status-chip-granted,.status-chip-granted.status-chip,.status-chip-idle,.status-chip-blocked,.status-chip-unsupported{background:#0a1222b8}.status-chip-granted{box-shadow:inset 0 0 0 1px #18edff38}.status-chip-blocked{box-shadow:inset 0 0 0 1px #ff6fa238}.status-chip-unsupported{box-shadow:inset 0 0 0 1px #ffd06f2e}.scene-note-card,.preview-monitor{padding:.72rem;border-radius:1rem;background:#080c18b8;border:1px solid rgba(142,226,255,.12)}.scene-note-card{margin-top:.72rem}.preview-monitor{display:flex;flex-direction:column;gap:.55rem}.monitor-header{display:flex;align-items:center;justify-content:space-between;color:#dff1ffc2;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.monitor-body{overflow:hidden;border-radius:.9rem;min-height:118px;background:linear-gradient(145deg,#14304edb,#050811f5)}.camera-preview,.camera-placeholder{width:100%;min-height:118px;height:100%}.camera-preview{object-fit:cover;transform:scaleX(-1)}.camera-placeholder{display:grid;place-items:center;padding:1rem;text-align:center}.control-stack{display:flex;flex-direction:column;gap:.48rem;margin-top:.72rem}.control-button{padding:.68rem .85rem;border-radius:.88rem;font-size:.76rem;letter-spacing:.06em}.control-button-ghost{background:linear-gradient(155deg,#19233ef0,#0a0e19eb);border:1px solid rgba(136,225,255,.14);color:#edf7ff}.control-button-danger{background:linear-gradient(140deg,#ff4588fa,#7a223ff5)}.mobile-control-bar{position:absolute;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left));z-index:3;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:.8rem;border-radius:1.35rem}.mobile-control-bar button{border-radius:.95rem;padding:.85rem .8rem;font-size:.84rem}.gesture-sensor-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:1120px){.config-layout,.permission-list{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{padding:max(.85rem,env(safe-area-inset-top)) max(.85rem,env(safe-area-inset-right)) max(.85rem,env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-left))}.preview-card,.field-grid{grid-template-columns:1fr}.scene-frame,.scene-canvas{height:calc(100vh - 1.7rem);min-height:calc(100vh - 1.7rem)}.scene-overlay-secondary{top:auto;right:auto;bottom:5.4rem;left:.9rem;width:min(14rem,calc(100% - 2rem))}.scene-overlay-secondary-mobile{right:.9rem;left:auto;width:min(12rem,calc(100% - 2rem))}.scene-overlay-secondary-collapsed{width:min(10.5rem,calc(100% - 2rem))}.scene-overlay-secondary-collapsed .preview-monitor,.scene-overlay-secondary-collapsed .control-stack{display:none}.scene-overlay-primary{width:min(12.5rem,calc(100% - 5.2rem))}.mobile-control-bar{display:grid}}@media(max-width:640px){.hero-panel,.config-panel,.scene-overlay{border-radius:1.35rem}.hero-title{font-size:2.7rem}.scene-overlay-primary,.scene-overlay-secondary{position:absolute;right:.8rem;width:auto}.scene-overlay-primary{top:.8rem;left:.8rem;right:auto;width:min(10.8rem,calc(100% - 5rem));padding:.66rem .7rem}.scene-overlay-primary .status-row,.scene-overlay-primary .scene-note-card{display:none}.scene-overlay-primary .overlay-status{margin-top:.42rem;font-size:.76rem;line-height:1.45}.scene-overlay-primary .overlay-name{font-size:1.08rem}.scene-overlay-primary .overlay-age{font-size:.78rem}.scene-overlay-secondary{left:auto;bottom:5.25rem}.scene-overlay-secondary-mobile{right:.8rem;left:auto;width:min(10.8rem,calc(100% - 1.6rem))}.scene-overlay-secondary-collapsed{width:min(9.4rem,calc(100% - 1.6rem))}.monitor-body,.camera-preview,.camera-placeholder{min-height:92px}}