:root{color:#eaf8ff;font-synthesis:none;text-rendering:optimizelegibility;--panel:#081022bd;--panel-strong:#081021eb;--line:#8edaff29;--line-strong:#91e2ff6b;--cyan:#74e8ff;--violet:#cf8fff;--muted:#91a8ba;--danger:#ff8e9e;background:#030711;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app,.app-shell{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none}button,input,select,textarea{font:inherit}button,select,input{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.app-shell{isolation:isolate;background:radial-gradient(circle at 50% 42%,#1b355d47,#0000 48%),#030711;position:relative}.quantum-canvas{touch-action:none;cursor:crosshair;outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.app-shell[data-mode=immersive] .quantum-canvas{cursor:none}.ui-layer,.editor-layer{pointer-events:none;position:fixed;inset:0}.ui-layer{z-index:20;transition:opacity .42s,visibility .42s}.app-shell[data-ui-visible=false] .ui-layer,.app-shell[data-mode=immersive] .ui-layer{opacity:0;visibility:hidden}.app-shell[data-mode=immersive] .editor-layer,.app-shell[data-ui-visible=false] .editor-layer{display:none}.topbar{top:max(14px, env(safe-area-inset-top));border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);pointer-events:auto;background:linear-gradient(145deg,#0e1c34db,#060d1db0);border-radius:17px;align-items:center;gap:8px;width:min(1180px,100vw - 28px);min-height:54px;padding:7px 8px 7px 13px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0000004d,inset 0 1px #ffffff0a}.brand{align-items:center;gap:10px;min-width:148px;padding-right:9px;display:flex}.brand-mark{border:1px solid #70e4ff61;border-radius:50%;flex:none;width:30px;height:30px;position:relative;box-shadow:0 0 22px #4ed5ff3d,inset 0 0 12px #c976ff2e}.brand-mark:before,.brand-mark:after{border:1px solid var(--cyan);content:"";border-radius:50%;position:absolute;inset:7px 3px;transform:rotate(36deg)}.brand-mark:after{border-color:var(--violet);transform:rotate(-36deg)}.brand-copy{gap:1px;display:grid}.brand-title{letter-spacing:.08em;white-space:nowrap;font-size:13px;font-weight:680}.brand-status{color:var(--muted);letter-spacing:.06em;font-size:10px}.toolbar-group{align-items:center;gap:5px;display:flex}.toolbar-group+.toolbar-group{border-left:1px solid var(--line);margin-left:2px;padding-left:8px}.toolbar-spacer{flex:1}.infinite-badge{color:#8aefcf;white-space:nowrap;background:#48e0ac14;border:1px solid #78efcb38;border-radius:999px;padding:5px 8px;font-size:9px}.infinite-badge b{font-weight:650}.tool-button,.quality-select,.preset-select,.mini-button,.object-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;min-height:36px;transition:border-color .15s,background .15s,color .15s,transform .15s}.tool-button{color:#bcd0df;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.tool-button .icon{color:#87dff1;font-size:15px}.tool-button:hover,.mini-button:hover,.object-button:hover,.quality-select:hover{color:#f4fcff;background:#65d4ff17;border-color:#7dddff33}.tool-button:active,.mini-button:active,.object-button:active{transform:translateY(1px)}.tool-button.primary{color:#eafcff;background:linear-gradient(140deg,#53d1f529,#ae67ff1a);border-color:#69deff3d}.tool-button[disabled]{opacity:.34;cursor:default}.quality-select{color:#bcd0df;cursor:pointer;background-color:#050d1c85;height:36px;padding:0 28px 0 9px;font-size:12px}.preset-select{color:#bcd0df;cursor:pointer;background:#050d1c9e;border:1px solid #7dddff1f;border-radius:11px;width:148px;height:36px;padding:0 26px 0 9px;font-size:11px}.preset-select:hover{background:#65d4ff17;border-color:#7dddff47}.quality-select option,.preset-select option,.field-control select option{background:#0b1528}.inspector{top:84px;right:max(14px, env(safe-area-inset-right));border:1px solid var(--line);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);pointer-events:auto;background:linear-gradient(155deg,#0c182ed6,#050c1bcc);border-radius:18px;flex-direction:column;width:min(326px,100vw - 28px);max-height:calc(100vh - 104px);display:flex;position:absolute;overflow:hidden;box-shadow:0 22px 70px #00000057,inset 0 1px #ffffff09}.inspector.collapsed{width:auto}.inspector.collapsed .inspector-body,.inspector.collapsed .inspector-actions,.inspector.collapsed .inspector-kicker{display:none}.inspector-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:15px 15px 12px;display:flex}.inspector-kicker{color:#65d7ef;letter-spacing:.15em;text-transform:uppercase;margin:0 0 3px;font-size:9px;font-weight:700}.inspector-title{margin:0;font-size:15px;font-weight:660}.mini-button{width:32px;height:32px;min-height:32px;color:var(--muted);padding:0}.inspector-body{scrollbar-color:#7cd6ff40 transparent;scrollbar-width:thin;padding:13px 15px 18px;overflow:hidden auto}.section-label{color:#7692a7;letter-spacing:.14em;text-transform:uppercase;margin:13px 0 8px;font-size:9px;font-weight:700}.section-label:first-child{margin-top:0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.field-grid.single{grid-template-columns:1fr}.field-control{gap:5px;min-width:0;display:grid}.field-control>span{color:#91a9ba;letter-spacing:.04em;font-size:10px}.field-label{justify-content:space-between;align-items:baseline;gap:6px;min-width:0;display:flex}.field-label>span{min-width:0}.field-label small{color:#617d91;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:500;overflow:hidden}.field-control input,.field-control select{color:#e4f5fc;background:#0208138f;border:1px solid #8acfed21;border-radius:9px;outline:none;width:100%;min-width:0;height:34px;padding:0 9px;font-size:12px}.field-control input:hover,.field-control select:hover{border-color:#79ddff4d}.field-control input:focus,.field-control select:focus{border-color:#79e5ffad;box-shadow:0 0 0 3px #5bd7ff14}.toggle-row{color:#adc1d0;border-bottom:1px solid #86d0ee14;justify-content:space-between;align-items:center;gap:12px;min-height:38px;font-size:11px;display:flex}.toggle-row input[type=checkbox]{accent-color:#65d9ee;width:16px;height:16px}.toggle-row.feature-toggle{margin:2px 0 8px;padding:6px 0}.feature-toggle>span{gap:2px;display:grid}.feature-toggle b{color:#d7f5ff;font-size:11px;font-weight:620}.feature-toggle small,.physics-note{color:#718da1;font-size:9px;line-height:1.55}.physics-note{border-left:2px solid #6fddff40;margin:9px 0 2px;padding:5px 0 5px 9px}.inspector-actions{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:5px;padding:10px 12px 13px;display:grid}.object-button{color:#9bb1c1;min-width:0;padding:5px;font-size:10px}.object-button.danger{color:#ff9fac}.editor-layer{z-index:12}.selection-outline,.direction-line,.drag-handle{pointer-events:auto;display:none;position:absolute}.selection-outline{pointer-events:none;border:1px solid #7deaffc7;border-radius:50%;box-shadow:0 0 16px #4cd9ff3b,inset 0 0 16px #5bbeff0f}.selection-outline.wall{border-color:#d097ffc2;border-radius:4px;box-shadow:0 0 16px #be66ff40}.direction-line{transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#71e5ff2e,#71e5fff2);height:1px}.direction-line:after{content:"";border-top:1px solid #8df0ff;border-right:1px solid #8df0ff;width:8px;height:8px;position:absolute;top:-4px;right:-2px;transform:rotate(45deg)}.drag-handle{cursor:grab;background:#28a5cd8f;border:1px solid #dcfbffeb;border-radius:50%;width:15px;height:15px;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #42d6ff14,0 0 14px #47daff61}.drag-handle[data-drag^=wall]{background:#a25dd89e;box-shadow:0 0 0 4px #b963ff14,0 0 14px #ba65ff6b}.drag-handle:active{cursor:grabbing}.drag-handle.secondary{background:#07152ae6;width:11px;height:11px}.probe{border:1px solid var(--line);color:#bcd1df;pointer-events:none;background:#040b19e0;border-radius:9px;min-width:134px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.55;display:none;position:absolute;transform:translate(12px,12px)}.stats-panel{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));border:1px solid var(--line);color:#94acbc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:auto;background:#030915bd;border-radius:12px;grid-template-columns:repeat(2,auto);gap:4px 12px;padding:10px 12px;font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:none;position:absolute}.stats-panel.visible{display:grid}.stats-panel b{color:#dff8ff;text-align:right;font-weight:550}.network-warning{color:#e5c79f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:auto;background:#1f160dcc;border:1px solid #ffc2713d;border-radius:11px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 9px 8px 12px;font-size:10px;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%)}.network-warning.dismissed{display:none}.compatibility{z-index:50;background:radial-gradient(circle,#101e36,#030711 70%);place-items:center;padding:24px;display:none;position:fixed;inset:0}.compatibility.visible{display:grid}.compatibility-card{border:1px solid var(--line);text-align:center;background:#081021d1;border-radius:22px;max-width:480px;padding:30px}.compatibility-card h1{margin:0 0 10px;font-size:22px}.compatibility-card p{color:var(--muted);margin:0;line-height:1.7}.toast-region{z-index:80;bottom:max(22px, env(safe-area-inset-bottom));pointer-events:none;gap:8px;display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{color:#dff8ff;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071021eb;border:1px solid #77e0ff38;border-radius:11px;min-width:210px;padding:10px 14px;font-size:11px;animation:.18s both toast-in;box-shadow:0 15px 45px #0000005c}.toast.error{color:#ffc0ca;border-color:#ff7d9452}.toast.actionable{pointer-events:auto}.toast button{color:var(--cyan);cursor:pointer;background:0 0;border:0;margin-left:9px}dialog{color:#e8f8ff;background:#070f1ff5;border:1px solid #8adbff33;border-radius:20px;width:min(620px,100vw - 28px);max-height:calc(100vh - 40px);padding:0;overflow:hidden;box-shadow:0 30px 100px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00030aad}.dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px 13px;display:flex}.dialog-header h2{margin:0;font-size:17px}.dialog-body{color:#a9bfce;-webkit-user-select:text;user-select:text;padding:18px 20px;font-size:12px;line-height:1.75;overflow:auto}.dialog-body textarea{resize:vertical;color:#cce6f1;-webkit-user-select:text;user-select:text;background:#030916;border:1px solid #7bd5f72e;border-radius:12px;width:100%;min-height:310px;padding:12px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.dialog-actions{justify-content:flex-end;gap:8px;padding:12px 20px 18px;display:flex}.dialog-actions button{border:1px solid var(--line);color:#cce5ee;cursor:pointer;background:#41b4dc14;border-radius:10px;min-height:36px;padding:0 14px}.dialog-actions button.primary{color:#fff;background:#4ac6eb29;border-color:#68e1ff59}.keyboard-grid{grid-template-columns:auto 1fr;gap:7px 14px;display:grid}kbd{color:#d9f5ff;text-align:center;background:#020812a6;border:1px solid #8fdcf92e;border-bottom-color:#8fdcf957;border-radius:6px;min-width:34px;padding:1px 6px;font:10px ui-monospace,monospace}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (max-width:1100px){.brand-copy,.tool-button .label,.toolbar-group.secondary{display:none}.brand{min-width:34px;padding-right:2px}.tool-button{width:38px;padding:0}.topbar{top:max(8px, env(safe-area-inset-top));border-radius:15px;width:calc(100vw - 16px);min-height:50px}.inspector{top:auto;right:8px;bottom:max(8px, env(safe-area-inset-bottom));border-radius:16px;width:auto;max-height:min(46vh,360px);left:8px}.inspector-body{padding-bottom:12px}.network-warning{top:67px}.stats-panel{bottom:calc(min(46vh,360px) + 18px)}}@media (max-width:560px){.toolbar-group.history,.quality-select{display:none}.field-grid{grid-template-columns:1fr 1fr}.network-warning{width:calc(100vw - 16px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:80ms!important;animation-duration:80ms!important}}