.demostage{--navy:#0B1418;--navy-2:#0F1D22;--navy-deep:#070E12;--teal:#0BD6AC;--coral:#FF7150;--ink:#EAF3F1;--muted:#9FB2AF;--muted-2:#6E827F;--line:rgba(159,178,175,.18);--en:"Space Grotesk",sans-serif;--jp:"Zen Kaku Gothic New",sans-serif;position:absolute;inset:0;z-index:1;container-type:size;background:var(--navy);color:var(--ink);line-height:1.6;font-family:var(--jp);overflow:hidden}.demostage .app-win{width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(90% 70% at 85% 8%,rgba(11,214,172,.07),transparent 58%),radial-gradient(80% 80% at 10% 100%,rgba(94,152,200,.06),transparent 60%),linear-gradient(158deg,#122129,#0c171c 48%,#070f13)}.demostage .aw-body{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:5cqh}.demostage .vc{flex-direction:column;gap:5cqh}.demostage .vc-model{width:36cqh;height:36cqh;position:relative}.demostage .vc-cube{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(24deg);will-change:transform}.demostage .vf{position:absolute;width:36cqh;height:36cqh;border:1.5px solid rgba(11,214,172,.5);background:#0bd6ac0d;transition:background .4s,border-color .4s,border-radius .5s}.demostage .vf:nth-child(1){transform:translateZ(18cqh)}.demostage .vf:nth-child(2){transform:rotateY(180deg) translateZ(18cqh)}.demostage .vf:nth-child(3){transform:rotateY(90deg) translateZ(18cqh)}.demostage .vf:nth-child(4){transform:rotateY(-90deg) translateZ(18cqh)}.demostage .vf:nth-child(5){transform:rotateX(90deg) translateZ(18cqh)}.demostage .vf:nth-child(6){transform:rotateX(-90deg) translateZ(18cqh)}.demostage .vc-model.on .vf{border-color:var(--teal);background:#0bd6ac29}.demostage .vc-cube.hole .vf:nth-child(1):after,.demostage .vc-cube.hole .vf:nth-child(2):after{content:"";position:absolute;top:50%;left:50%;width:12cqh;height:12cqh;border-radius:50%;transform:translate(-50%,-50%);background:#060d10;border:1.6px solid var(--teal);box-shadow:inset 0 0 3cqh #000000bf}.demostage .vc-cmd{font-family:var(--jp);font-weight:700;font-size:4.8cqh;color:var(--teal);min-height:6cqh;letter-spacing:.02em;text-align:center}.demostage .vc-wave{display:flex;align-items:center;gap:.9cqh;height:8cqh}.demostage .vc-wave span{width:1cqh;height:1.6cqh;background:var(--teal);border-radius:2px;opacity:.35;transition:height .12s,opacity .12s}.demostage .mail{flex-direction:column;gap:3cqh}.demostage .mail-flow{display:flex;align-items:center;justify-content:center;gap:1.2cqh;width:100%}.demostage .mf-node{display:flex;flex-direction:column;align-items:center;gap:1.4cqh;padding:2.8cqh 2.2cqh;border:1px solid var(--line);border-radius:14px;background:var(--navy);transition:all .4s;min-width:19cqh}.demostage .mf-node.act{border-color:var(--teal);background:#0bd6ac1a;box-shadow:0 0 4cqh #0bd6ac4d}.demostage .mf-ic{font-size:5.6cqh;color:var(--teal);line-height:1}.demostage .mf-ic.spin{animation:dm-gear 1s linear infinite}@keyframes dm-gear{to{transform:rotate(360deg)}}.demostage .mf-node span{font-size:2.7cqh;color:var(--muted);text-align:center;line-height:1.3}.demostage .mf-pipe{flex:1;max-width:8cqh;height:3px;background:var(--line);border-radius:2px;position:relative;overflow:hidden}.demostage .mf-pipe.flow{background:var(--teal)}.demostage .mf-pipe.flow:after{content:"";position:absolute;inset:0;background:#ffffffb3;animation:dm-pipe .5s linear}@keyframes dm-pipe{0%{transform:translate(-100%)}to{transform:translate(100%)}}.demostage .mf-track{position:relative;width:100%;height:30cqh}.demostage .mf-packet{position:absolute;top:50%;left:16%;transform:translate(-50%,-50%);width:30cqh;height:26cqh;border-radius:10px;background:#eef4f2;border:1px solid rgba(0,0,0,.06);box-shadow:0 2cqh 5cqh #0000004d;display:flex;align-items:center;justify-content:center;color:#0c1e22;font-family:var(--en);font-weight:800;font-size:5cqh;opacity:0;transition:left .7s cubic-bezier(.4,.7,.3,1),opacity .3s;overflow:hidden}.demostage .mf-packet .pk-wm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:rotate(-18deg) scale(.4);font-size:5.6cqh;font-weight:800;color:#46525400;letter-spacing:.1em;transition:transform .4s cubic-bezier(.34,1.5,.5,1),color .4s}.demostage .mf-packet.stamp .pk-wm{transform:rotate(-18deg) scale(1);color:#46525480}.demostage .mf-plane{position:absolute;top:50%;left:84%;font-size:12cqh;opacity:0;color:var(--teal);transform:translate(-50%,-50%)}.demostage .mf-plane.fly{animation:dm-send 1.2s cubic-bezier(.4,0,.4,1) forwards}@keyframes dm-send{0%{opacity:0;transform:translate(-50%,-40%) scale(.6)}22%{opacity:1;transform:translate(-50%,-55%) scale(1)}to{opacity:0;transform:translate(16cqh,-42cqh) scale(.75) rotate(6deg)}}.demostage .mf-sent{position:absolute;top:-1.6cqh;right:-1.6cqh;width:5.4cqh;height:5.4cqh;border-radius:50%;background:var(--teal);color:var(--navy-deep);font-size:3.2cqh;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.4);transition:opacity .3s,transform .3s cubic-bezier(.34,1.6,.5,1)}.demostage .mf-sent.show{opacity:1;transform:scale(1)}.demostage .layout{flex-direction:column;gap:1.8cqh}.demostage .lo-head{font-size:2.9cqh;color:var(--muted);align-self:flex-start;display:flex;align-items:center;gap:1.4cqh}.demostage .lo-head b{color:var(--teal);font-weight:700}.demostage .lo-iso{flex:1;width:100%;min-height:0;display:flex;align-items:center;justify-content:center}.demostage .lo-iso svg{width:100%;height:100%;overflow:visible}.demostage .lo-iso .mac{transition:transform .9s cubic-bezier(.34,1.2,.4,1),opacity .5s}.demostage .lo-iso .bx{stroke:#06141929;stroke-width:.5;stroke-linejoin:round}.demostage .lo-iso .gl{stroke:#9fb2af4d;stroke-width:.5}.demostage .lo-score{font-size:3.4cqh;color:var(--muted);align-self:flex-start}.demostage .lo-score b{color:var(--teal);font-size:4.4cqh;font-family:var(--en)}.demostage .reg{align-items:stretch;justify-content:flex-start;padding:4cqh}.demostage .reg-app{width:100%;height:100%;display:flex;flex-direction:column;gap:2.2cqh;position:relative}.demostage .reg-title{font-size:2.9cqh;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:1.4cqh;flex:0 0 auto}.demostage .reg-title:before{content:"";width:2.4cqh;height:2.4cqh;border-radius:6px;background:var(--teal)}.demostage .reg-drop{flex:1;min-height:0;border:2px dashed var(--muted-2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--muted-2);font-size:3cqh;transition:all .4s;text-align:center;padding:2cqh}.demostage .reg-drop.over{border-color:var(--teal);background:#0bd6ac14;color:var(--teal)}.demostage .reg-drop.filled{border-style:solid;border-color:var(--teal);color:var(--ink)}.demostage .reg-meta{display:flex;flex-direction:column;gap:1cqh;font-size:2.7cqh;opacity:0;transition:opacity .4s;flex:0 0 auto}.demostage .reg-meta.show{opacity:1}.demostage .rm-row{display:flex;justify-content:space-between;color:var(--muted)}.demostage .rm-row b{color:var(--teal);font-family:var(--en);font-weight:700}.demostage .reg-btn{padding:2cqh;border-radius:10px;background:var(--navy);border:1px solid var(--line);text-align:center;font-size:2.9cqh;font-weight:700;color:var(--muted-2);transition:all .3s;flex:0 0 auto}.demostage .reg-btn.on{background:var(--teal);color:var(--navy-deep);border-color:var(--teal)}.demostage .reg-btn.hit{transform:scale(.96)}.demostage .reg-file{position:absolute;top:-3cqh;left:50%;transform:translate(-50%) rotate(-4deg);z-index:3;transition:top .8s cubic-bezier(.34,1.1,.4,1),transform .8s cubic-bezier(.34,1.1,.4,1),opacity .4s}.demostage .reg-file.drop{top:18cqh;transform:translate(-50%) rotate(0) scale(.96)}.demostage .reg-file.gone{opacity:0}.demostage .reg-doc{position:relative;width:27cqh;height:33cqh;background:#f5f8f7;border-radius:2px;box-shadow:0 3cqh 6cqh #0000006b;padding:3cqh 2.8cqh;display:flex;flex-direction:column;gap:1.8cqh;clip-path:polygon(0 0,calc(100% - 5cqh) 0,100% 5cqh,100% 100%,0 100%)}.demostage .reg-doc:after{content:"";position:absolute;top:0;right:0;width:5cqh;height:5cqh;background:#d0dbd7;clip-path:polygon(0 0,100% 100%,0 100%)}.demostage .doc-badge{align-self:flex-start;font-family:var(--en);font-weight:800;font-size:2.4cqh;color:#e0553f;background:#e0553f21;padding:.4cqh 1.4cqh;border-radius:5px}.demostage .doc-name{font-size:2.7cqh;font-weight:700;color:#0c1e22;white-space:nowrap}.demostage .doc-line{height:1.5cqh;background:#c7d2cf;border-radius:2px}.demostage .doc-line.short{width:55%}.demostage .reg-done{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1.4cqh;background:#070e12ed;border-radius:10px;font-size:3.4cqh;font-weight:700;color:var(--teal);opacity:0;pointer-events:none;transition:opacity .4s;z-index:4}.demostage .reg-done.show{opacity:1}.demostage .bom{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:1.8cqh}.demostage .bom-src{display:flex;align-items:center;gap:1.1cqh}.demostage .src{font-size:2.3cqh;padding:.6cqh 1.3cqh;border-radius:8px;border:1px solid var(--line);color:var(--muted-2);transition:all .4s;white-space:nowrap}.demostage .src.wc.on{border-color:var(--teal);background:#0bd6ac1f;color:var(--teal)}.demostage .src.ext.on{border-color:var(--coral);background:#ff71501f;color:var(--coral)}.demostage .bom-ci{margin-left:auto;font-size:2.3cqh;padding:.6cqh 1.3cqh;border-radius:8px;background:var(--navy);border:1px solid var(--line);color:var(--muted-2);transition:all .4s;white-space:nowrap}.demostage .bom-ci.on{background:var(--teal);color:var(--navy-deep);border-color:var(--teal);font-weight:700}.demostage .bom-t{width:100%;border-collapse:collapse;font-size:2.6cqh}.demostage .bom-t th{text-align:left;color:var(--muted-2);font-weight:500;font-size:2.2cqh;padding:1cqh .9cqh;border-bottom:1px solid var(--line)}.demostage .bom-t th.num,.demostage .bom-t td.num{text-align:right}.demostage .bom-t td{padding:1.05cqh .9cqh;border-bottom:1px solid rgba(159,178,175,.1);color:var(--ink);white-space:nowrap}.demostage .bom-t tbody tr{opacity:0;transform:translate(-6cqh);transition:opacity .4s,transform .4s}.demostage .bom-t tbody tr.in{opacity:1;transform:none}.demostage .bom-t td.attr{color:var(--muted-2);font-family:var(--en)}.demostage .bom-t td.attr.filled{color:var(--coral);background:#ff715017;animation:dm-attrflash .6s ease}@keyframes dm-attrflash{0%{background:#ff715073;color:#fff}to{background:#ff715017;color:var(--coral)}}.demostage .src.pulse{animation:dm-srcpulse 1s ease-in-out infinite}@keyframes dm-srcpulse{0%,to{box-shadow:0 0 #0bd6ac00}50%{box-shadow:0 0 0 1.4cqh #0bd6ac29}}.demostage .src.ext.pulse{animation:dm-srcpulse-e 1s ease-in-out infinite}@keyframes dm-srcpulse-e{0%,to{box-shadow:0 0 #ff715000}50%{box-shadow:0 0 0 1.4cqh #ff715029}}.demostage .chat{flex-direction:column;gap:0;align-items:stretch;padding:4.5cqh 5cqh}.demostage .chat-log{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:none}.demostage .chat-log::-webkit-scrollbar{display:none}.demostage .chat-inner{display:flex;flex-direction:column;gap:2.4cqh;min-height:100%;justify-content:flex-end;padding:1cqh 0}.demostage .cbub{max-width:88%;padding:2.6cqh 3.2cqh;border-radius:16px;font-size:4.2cqh;line-height:1.5;opacity:0;transform:translateY(2cqh);transition:opacity .4s,transform .4s}.demostage .cbub.in{opacity:1;transform:none}.demostage .cbub.user{align-self:flex-end;background:#363b41;color:#f3f6f5;font-weight:400;border-bottom-right-radius:5px}.demostage .cbub.ai{align-self:flex-start;max-width:96%;background:none;color:#eaf3f1;padding:.4cqh 0;border-radius:0}.demostage .cbub.ai .fn{color:#2fd6ac;font-family:var(--en);font-weight:700}.demostage .cbub.ai .rel,.demostage .cbub.ai .ok{color:#2fd6ac;font-weight:700}.demostage .cbub.typing{display:flex;gap:1.2cqh;align-items:center;padding:1cqh 0;background:none}.demostage .cbub.typing .dot{width:1.8cqh;height:1.8cqh;border-radius:50%;background:#9fb2afb3;animation:dm-cdot 1.1s infinite}.demostage .cbub.typing .dot:nth-child(2){animation-delay:.2s}.demostage .cbub.typing .dot:nth-child(3){animation-delay:.4s}@keyframes dm-cdot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-.8cqh)}}.demostage .bom-tree{display:flex;flex-direction:column;gap:1.2cqh;font-family:var(--en);margin-top:1.6cqh}.demostage .bt-row{display:flex;align-items:center;gap:1.4cqh;font-size:3.4cqh;opacity:0;transform:translate(-1.4cqh);transition:opacity .4s,transform .4s}.demostage .bt-row.in{opacity:1;transform:none}.demostage .cbub.ai .bt-row .fname{color:#eaf3f1;letter-spacing:.02em}.demostage .cbub.ai .bt-row.asm .fname{color:#2fd6ac;font-weight:700}.demostage .cbub.ai .bt-row .qty{font-size:2.9cqh;color:#2fd6ac;background:#2fd6ac29;border-radius:8px;padding:.3cqh 1.4cqh}.demostage .chat-bar{display:flex;align-items:center;gap:1.6cqh;margin-top:2.4cqh;flex:0 0 auto}.demostage .chat-field{flex:1;height:9cqh;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#22282c;padding:0 2.6cqh;font-size:3.6cqh;color:#eaf3f1;display:flex;align-items:center;overflow:hidden;white-space:nowrap}.demostage .ci-caret{display:inline-block;width:2px;height:4.4cqh;background:#2fd6ac;margin-left:2px;animation:dm-cblink 1s step-end infinite;flex:0 0 auto}@keyframes dm-cblink{0%,to{opacity:1}50%{opacity:0}}.demostage .chat-send{flex:0 0 auto;width:9cqh;height:9cqh;border-radius:11px;background:var(--teal);color:var(--navy-deep);display:flex;align-items:center;justify-content:center;transition:transform .2s}.demostage .chat-send.hit{transform:scale(1.15)}.demostage .chat-send svg{width:4.6cqh;height:4.6cqh}@media(prefers-reduced-motion:reduce){.demostage .vc-cube{animation:none}}