:root{--bg:#0a0910;--panel:#15131b;--panel2:#1d1a26;--border:#302b39;--muted:#9a93a8;--text:#f3eff8;--accent:#8b5cf6;--accent2:#b79cff;--soft:rgba(139,92,246,.16);--green:#34d399}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(800px 420px at 50% -5%,rgba(139,92,246,.13),transparent 65%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}body{padding:18px}.nt-demo-stage{width:min(1080px,100%);margin:auto}.nt-demo-director{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.nt-demo-brand{display:flex;align-items:center;gap:9px}.nt-demo-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(145deg,var(--accent),#5936a4);display:grid;place-items:center;font-weight:900}.nt-demo-brand strong{font-size:14px}.nt-demo-brand span{font-size:10px;color:#6f687c;padding-left:8px;border-left:1px solid #2e2936}.nt-demo-controls{display:flex;gap:6px}.nt-demo-controls button,.nt-guided-next{border:1px solid var(--border);background:#17141e;color:#cfc6d8;border-radius:8px;padding:7px 9px;font:700 10px/1 inherit;cursor:pointer}.nt-demo-controls button:hover,.nt-guided-next:hover{border-color:#69527d;background:#251d2d}.nt-progress{display:flex;gap:4px;margin:8px 0}.nt-progress span{flex:1;height:3px;background:#27222f;border-radius:10px;overflow:hidden}.nt-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.nt-demo-frame{position:relative;aspect-ratio:16/9;border:1px solid #302a39;border-radius:13px;overflow:hidden;background:#0d0c12;box-shadow:0 26px 70px rgba(0,0,0,.35)}.nt-sim-ui{position:absolute;inset:0}.sim-app{width:100%;height:100%;display:grid;grid-template-columns:26% 74%;background:#0e0d13}.sim-sidebar{background:#121017;border-right:1px solid #2b2732;padding:2.2% 1.7%;font-size:clamp(7px,1vw,12px);position:relative}.sim-brand{display:flex;align-items:center;gap:7px;font-weight:800;margin-bottom:8%}.sim-brand i{width:22px;height:22px;border-radius:7px;background:#6d46b3;display:grid;place-items:center;font-style:normal}.sim-workspace{display:flex;align-items:center;gap:5px;margin-bottom:8%}.sim-workspace .picker{flex:1;padding:8px;border:1px solid #342e3d;border-radius:8px;background:#19161f;color:#ddd3e5}.sim-icon-btn{width:28px;height:28px;border:1px solid #342e3d;border-radius:8px;background:#19161f;color:#bda8d3;display:grid;place-items:center}.sim-label{display:flex;align-items:center;justify-content:space-between;color:#706979;font-weight:800;font-size:.78em;letter-spacing:.1em;margin:6% 0 3%}.sim-cat{margin:4% 0}.sim-cat-head{display:flex;justify-content:space-between;align-items:center;color:#c4bacd;font-weight:700;padding:5px 4px}.sim-ch{padding:6px 8px;border-radius:7px;color:#91899c;margin:2px 0}.sim-ch.active{background:#231d2b;color:#eee8f3}.sim-main{display:flex;flex-direction:column;min-width:0;background:#0f0e14}.sim-top{height:14%;display:flex;align-items:center;justify-content:space-between;padding:0 3%;border-bottom:1px solid #2a2630;background:#121017}.sim-title{font-weight:800;font-size:clamp(10px,1.5vw,18px)}.sim-top-actions{display:flex;gap:6px}.sim-top-btn{padding:7px 9px;border:1px solid #332e3a;border-radius:8px;background:#18151d;color:#b0a6ba}.sim-content{position:relative;flex:1;padding:3%;overflow:hidden}.sim-empty{height:100%;display:grid;place-items:center;color:#6f6878;text-align:center}.sim-composer{position:absolute;left:4%;right:4%;bottom:5%;border:1px solid #3a3343;border-radius:10px;background:#18151e;padding:10px;color:#77707e}.sim-composer.focus{border-color:#8b5cf6;box-shadow:0 0 0 2px rgba(139,92,246,.12)}.sim-message{padding:12px;border-radius:10px;background:#17141d;border:1px solid #2e2935;margin-bottom:9px}.sim-message small{color:#766f80}.sim-message strong{display:block;margin-top:4px}.sim-actions{display:flex;gap:6px;margin-top:9px}.sim-pill{display:inline-flex;padding:5px 8px;border:1px solid #3d3447;border-radius:999px;color:#b9a8ca;font-size:.8em}.sim-pill.accent{border-color:#6d4b8a;background:#2a1d36;color:#d3b4f4}.sim-modal{position:absolute;inset:0;background:rgba(8,7,11,.68);display:grid;place-items:center;z-index:20}.sim-modal[hidden]{display:none}.sim-dialog{width:54%;padding:3.2%;border:1px solid #484052;border-radius:14px;background:linear-gradient(180deg,#211e28,#17151c);box-shadow:0 20px 60px #0008}.sim-dialog h3{margin:0 0 4%;font-size:clamp(10px,1.4vw,18px)}.sim-field{display:block;width:100%;margin:2.6% 0;padding:9px;border:1px solid #393342;border-radius:8px;background:#111016;color:#f2edf6;font:inherit}.sim-field.focus{border-color:#8b5cf6}.sim-dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:5%}.sim-button{border:1px solid #453a51;border-radius:8px;background:#211a29;color:#d8cde0;padding:7px 10px;font:700 .8em inherit}.sim-button.primary{background:#7447bf;border-color:#9263dd;color:white}.sim-toast{position:absolute;right:3%;bottom:4%;padding:8px 10px;border:1px solid #365a4d;border-radius:8px;background:#14231f;color:#8ee0bd;z-index:30}.sim-toast[hidden]{display:none}.sim-share-card,.sim-result,.sim-attachment{padding:9px;border:1px solid #37303f;border-radius:9px;background:#17141d;margin:6px 0}.sim-search{width:66%;padding:9px;border:1px solid #393342;border-radius:9px;background:#17141d;color:#eee}.sim-search.focus{border-color:#8b5cf6}.sim-results{margin-top:10px}.sim-progressbar{height:5px;background:#2c2633;border-radius:6px;overflow:hidden;margin-top:6px}.sim-progressbar i{display:block;width:100%;height:100%;background:#8b5cf6}.sim-tunnel{position:absolute;inset:0;background:radial-gradient(circle at 45% 40%,rgba(139,92,246,.07),transparent 40%),#0d0c12}.sim-tunnel-head{height:13%;display:flex;align-items:center;justify-content:space-between;padding:0 3%;border-bottom:1px solid #2b2731}.sim-canvas{position:absolute;inset:13% 0 0}.sim-node{position:absolute;width:26%;min-height:22%;padding:2%;border:1px solid #4a3b58;border-radius:10px;background:#19151f;z-index:2}.sim-node.anchor{left:10%;top:24%;border-color:#72549b}.sim-node.child{left:56%;top:45%}.sim-node.file{left:58%;top:14%}.sim-node small{color:#8d7b9f}.sim-wire{position:absolute;height:2px;background:linear-gradient(90deg,#8b5cf6,#c4b5fd);transform-origin:left center;left:34%;top:43%;width:29%;transform:rotate(13deg);z-index:1}.sim-wire.two{top:34%;transform:rotate(-18deg);width:30%}.nt-pointer{position:absolute;width:22px;height:22px;z-index:80;pointer-events:none;opacity:0;transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),opacity .2s}.nt-pointer:before{content:"";position:absolute;width:0;height:0;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:rotate(35deg);filter:drop-shadow(0 2px 2px #000)}.nt-ripple{position:absolute;width:12px;height:12px;border:2px solid #c7a7ff;border-radius:50%;transform:translate(-50%,-50%);animation:ripple .55s ease-out forwards;z-index:70}@keyframes ripple{to{width:42px;height:42px;opacity:0}}.nt-caption{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 2px 0}.nt-step-badge{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#2c2038;color:#c8a9ef;font-weight:900;font-size:11px}.nt-caption strong{display:block;font-size:13px}.nt-caption p{margin:2px 0 0;color:#8d8599;font-size:10.5px;line-height:1.4}.nt-guided-next{display:none}.nt-guided-next.show{display:block}.nt-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(8,7,11,.78);backdrop-filter:blur(10px);z-index:100;padding:18px}.nt-overlay[hidden]{display:none}.nt-dialog{width:min(590px,92%);padding:25px;border:1px solid #3a3443;border-radius:18px;background:linear-gradient(180deg,#211e29,#15131a);box-shadow:0 30px 90px #000a}.nt-dialog .logo{display:flex;align-items:center;gap:9px;margin-bottom:17px}.nt-dialog .logo i{width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,#8b5cf6,#5936a4);display:grid;place-items:center;font-style:normal}.nt-dialog h2{margin:0;font-size:23px}.nt-dialog p{color:#9a92a7;font-size:12px;line-height:1.55}.nt-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.nt-mode{padding:14px;border:1px solid #3c3546;border-radius:12px;background:#19161f;color:#e9e2ef;text-align:left;cursor:pointer}.nt-mode.primary{background:linear-gradient(180deg,#2e2040,#21182c);border-color:#694e82}.nt-mode strong{display:block}.nt-mode span{display:block;color:#8d8499;font-size:10px;line-height:1.4;margin-top:5px}.nt-finish-actions{display:flex;gap:8px;margin-top:16px}.nt-finish-actions a,.nt-finish-actions button{border:1px solid #51415f;border-radius:9px;background:#231b2c;color:#dfd5e7;padding:9px 11px;text-decoration:none;font:700 10px/1 inherit}.nt-finish-actions a{background:#7549bd;border-color:#9367d8;color:#fff}.nt-demo-stage:fullscreen{width:100%;height:100%;padding:18px;background:var(--bg);display:flex;flex-direction:column}.nt-demo-stage:fullscreen .nt-demo-frame{flex:1;min-height:0;aspect-ratio:auto}.nt-demo-stage:fullscreen .nt-caption{padding-bottom:6px}body.demo-not-started .nt-demo-director,body.demo-not-started .nt-progress,body.demo-not-started .nt-demo-frame,body.demo-not-started .nt-caption{filter:saturate(.75) brightness(.7)}[hidden]{display:none!important}@media(max-width:640px){body{padding:10px}.nt-demo-brand span{display:none}.nt-demo-controls button span{display:none}.nt-dialog{padding:19px}.nt-dialog h2{font-size:19px}.nt-modes{grid-template-columns:1fr}.nt-caption{grid-template-columns:32px 1fr}.nt-guided-next{grid-column:2;width:100%}.sim-sidebar{font-size:7px}.sim-top-btn{padding:5px}.sim-dialog{width:62%}}@media(prefers-reduced-motion:reduce){.nt-pointer{transition:none}.nt-ripple{display:none}}