@import"https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap";:root{--bg: #080b11;--bg-soft: #0f1521;--panel: #121925;--border: #253347;--text: #e8eef8;--muted: #8ea2bc;--primary: #ff8758;--primary-2: #1bb8a6;--danger: #ef476f;--warning: #f7b267}*{box-sizing:border-box}body,html,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 12% 10%,#151f30,#0d1420 42%,#080b11);color:var(--text);font-family:GFS Didot,serif}button,input,textarea{font:inherit}.app-shell{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:none}.brand h1{margin:0;font-size:1.2rem;letter-spacing:.03em}.brand p{margin:2px 0 0;color:var(--muted);font-size:.85rem}.repo-import button,.chat-input-row button,.modal-header button,.chat-collapse{border:none;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;padding:9px 12px;cursor:pointer;font-weight:700}.repo-import button:disabled,.chat-input-row button:disabled{opacity:.5;cursor:not-allowed}.status-pill{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.85rem}.mode-pill{border:1px solid var(--border);background:#162338;color:#9fc0e3;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700}.vision-toggle{border:1px solid var(--border);border-radius:999px;background:#0e1724;color:#9fc0e3;font-size:.76rem;font-weight:700;padding:4px 10px;cursor:pointer}.vision-toggle.active{border-color:#2ea889;background:#10261f;color:#69d8ba}.banner{padding:8px 14px;border-bottom:1px solid var(--border)}.banner.error{background:#ef476f26;color:#8a2247}.banner.warning{background:#f7b26726;color:#8a5a22}.banner p{margin:2px 0}.floating-import{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:10px;padding:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:box-shadow .18s ease,transform .2s ease,background .2s ease}.floating-import input{width:min(560px,70vw);border:1px solid hsl(240 3.7% 15.9%);border-radius:12px;background:#09090be0;color:#fafafa;padding:11px 14px;outline:none;box-shadow:0 1px #ffffff08 inset;transition:border-color .12s ease,background .12s ease}.floating-import input::placeholder{color:#9f9fa8;transition:color .14s ease}.floating-import button{border:1px solid hsl(240 3.7% 15.9%);border-radius:12px;background:#18181b;color:#fafafa;padding:11px 16px;box-shadow:0 1px #ffffff08 inset;cursor:pointer;transition:transform .14s ease,background .18s ease,box-shadow .18s ease}.floating-import button:disabled{opacity:.6;cursor:default}.floating-import button:not(:disabled):hover{transform:translateY(-1px);background:#27272b;border-color:#3f3f46}.floating-import button:not(:disabled):active{transform:translateY(1px) scale(.985)}.floating-import.is-focus{box-shadow:none}.floating-import.is-focus input::placeholder{color:#b9b9c0}.floating-import.is-typing:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(130,221,255,.75),transparent);background-size:200% 100%;animation:typingSweep 1.2s linear infinite}.floating-import.is-submit{animation:submitPulse .4s ease}.floating-import.pulse-in{animation:importPulseIn .5s ease}@keyframes importPulseIn{0%{transform:translate(-50%) translateY(-8px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes typingSweep{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes submitPulse{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(.985)}to{transform:translate(-50%) scale(1)}}.floating-session-controls{position:absolute;top:14px;right:262px;z-index:8;display:flex;align-items:center;gap:8px}.import-scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none;background:linear-gradient(to bottom,#81dcff00,#81dcff24 42%,#c1ecff47,#81dcff24 58%,#81dcff00);animation:importScanSweep 1.8s cubic-bezier(.2,.72,.2,1) forwards}.import-scan-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,#6cc4ff12,#6cc4ff12,#6cc4ff00 4px,#6cc4ff00 8px);animation:importScanFlicker 1.8s linear forwards}@keyframes importScanSweep{0%{transform:translateY(-100%);opacity:0}15%{opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes importScanFlicker{0%,to{opacity:0}20%{opacity:.6}50%{opacity:1}70%{opacity:.65}}.motion-toggle,.repo-chip{border:1px solid hsl(240 3.7% 15.9%);border-radius:999px;background:#09090be0;color:#fafafa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px #ffffff08 inset;height:36px;padding:0 14px;transition:transform .14s ease,box-shadow .18s ease,background .18s ease;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1}.motion-toggle:hover,.repo-chip:hover{transform:translateY(-1px);background:#27272b;border-color:#3f3f46}.motion-toggle.active{background:#157f3c47;color:#dbfae6;border-color:#2b9151b3}.repo-chip{display:inline-flex;align-items:center;gap:8px;min-width:300px;max-width:300px;justify-content:space-between}.repo-chip>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repo-chip-close{opacity:0;transition:opacity .14s ease;cursor:pointer;font-size:1rem}.repo-chip:hover .repo-chip-close{opacity:1}.workspace{position:relative;flex:1;height:100%;min-height:0;display:block}.workspace.single{display:block}.canvas-zone{position:relative;height:100%;min-height:0;overflow:hidden;background:#05080f}.canvas-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(92,114,148,.26) 1px,transparent 1px),linear-gradient(to bottom,rgba(92,114,148,.26) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hierarchy-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;touch-action:none;cursor:grab}.hierarchy-canvas:active{cursor:grabbing}.hierarchy-canvas.empty{background:transparent}.hierarchy-world{position:absolute;transform-origin:0 0}.hierarchy-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hierarchy-lines path{fill:none;stroke:#83aee457;stroke-width:1.45}.tree-node{position:absolute;display:flex;align-items:center;border-radius:12px;border:1px solid #ffffff;background:#09090be0;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px #ffffff08 inset;letter-spacing:.01em;font-weight:200;font-size:50px;color:#fafafa}.tree-node.dir{background:#18181b;border-color:#fff;font-weight:200}.tree-node.file{color:#d4d4d8}.tree-node.selected{border-color:#d4af37;box-shadow:0 0 0 1px #d4af3780,0 0 18px #d4af3747}.file-card{position:absolute;border:1px solid #2f425e;border-radius:14px;background:#121b2a;box-shadow:0 12px 28px #00000061;overflow:hidden}.file-card header{height:38px;display:flex;align-items:center;padding:0 12px;font-weight:700;font-size:.83rem;border-bottom:1px solid #2a3b53;background:linear-gradient(90deg,#1a2940,#152236)}.fn-chip-list{position:relative;height:calc(100% - 38px)}.fn-chip{position:absolute;left:10px;right:10px;border:1px solid #33465f;border-radius:8px;background:#172335;color:#d9e6f5;text-align:left;font-size:.78rem;padding:4px 8px;cursor:pointer}.fn-chip.selected{border-color:#68a9ff;box-shadow:0 0 0 2px #538cd447;background:#1b2e45}.fn-chip.highlight{border-color:#4bb4ff}.file-code-card{position:absolute;border:1px solid #2d415d;border-radius:14px;background:#101a28;box-shadow:0 12px 28px #0000006b;overflow:hidden}.file-code-card header{height:40px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #2b3d56;background:linear-gradient(90deg,#18273d,#131f31);font-weight:700;font-size:.84rem}.fn-code{position:absolute;left:10px;right:10px;border:1px solid #2d415b;border-radius:10px;background:#0b111b;padding:6px 8px}.fn-code.selected{border-color:#68a9ff;box-shadow:0 0 0 2px #538cd447}.fn-code.highlight{border-color:#4bb4ff}.fn-code button{border:none;background:transparent;padding:0;margin:0 0 6px;color:#a8cbf2;font-weight:700;cursor:pointer}.fn-code pre{margin:0;white-space:pre-wrap;font-family:GFS Didot,serif;font-size:.73rem;line-height:1.4;color:#dce9f7}.omitted-note{position:absolute;left:14px;right:14px;bottom:8px;font-size:.74rem;color:#93a7bf}.zoom-controls{position:absolute;top:14px;right:14px;z-index:4;display:inline-flex;align-items:center;gap:8px;border:1px solid hsl(240 3.7% 15.9%);border-radius:12px;background:#09090bd1;box-shadow:0 1px #ffffff08 inset;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0 8px;height:36px}.zoom-btn{width:28px;height:28px;border:1px solid hsl(240 3.7% 15.9%);border-radius:10px;background:#18181b;color:#fafafa;font-size:1.1rem;line-height:1;font-weight:500;cursor:pointer;transition:background .12s ease,transform .12s ease,border-color .12s ease}.zoom-reset{width:auto;min-width:56px;padding:0 8px;font-size:.74rem}.zoom-btn:hover{background:#27272b;border-color:#3f3f46}.zoom-btn:active{transform:translateY(1px)}.zoom-readout{min-width:56px;text-align:center;padding:0 4px;font-size:.82rem;font-weight:700;color:#d4d4d8;background:transparent}.gesture-cursor{position:absolute;z-index:6;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border-radius:50%;border:2px solid #4ad3ff;background:#4ad3ff38;box-shadow:0 0 0 6px #4ad3ff14;pointer-events:none}.canvas-warning{position:absolute;top:46px;right:12px;z-index:4;border:1px solid #efce8f;border-radius:10px;padding:8px 10px;font-size:.75rem;max-width:280px;background:#271d0f;color:#f3c67b}.vision-status{display:none}.vision-status.active{border-color:#91d9c7;background:#102b23eb;color:#8de3ca}.vision-status.starting{border-color:#e5d4a8;background:#2d2310eb;color:#ebd089}.vision-status.error{border-color:#efb6c0;background:#34141ff0;color:#f0a9b7}.webcam-preview{position:absolute;right:12px;bottom:56px;z-index:5;width:184px;border:1px solid #2f4560;border-radius:12px;background:#0b121df0;box-shadow:0 8px 20px #0000005c;overflow:hidden}.webcam-preview canvas{display:block;width:100%;height:auto;background:#0f1620}.webcam-preview-label{padding:6px 8px;font-size:.7rem;font-weight:700;letter-spacing:.02em;color:#b6cae1;border-top:1px solid #2a3d56}.inspector-panel{position:absolute;left:16px;bottom:16px;z-index:3;width:280px;max-height:min(50vh,420px);overflow:auto;border:1px solid var(--border);border-radius:12px;background:#0d141ff0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:12px;box-shadow:0 8px 24px #00000057}.inspector-panel h3{margin-top:0;margin-bottom:6px}.inspector-panel dl{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;margin:12px 0 0;font-family:GFS Didot,serif;font-size:.84rem}.inspector-panel dt{color:var(--muted)}.inspector-panel dd{margin:0}.muted{color:var(--muted)}.chat-orb-panel{position:absolute;bottom:60px;right:14px;z-index:8;width:236px;border-radius:16px;padding:12px;background:#0c141fa3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:bottom .28s cubic-bezier(.2,.7,.2,1),transform .28s cubic-bezier(.2,.7,.2,1)}.chat-orb-panel.with-webcam{bottom:236px;transform:translateY(-4px)}.chat-orb{width:100%;aspect-ratio:1 / 1;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 28% 24%,#6092ff66,#121e34eb);overflow:hidden;position:relative}.orb-wrap{position:relative;width:0;height:0;transform-style:preserve-3d;perspective:1000px;animation:orbSpin 14s linear infinite}.orb-particle{position:absolute;width:2px;height:2px;border-radius:50%;opacity:0;background:hsla(var(--hue),100%,58%,1);box-shadow:0 0 6px hsla(var(--hue),100%,64%,.8);animation:orbParticle 14s infinite;animation-delay:var(--delay)}@keyframes orbSpin{to{transform:rotateY(360deg) rotateX(360deg)}}@keyframes orbParticle{20%{opacity:1}30%{transform:rotate(calc(-1 * var(--rz))) rotateY(var(--ry)) translate(46px) rotate(var(--rz))}80%{transform:rotate(calc(-1 * var(--rz))) rotateY(var(--ry)) translate(46px) rotate(var(--rz));opacity:1}to{transform:rotate(calc(-1 * var(--rz))) rotateY(var(--ry)) translate(120px) rotate(var(--rz))}}.api-key-field.compact{margin-top:10px}.api-key-field.compact input{border:none;background:#ffffff24;font-family:GFS Didot,serif}.api-key-saved{margin:10px 0 0;font-size:.85rem;color:#b7f0d8}.voice-toggle{margin-top:10px;width:100%;border:1px solid hsl(240 3.7% 15.9%);border-radius:10px;background:#18181b;color:#fafafa;padding:8px 10px;cursor:pointer}.voice-toggle:disabled{opacity:.6;cursor:default}.voice-status{margin:8px 0 0;font-size:.75rem;color:#b8c3d3}.voice-error{margin:6px 0 0;font-size:.73rem;color:#f09cae}.voice-transcript{margin:6px 0 0;font-size:.72rem;color:#8ca2bf;line-height:1.35;max-height:52px;overflow:hidden}.chat-rail{height:100%;min-height:0;border-left:1px solid var(--border);background:linear-gradient(160deg,#101827,#0d1421);padding:12px;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:10px;transition:width .2s ease}.chat-rail.collapsed{width:72px;height:100%;display:flex;align-items:flex-start;justify-content:center}.chat-rail h2{margin:0}.chat-messages{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px}.chat-msg{padding:10px;border-radius:8px;border:1px solid var(--border);background:#111a28}.chat-msg.user{border-color:#1bb8a673;background:#102922}.chat-msg p{margin:0;white-space:pre-wrap}.chat-msg ul{margin:8px 0 0;padding-left:18px}.citation-btn{border:none;background:transparent;color:#1766b1;cursor:pointer;text-align:left;padding:0}.chat-input-row{display:grid;gap:8px}.chat-input-row textarea,.api-key-field input{width:100%;border-radius:8px;border:1px solid var(--border);background:#0d1522;color:var(--text);padding:8px 10px;font-family:GFS Didot,serif}.api-key-field{display:grid;gap:6px;font-size:.86rem}.search-overlay{position:absolute;top:20px;left:50%;transform:translate(-50%);width:min(680px,85vw);border:1px solid var(--border);border-radius:12px;background:#0c131efa;padding:10px;box-shadow:0 14px 34px #2b3f582e}.search-overlay input{width:100%;border:1px solid var(--border);border-radius:8px;background:#0d1522;color:var(--text);padding:9px}.search-overlay ul{margin:10px 0 0;padding:0;list-style:none;max-height:320px;overflow:auto}.search-overlay li button{width:100%;text-align:left;border:1px solid transparent;border-radius:8px;background:#131d2c;color:var(--text);padding:10px;margin-bottom:7px}.search-overlay li button:hover{border-color:var(--primary-2)}.search-overlay li span{display:block;color:var(--muted);margin-top:3px;font-size:.83rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#03080f99;z-index:999}.modal{width:min(1000px,90vw);max-height:84vh;border:1px solid var(--border);border-radius:16px;background:#101827;overflow:auto;box-shadow:0 18px 52px #26394f3d}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:12px 16px}.modal-header h2{margin:0}.modal-header p{margin:3px 0 0;color:var(--muted);font-family:GFS Didot,serif;font-size:.82rem}.code-block{margin:0;padding:16px;color:#dce9f7;background:#070d16;font-family:GFS Didot,serif;font-size:.82rem;line-height:1.6;white-space:pre-wrap}.modal-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:12px 16px 16px;border-top:1px solid var(--border)}.modal-links h4{margin:0 0 8px}.modal-links ul{margin:0;padding:0;list-style:none;max-height:180px;overflow:auto}.modal-links li button{width:100%;text-align:left;border:1px solid var(--border);border-radius:8px;background:#101a2a;color:var(--text);margin-bottom:6px;padding:8px}.modal-links li button span{display:block;color:var(--muted);font-family:GFS Didot,serif;font-size:.77rem}.project-credit-btn{position:absolute;right:14px;bottom:12px;z-index:9;border:1px solid hsl(240 3.7% 15.9%);border-radius:10px;background:#09090be6;color:#fafafa;padding:8px 12px;font-size:.82rem;line-height:1;box-shadow:0 1px #ffffff08 inset}.floating-motion-bottom{position:absolute;right:14px;bottom:54px;z-index:9;border:1px solid hsl(240 3.7% 15.9%);border-radius:10px;background:#09090be6;color:#fafafa;padding:8px 12px;font-size:.9rem;line-height:1;box-shadow:0 1px #ffffff08 inset;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease,background .16s ease}.floating-motion-bottom.show{opacity:1;transform:translateY(0);pointer-events:auto}.floating-motion-bottom.active{background:#157f3c47;color:#dbfae6;border-color:#2b9151b3}.floating-motion-bottom.with-webcam{bottom:252px}.tok-key{color:#ff8d5c;font-weight:700}.tok-str{color:#61d7a2}.tok-num{color:#72b7ff}@media (max-width: 960px){.workspace,.workspace.chat-collapsed{grid-template-columns:1fr;grid-template-rows:1fr auto}.chat-rail{border-left:none;border-top:1px solid var(--border);min-height:220px;max-height:40vh}.topbar{flex-direction:column;align-items:stretch}.repo-import{min-width:100%}}