*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}:root{--glass-bg:#0a0f1ab8;--glass-border:#94a3b82e;--glass-highlight:#e0f2ff14;--accent:#67e8f9;--accent-2:#a5b4fc;--danger:#fb7185;--success:#4ade80;--text:#e2e8f0;--text-muted:#94a3b8}.digital-twin-app{color:var(--text);background:#05080f;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;inset:0;overflow:hidden}.three-container{z-index:1;position:absolute;inset:0}.glass-ui{z-index:10;pointer-events:none;grid-template:"topbar topbar topbar""left main right"1fr"bottom bottom bottom"/320px 1fr 320px;gap:16px;padding:16px;display:grid;position:absolute;inset:0}.glass-topbar{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;border-radius:12px;grid-area:topbar;justify-content:space-between;align-items:center;padding:10px 18px;display:flex;box-shadow:0 8px 32px #0006}.glass-topbar .brand{letter-spacing:.5px;align-items:center;gap:10px;font-size:13px;display:flex}.glass-topbar .brand .qtech{color:var(--accent);letter-spacing:1.5px;font-weight:700}.glass-topbar .brand .title{color:var(--text-muted);font-weight:500}.glass-topbar .scenario select{color:var(--text);border:1px solid var(--glass-border);background:#0f172acc;border-radius:6px;padding:4px 10px;font-size:13px}.glass-topbar .actions{gap:8px;display:flex}.glass-topbar button{background:var(--accent);color:#0a0f1a;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.glass-topbar button.secondary{color:var(--text);border:1px solid var(--glass-border);background:0 0}.glass-panel{pointer-events:auto;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000073}.glass-panel.left{grid-area:left}.glass-panel.right{grid-area:right}.glass-header{letter-spacing:1.2px;color:var(--accent);border-bottom:1px solid var(--glass-border);background:#0003;padding:12px 16px 8px;font-size:11px;font-weight:600}.glass-content{flex-direction:column;flex:1;gap:18px;padding:16px;display:flex}.control{flex-direction:column;gap:6px;display:flex}.control label{color:var(--text-muted);font-size:12px;font-weight:500}.control input[type=range]{width:100%;accent-color:var(--accent)}.control .value{color:var(--accent);align-self:flex-end;margin-top:-4px;font-family:ui-monospace,monospace;font-size:13px;font-weight:600}.kpi{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:baseline;padding:4px 0;display:flex}.kpi:last-child{border-bottom:none}.kpi-label{color:var(--text-muted);font-size:12.5px}.kpi-value{font-feature-settings:"tnum";color:var(--text);font-size:22px;font-weight:600}.kpi.highlight .kpi-value{color:var(--accent);font-size:26px}.kpi.highlight.success .kpi-value{color:var(--success)}.glass-bottombar{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;border-radius:12px;grid-area:bottom;justify-content:space-between;align-items:center;padding:10px 18px;font-size:13px;display:flex}.glass-bottombar .comparison-hint{opacity:.7;font-size:12px}.glass-bottombar .tech{opacity:.6;font-family:ui-monospace,monospace;font-size:11px}.glass-design-tool{background:var(--glass-bg);border:1px solid var(--glass-border);pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;grid-area:bottom;margin-top:8px;padding:14px 18px}.design-header{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;display:flex}.design-header .subtitle{color:var(--text-muted);font-size:11px}.design-form{flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.form-row{flex-direction:column;min-width:140px;display:flex}.form-row label{color:var(--text-muted);margin-bottom:3px;font-size:11px}.form-row input,.form-row select{border:1px solid var(--glass-border);color:var(--text);background:#0f172a99;border-radius:6px;padding:5px 8px;font-size:13px}.glass-design-tool button{color:#0a0f1a;cursor:pointer;background:#67e8f9;border:none;border-radius:6px;margin-bottom:10px;padding:8px 16px;font-weight:600}.design-results{background:#0003;border-radius:8px;padding:10px 12px;font-size:13px}.result-row{margin-bottom:4px}.feasibility{color:#67e8f9;font-weight:600}.warnings{color:#fb7185;margin-top:8px;font-size:12px}.result-section{border-bottom:1px solid #94a3b826;margin-bottom:10px;padding-bottom:8px}.section-title{color:#67e8f9;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.backend-toast{z-index:1000;pointer-events:none;opacity:0;width:min(420px,100vw - 32px);transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .45s;position:fixed;top:0;left:50%;transform:translate(-50%,-120%)}.backend-toast.warming,.backend-toast.ready,.backend-toast.error{opacity:1;transform:translate(-50%,20px)}.backend-toast.ready{transform:translate(-50%,16px)}.backend-toast-inner{-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);background:#0a0f1aeb;border:1px solid #67e8f947;border-radius:14px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex;box-shadow:0 18px 50px #0000008c,inset 0 0 0 1px #ffffff0a}.backend-toast.ready .backend-toast-inner{border-color:#4ade8073}.backend-toast.error .backend-toast-inner{border-color:#fb718573}.backend-toast-icon{flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.backend-check,.backend-error{border-radius:50%;place-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:grid}.backend-check{color:var(--success);background:#4ade802e;animation:.45s backend-pop}.backend-error{color:var(--danger);background:#fb71852e}.backend-toast-body{flex:1;min-width:0}.backend-toast-title{letter-spacing:.4px;color:var(--text);margin-bottom:4px;font-size:13px;font-weight:700}.backend-toast-message{color:var(--text-muted);font-size:12.5px;line-height:1.45}.backend-toast-progress{background:#94a3b826;border-radius:999px;height:4px;margin-top:10px;overflow:hidden}.backend-toast-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .6s;box-shadow:0 0 12px #67e8f973}.mist-loader{width:32px;height:32px;position:relative}.mist-loader span{background:var(--accent);opacity:.85;border-radius:50%;width:7px;height:7px;margin:-3.5px;animation:1.4s ease-in-out infinite mist-orbit;position:absolute;top:50%;left:50%}.mist-loader span:first-child{animation-delay:0s}.mist-loader span:nth-child(2){animation-delay:.18s}.mist-loader span:nth-child(3){animation-delay:.36s}.mist-loader span:nth-child(4){animation-delay:.54s}@keyframes mist-orbit{0%,to{opacity:.35;transform:rotate(0)translate(11px)scale(.75)}50%{opacity:1;transform:rotate(180deg)translate(11px)scale(1)}}@keyframes backend-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (width<=1100px){.glass-ui{grid-template-columns:260px 1fr 260px}}@media (width<=860px){.glass-ui{grid-template-columns:1fr 1fr;grid-template-areas:"topbar topbar""left right""bottom bottom"}.glass-panel.right{grid-area:right}}