.edges{pointer-events:none}.overlay,.world{pointer-events:auto;width:100%;height:100%}.h-screen{height:100vh}.mt-1{margin-top:.25rem}.ml-1{margin-left:.25rem}:root{--bg:#0b1220;--panel:#0e172a;--muted:#1f2a44;--card:#111a2e;--text:#e6edf3;--sub:#9fb3c8;--accent:#4fd1c5;--accent-2:#a78bfa;--danger:#f87171;--yellow:#facc15;--green:#34d399;--blue:#60a5fa}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;overflow:hidden}.app{display:grid;grid-template-columns:280px 1fr 360px;grid-template-rows:56px 1fr;height:100vh}.topbar{grid-column:1/4;grid-row:1;display:flex;align-items:center;gap:12px;padding:8px 12px;background:linear-gradient(180deg,#0f1a31,#0b1220);border-bottom:1px solid #1a2540}.logo{font-weight:800;letter-spacing:.5px}.diagram-name{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);font-size:14px;font-weight:600;padding:4px 8px;min-width:120px;max-width:280px;transition:background .15s ease,border-color .15s ease}.diagram-name:hover{background:#0e1729;border-color:#223055}.diagram-name:focus{outline:none;background:#0e1729;border-color:var(--accent)}.topbar-link{color:var(--sub);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:color .15s ease}.topbar-link:hover{color:var(--accent)}.footer button,.panel button,.topbar button{background:#17213a;color:var(--text);border:1px solid #223055;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:600;transition:.15s ease}.panel button:hover,.topbar button:hover{transform:translateY(-1px);background:#1b2644}.panel button.active{background:var(--accent);color:#0b1220;border-color:var(--accent)}.panel{grid-column:1;grid-row:2;background:var(--panel);border-right:1px solid #1a2540;padding:10px;overflow:auto}.panel h3{margin:12px 8px 6px;font-size:13px;color:var(--sub);text-transform:uppercase;letter-spacing:.12em}.palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;padding:8px}.item{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:12px;padding:10px;background:var(--card);border:1px solid #203055;display:flex;gap:8px;align-items:center;font-size:12px;cursor:-webkit-grab;cursor:grab}.item .dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.palette-root{padding:8px}.palette-search{width:100%;background:#0c1426;color:var(--text);border:1px solid #304065;padding:8px 10px;border-radius:10px;font-size:12px;margin-bottom:8px}.palette-providers{display:flex;gap:4px;margin-bottom:10px}.palette-provider{flex:1 1;background:#0c1426;color:var(--sub);border:1px solid #304065;border-radius:8px;padding:4px 0;font-size:11px;font-weight:600;cursor:pointer}.palette-provider.is-active{background:#1b2a4a;color:var(--text);border-color:#4868a8}.palette-item-provider{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.04em;color:var(--sub);opacity:.7;flex:0 0 auto}.palette-section{margin-bottom:12px}.palette-section-header{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--sub);text-transform:uppercase;letter-spacing:.08em;margin:6px 2px;font-weight:700}.palette-section-icon{font-size:13px}.palette-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.palette-item-icon{font-size:14px;flex:0 0 auto}.palette-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-headline{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.node-titles{display:flex;flex-direction:column;min-width:0;line-height:1.2}.node-icon{font-size:14px;flex:0 0 auto;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--accent-color,#3a5392) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent-color,#3a5392) 45%,transparent)}.node-subtitle{font-size:10px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right{grid-column:3;grid-row:2;background:var(--panel);border-left:1px solid #1a2540;padding:10px;overflow:auto}.right h3{margin:12px 16px 6px;font-size:13px;color:var(--sub);text-transform:uppercase;letter-spacing:.12em}.inspector{padding:12px 16px}.inspector .section{background:var(--card);border:1px solid #203055;border-radius:14px;padding:12px;margin-bottom:12px}.kv{display:grid;grid-template-columns:120px 1fr;grid-gap:8px 12px;gap:8px 12px;align-items:center;font-size:13px}.kv input,.kv select,.kv textarea{width:100%;background:#0c1426;color:var(--text);border:1px solid #304065;padding:8px;border-radius:10px}.canvas-wrap{grid-column:2;grid-row:2;position:relative;overflow:hidden;background:radial-gradient(1200px 1200px at 60% -10%,#16223d,#0b1220 50%)}.grid{inset:0;pointer-events:none;z-index:0}.grid,.world{position:absolute}.world{top:0;left:0;transform-origin:0 0;z-index:3}.overlay{inset:0;background:transparent;z-index:1}.node,.overlay{position:absolute}.node{min-width:120px;background:#0f1a31;border:1px solid #24406b;border-left:3px solid var(--accent-color,#24406b);border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.35);overflow:hidden;transition:height .12s ease,opacity .12s ease}.node.lod-far .node-body,.node.lod-far .node-subtitle,.node.lod-far .ports,.node.lod-mid .node-body .pill:nth-child(n+2),.node.lod-mid .node-subtitle,.node.lod-mid .ports{display:none}.node.lod-far .node-header,.node.lod-mid .node-header{border-bottom:none}.node.lod-mid .node-header{padding:7px 10px}.node.lod-far .node-header{padding:4px 8px}.node.lod-far .node-icon{width:24px;height:24px}.node.dense-compact .node-body .pill:nth-child(n+2),.node.dense-compact .node-subtitle{display:none}.node.dense-compact .node-body{padding-top:6px;padding-bottom:6px}.node.dimmed{opacity:.28}.edge.dimmed,text.dimmed{opacity:.14}.node.container{background:color-mix(in srgb,var(--accent-color,#24406b) 8%,#0c1426);border-style:dashed}.resize-handle{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;display:none;z-index:3}.resize-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:10px;height:10px;border-right:2px solid #5fbef3;border-bottom:2px solid #5fbef3;border-bottom-right-radius:3px}.node.selected .resize-handle{display:block}.node.container>.node-header{height:40px;padding:6px 12px;border-bottom:1px dashed #2a3f6a;background:color-mix(in srgb,var(--accent-color,#24406b) 14%,transparent);border-radius:13px 13px 0 0}.node.container>.node-body{display:none}.node-count{font-size:11px;color:#c3d2ea;background:#122043;border:1px solid #2a3f6a;border-radius:999px;padding:1px 8px}.node-count,.node-provider{font-weight:700;flex:0 0 auto}.node-provider{margin-left:auto;font-size:9px;letter-spacing:.04em;line-height:1.4;padding:1px 5px;border-radius:6px;border:1px solid transparent;color:var(--text)}.node-provider-aws{background:color-mix(in srgb,#f59e0b 18%,transparent);border-color:color-mix(in srgb,#f59e0b 45%,transparent)}.node-provider-gcp{background:color-mix(in srgb,#60a5fa 18%,transparent);border-color:color-mix(in srgb,#60a5fa 45%,transparent)}.node-provider-azure{background:color-mix(in srgb,#38bdf8 18%,transparent);border-color:color-mix(in srgb,#38bdf8 45%,transparent)}.node.lod-far .node-provider{display:none}.node-collapse{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:11px;color:#c3d2ea;cursor:pointer;border-radius:6px;flex:0 0 auto}.node-collapse:hover{background:#1b2644}.node.env-tinted{background:color-mix(in srgb,var(--env-tint,transparent) 22%,#0f1a31);border-color:color-mix(in srgb,var(--env-tint,#24406b) 55%,#24406b)}.node.container.env-tinted>.node-header{background:color-mix(in srgb,var(--env-tint,#24406b) 26%,transparent)}.node.heat-tinted{background:color-mix(in srgb,var(--env-tint,transparent) 50%,#0f1a31);border-color:color-mix(in srgb,var(--env-tint,#24406b) 80%,#24406b)}.node.container.heat-tinted>.node-header{background:color-mix(in srgb,var(--env-tint,#24406b) 55%,transparent)}.node.tag-tinted{background:color-mix(in srgb,var(--tag-tint,transparent) 24%,#0f1a31);border-color:color-mix(in srgb,var(--tag-tint,#24406b) 60%,#24406b)}.node.container.tag-tinted>.node-header{background:color-mix(in srgb,var(--tag-tint,#24406b) 30%,transparent)}.node.summary{display:flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer;border-style:dashed;background:color-mix(in srgb,var(--accent-color,#24406b) 14%,#0f1a31)}.node.summary:hover{background:color-mix(in srgb,var(--accent-color,#24406b) 24%,#0f1a31)}.node.summary .node-title{font-size:13px;font-weight:700}.node.search-match{outline:2px solid #facc15;outline-offset:2px;box-shadow:0 0 0 4px rgba(250,204,21,.25)}.breadcrumb{position:absolute;top:12px;left:12px;z-index:6;display:flex;align-items:center;gap:4px;padding:4px 6px;background:rgba(12,20,38,.85);border:1px solid #203055;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:calc(100% - 220px);overflow:hidden}.breadcrumb-crumb{background:transparent;border:none;color:var(--sub);cursor:pointer;font-size:12px;font-weight:600;padding:2px 6px;border-radius:6px;white-space:nowrap}.breadcrumb-crumb:hover{background:#17213a;color:var(--text)}.breadcrumb-sep{color:#3a5392;font-size:11px}.breadcrumb-exit{margin-left:4px;background:transparent;border:1px solid #223055;color:var(--sub);cursor:pointer;font-size:11px;border-radius:6px;padding:2px 7px}.breadcrumb-exit:hover{color:var(--danger);border-color:#5a2436}.node-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px dashed #24406b;cursor:-webkit-grab;cursor:grab}.node-title{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:10px;padding:2px 6px;border-radius:999px;border:1px solid #2a3f6a;color:#c3d2ea}.ins-panel-head{display:flex;justify-content:space-between;align-items:center}.ins-run{padding:6px 10px}.ins-results{margin-top:8px;font-size:13px}.no-issues{color:var(--green)}.no-suggestions{color:var(--sub)}.finding-msg{margin-left:6px}.finding-fix{margin-left:auto;flex:none;align-self:flex-start;font-size:10px;padding:2px 8px;border-radius:999px;border:1px solid var(--green,#34d399);color:var(--green,#34d399);background:transparent;cursor:pointer}.finding-fix:hover{background:color-mix(in srgb,var(--green,#34d399) 18%,transparent)}.rule-block{margin:6px 0 10px;padding:8px;border:1px solid #223055;border-radius:10px;background:#0d1831}.rule-block-title{font-weight:700}.rule-scope{color:var(--accent-2)}.rule-list{margin:6px 0 0 16px}.rule-kv-key{color:var(--sub)}.node-body{padding:10px 12px;font-size:12px;color:#cbd5e1}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:#122043;border:1px solid #24406b;margin:2px 4px 0 0}svg.edges{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;z-index:2;transform-origin:0 0}.edge{fill:none;stroke:#3baed3;stroke-width:2;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.edge.edge-external{filter:drop-shadow(0 0 4px rgba(251,146,60,.7))}.node.node-external{box-shadow:0 0 0 2px #fb923c,0 0 12px rgba(251,146,60,.45)}.overlay-legend{display:flex;flex-direction:column;gap:4px;margin:6px 2px 0;font-size:11px;color:var(--sub)}.overlay-legend-item{display:flex;align-items:center;gap:8px}.legend-line{width:18px;height:0;border-top-width:3px;border-top-style:solid;flex:0 0 auto}.legend-line--internal{border-top-color:#60a5fa}.legend-line--external{border-top-color:#fb923c}svg.guides{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;transform-origin:0 0;pointer-events:none;z-index:5}.guide-line{stroke:#f0a2ff;stroke-width:1;stroke-dasharray:4 3;opacity:.9}.marquee{fill:rgba(95,190,243,.12);stroke:#5fbef3;stroke-width:1;stroke-dasharray:4 3}.edge.invalid{stroke:var(--danger);stroke-dasharray:6 4}.toolbar{display:flex;align-items:center;gap:6px;margin-left:auto}.topbar .icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:8px 10px;font-size:15px;line-height:1}.topbar button:disabled{opacity:.4;cursor:not-allowed;transform:none}.toolbar-divider{width:1px;align-self:stretch;margin:4px 2px;background:#223055}.menu{position:relative;display:inline-block}.menu-dropdown{position:absolute;top:calc(100% + 6px);min-width:240px;max-height:360px;overflow:auto;background:#0e172a;border:1px solid #223055;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.45);padding:6px;z-index:20}.menu-dropdown--right{right:0}.menu-dropdown--left{left:0}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--text);font-weight:600;font-size:13px}.menu-item:hover:not(:disabled){background:#17213a;border-color:#223055}.menu-item:disabled{opacity:.5;cursor:not-allowed}.menu-item--danger{color:var(--danger)}.menu-item--danger:hover:not(:disabled){background:#2a1320;border-color:#5a2436}.menu-item-badge{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--sub);background:#17213a;border:1px solid #223055;border-radius:999px;padding:2px 7px}.menu-divider{height:1px;margin:6px 4px;background:#1a2540}.menu-empty{padding:10px 12px;font-size:12px;color:var(--sub)}.menu-row{display:flex;align-items:stretch;gap:4px}.menu-pick{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--text)}.menu-pick:hover{background:#17213a;border-color:#223055}.menu-pick-name{font-weight:600;font-size:13px}.menu-pick-meta{font-size:11px;color:var(--sub)}.menu-delete{flex:0 0 auto;width:30px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--sub);cursor:pointer;font-size:12px}.menu-delete:hover{background:#2a1320;border-color:#5a2436;color:var(--danger)}.status{font-size:12px;color:var(--sub);margin-left:8px}.footer{padding:8px 12px;border-top:1px solid #1a2540;display:flex;gap:8px}.toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#122043;border:1px solid #24406b;color:#cfe7ff;padding:10px 14px;border-radius:999px;display:none}.minimap{position:absolute;right:16px;bottom:16px;width:180px;height:120px;background:#0c1426;border:1px solid #203055;border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;z-index:4}.minimap canvas{width:100%;height:100%;display:block;cursor:pointer}.zoom-controls{position:absolute;left:16px;bottom:16px;z-index:4;display:flex;align-items:stretch;gap:4px;padding:4px;background:rgba(12,20,38,.85);border:1px solid #203055;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.zoom-controls button{background:#17213a;color:var(--text);border:1px solid #223055;border-radius:8px;min-width:30px;height:30px;padding:0 8px;cursor:pointer;font-weight:700;font-size:14px;line-height:1;transition:.15s ease}.zoom-controls button:hover{background:#1b2644}.zoom-controls .zoom-level{font-size:12px;min-width:52px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;pointer-events:none;z-index:1;color:var(--sub)}.empty-hint-title{font-size:18px;font-weight:700;color:#c3d2ea}.empty-hint-sub{font-size:13px;color:var(--sub)}.help{font-size:12px;color:#cbd5e1;margin:6px 16px 10px}.cmdk-backdrop{position:fixed;inset:0;z-index:100;background:rgba(3,7,18,.5);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.cmdk{width:min(640px,92vw);background:#0e172a;border:1px solid #223055;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden}.cmdk-input{width:100%;background:transparent;border:none;border-bottom:1px solid #1a2540;color:var(--text);padding:14px 16px;font-size:15px;outline:none}.cmdk-list{max-height:50vh;overflow:auto;padding:6px}.cmdk-group{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--sub);padding:8px 10px 4px;font-weight:700}.cmdk-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px}.cmdk-item.active{background:#17213a}.cmdk-hint{width:18px;text-align:center;flex:0 0 auto}.cmdk-title{flex:1 1 auto}.cmdk-empty{padding:16px;color:var(--sub);font-size:13px}.btn-start{background:var(--accent);color:#0b1220;border:1px solid var(--accent);border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:700}.btn-start:hover{filter:brightness(1.08);transform:translateY(-1px)}.hub-backdrop{position:fixed;inset:0;z-index:110;background:rgba(3,7,18,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.hub-backdrop--top{z-index:130;align-items:center;padding-top:0}.hub{width:min(720px,94vw);max-height:80vh;overflow:auto;background:#0e172a;border:1px solid #223055;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);padding:20px}.hub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hub-subtitle{margin:0 0 16px;font-size:13px;line-height:1.5;color:var(--sub)}.hub-subtitle strong{color:var(--text);font-weight:600}.tour{position:relative;width:min(440px,92vw);background:var(--panel,#0c1426);border:1px solid #223055;border-radius:16px;padding:28px 24px 20px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.5)}.tour-icon{font-size:40px;line-height:1;margin-bottom:10px}.tour-title{margin:0 0 8px;font-size:18px;font-weight:800}.tour-body{margin:0 auto 18px;max-width:36ch;font-size:14px;line-height:1.55;color:var(--sub)}.tour-body strong{color:var(--text);font-weight:600}.tour-dots{display:flex;justify-content:center;gap:6px;margin-bottom:18px}.tour-dot{width:7px;height:7px;border-radius:50%;background:#2a3f6a}.tour-dot.active{background:var(--accent)}.tour-nav{justify-content:space-between;gap:12px}.tour-nav,.tour-nav-right{display:flex;align-items:center}.tour-nav-right{gap:8px}.tour-back,.tour-skip{background:transparent;border:1px solid #223055;color:var(--sub);border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:600}.tour-back:hover,.tour-skip:hover{color:var(--text);border-color:var(--accent)}.topbar-tour{background:transparent;border:none;cursor:pointer;padding:0}.findings-overlay{width:100%;height:100%;overflow:visible;z-index:5}.a11y-nodes,.findings-overlay{position:absolute;inset:0;pointer-events:none}.a11y-nodes{z-index:6}.a11y-node{position:absolute;margin:0;padding:0;background:transparent;border:0;pointer-events:none}.a11y-node:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:10px}.annz{z-index:1}.ann-leaders,.annz{position:absolute;inset:0;pointer-events:none}.ann-leaders{width:100%;height:100%;transform-origin:0 0;z-index:4;overflow:visible}.ann-leader{stroke-width:1.5;stroke-dasharray:4 3;opacity:.8}.anno{position:absolute;inset:0;z-index:5;pointer-events:none}.ann-callout,.ann-note,.ann-zone{position:absolute;pointer-events:auto;cursor:-webkit-grab;cursor:grab;font-size:12px;color:var(--text)}.ann-callout:active,.ann-note:active,.ann-zone:active{cursor:-webkit-grabbing;cursor:grabbing}.ann-zone{border:1.5px dashed color-mix(in srgb,var(--ann-color,var(--accent-2)) 70%,transparent);background:color-mix(in srgb,var(--ann-color,var(--accent-2)) 12%,transparent);border-radius:10px}.ann-zone-label{position:absolute;top:4px;left:8px;font-weight:700;font-size:11px;letter-spacing:.02em;color:color-mix(in srgb,var(--ann-color,var(--accent-2)) 60%,var(--text));pointer-events:none}.ann-note{background:color-mix(in srgb,var(--ann-color,var(--yellow)) 22%,var(--card));border:1px solid color-mix(in srgb,var(--ann-color,var(--yellow)) 45%,transparent);border-radius:8px;padding:8px 10px}.ann-callout,.ann-note{box-shadow:0 2px 10px rgba(0,0,0,.35)}.ann-callout{background:color-mix(in srgb,var(--ann-color,var(--blue)) 20%,var(--card));border:1px solid color-mix(in srgb,var(--ann-color,var(--blue)) 55%,transparent);border-radius:14px;padding:8px 12px}.ann-text{display:block;white-space:pre-wrap;word-break:break-word;line-height:1.3}.ann-edit{width:100%;min-height:48px;resize:none;background:transparent;border:0;color:inherit;font:inherit;outline:none}.ann-zone-edit{position:absolute;inset:0;height:100%;padding:6px 8px;box-sizing:border-box;font-weight:700;font-size:11px}.ann-callout.selected,.ann-note.selected,.ann-zone.selected{outline:2px solid #5fbef3;outline-offset:1px}.ann-resize{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;border-radius:3px;background:#5fbef3;cursor:nwse-resize;pointer-events:auto}.finding-dot{stroke:#0a0f1e;stroke-width:2}.finding-dot--error{fill:#f87171}.finding-dot--warn{fill:#fbbf24}.drift-dot{stroke:#0a0f1e;stroke-width:2}.drift-dot--added{fill:#34d399}.drift-dot--changed{fill:#fbbf24}.compare-section{margin-top:14px}.compare-list{display:flex;flex-direction:column;gap:6px;margin-top:6px;max-height:40vh;overflow:auto}.compare-item{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:var(--card);border:1px solid #203055;border-radius:10px;padding:8px 10px;cursor:pointer;color:var(--text)}.compare-item:hover{background:#17213a}.compare-item-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-item-meta{color:var(--sub);font-size:11px;flex:0 0 auto}.version-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1px solid #203055;border-radius:10px;padding:8px 10px;color:var(--text)}.version-meta{display:flex;flex-direction:column;min-width:0}.version-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.version-actions button{background:#17213a;color:var(--text);border:1px solid #223055;border-radius:8px;font-size:12px;font-weight:600;padding:4px 10px;cursor:pointer}.version-actions button:hover{background:#1b2644}.drift{position:absolute;top:12px;right:12px;z-index:20;width:min(320px,40vw);max-height:60vh;display:flex;flex-direction:column;background:#0c1426;border:1px solid #223055;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.5);font-size:12px}.drift-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #1a2540}.drift-head .hub-close{position:static}.drift-insync{padding:10px 12px;color:#9fe6b0;font-weight:600}.drift-counts{padding:10px 12px}.drift-cost,.drift-counts{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #1a2540}.drift-cost{align-items:center;padding:8px 12px;font-size:12px;color:var(--text)}.drift-cost-label{color:var(--sub);font-weight:600}.drift-cost-delta{font-weight:700;margin-left:auto;color:var(--sub)}.drift-cost-delta.up{color:#f87171}.drift-cost-delta.down{color:#34d399}.drift-c{color:var(--sub);font-weight:600}.drift-c.added{color:#34d399}.drift-c.removed{color:#f87171}.drift-c.changed{color:#fbbf24}.drift-list{overflow:auto;padding:6px}.drift-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:6px 8px;border-radius:6px;font-size:12px;cursor:default}button.drift-item{cursor:pointer}button.drift-item:hover{background:#17213a}.drift-item.added{color:#9fe6b0}.drift-item.changed{color:#fde68a}.drift-item.removed{color:#fca5a5}.drift-svc{color:var(--sub);font-size:11px}.valbadge{position:absolute;left:16px;bottom:68px;z-index:20;max-width:400px;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:8px}.valbadge-chip{display:inline-flex;align-items:center;gap:8px;background:#0e1729;border:1px solid #223055;border-radius:10px;padding:6px 10px;color:var(--text);cursor:pointer;font-size:12px;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.4)}.valbadge-chip:hover{border-color:var(--accent)}.valbadge-count.error{color:#f87171}.valbadge-count.warn{color:#fbbf24}.valbadge-label{color:var(--sub)}.valbadge-list{list-style:none;margin:0;padding:6px;max-height:300px;width:400px;max-width:60vw;overflow:auto;background:#0c1426;border:1px solid #223055;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.5)}.valbadge-item{margin:0}.valbadge-item-btn{display:flex;align-items:flex-start;gap:8px;width:100%;text-align:left;background:transparent;border:none;color:var(--text);font-size:12px;line-height:1.4;padding:6px 8px;border-radius:6px;cursor:pointer}.valbadge-item-btn:hover:not(:disabled){background:#17213a}.valbadge-item-btn:disabled{cursor:default;opacity:.85}.valbadge-dot{flex:none;width:8px;height:8px;border-radius:50%;margin-top:4px}.valbadge-dot.error{background:#f87171}.valbadge-dot.warn{background:#fbbf24}.cost-overlay{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.cost-label{position:absolute;transform:translate(-100%,4px);background:rgba(14,23,41,.85);border:1px solid #2a3f6a;color:#9fe6b0;font-size:11px;font-weight:700;padding:1px 6px;border-radius:6px;white-space:nowrap}.toolbar-toggle.active{background:var(--accent);color:#0b1220;border-color:var(--accent)}.toolbar-toggle.active:hover{background:#6ee0d6;color:#0b1220;border-color:#6ee0d6}.toolbar-soon{color:var(--accent);opacity:.85}.toolbar-soon:hover{opacity:1}.soon{position:relative;width:min(420px,92vw);background:var(--panel,#0c1426);border:1px solid #223055;border-radius:16px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.5)}.soon-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--accent);background:#0e1729;border:1px solid #223055;border-radius:999px;padding:2px 10px;margin-bottom:10px}.soon-title{margin:0 0 8px;font-size:20px;font-weight:800}.soon-body{margin:0 0 10px;font-size:14px;color:var(--sub);line-height:1.5}.soon-list{margin:0 0 18px;padding-left:18px;font-size:13px;color:var(--sub);line-height:1.7}.soon-thanks{font-weight:600;color:#9fe6b0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.hub-title{margin:0;font-size:18px;font-weight:800}.hub-close{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--sub);cursor:pointer;font-size:14px;padding:4px 8px}.hub-close:hover{background:#17213a;border-color:#223055}.hub-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.hub-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:#111a2e;border:1px solid #223055;border-radius:12px;padding:14px;cursor:pointer;color:var(--text)}.hub-card:hover:not(.hub-card--disabled){background:#17213a;border-color:var(--accent);transform:translateY(-1px)}.hub-card--disabled{opacity:.55;cursor:not-allowed}.hub-card-icon{font-size:22px}.hub-card-title{font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}.hub-card-desc{font-size:12px;color:var(--sub);line-height:1.4}.hub-examples{margin-top:16px}.hub-section-title{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--sub);margin-bottom:8px}.hub-examples-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.hub-example{display:flex;align-items:center;gap:10px;text-align:left;background:#0e1729;border:1px solid #223055;border-radius:10px;padding:10px 12px;cursor:pointer;color:var(--text)}.hub-example:hover{background:#17213a;border-color:var(--accent)}.hub-example-icon{font-size:20px;flex:none}.hub-example-body{display:flex;flex-direction:column;min-width:0}.hub-example-label{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-example-meta{font-size:11px;color:var(--sub)}.hub-badge{font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--sub);background:#0b1220;border:1px solid #223055;border-radius:999px;padding:2px 7px}.hub-saved{margin-top:18px;border-top:1px solid #1a2540;padding-top:14px}.hub-saved-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--sub);font-weight:700;margin-bottom:8px}.hub-saved-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.hub-saved-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:transparent;border:1px solid #223055;border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--text)}.hub-saved-item:hover{background:#17213a;border-color:var(--accent)}.hub-saved-name{font-weight:600;font-size:13px}.hub-saved-meta{font-size:11px;color:var(--sub)}.confirm{width:min(440px,92vw);background:#0e172a;border:1px solid #223055;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5);padding:20px}.confirm-title{font-size:16px;font-weight:800;margin-bottom:8px}.confirm-msg{font-size:13px;color:var(--sub);line-height:1.5;margin-bottom:16px}.confirm-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.confirm-actions button:not(.btn-start){background:#17213a;color:var(--text);border:1px solid #223055;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:600}.confirm-actions button:not(.btn-start):hover{background:#1b2644}.empty-hint-cta{margin-top:10px;pointer-events:auto}.export{width:min(760px,94vw);max-height:84vh;display:flex;flex-direction:column;background:#0e172a;border:1px solid #223055;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);padding:20px}.export-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.export-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--sub)}.export-field select{background:#0c1426;color:var(--text);border:1px solid #304065;border-radius:10px;padding:8px 10px;font-size:13px}.export-actions{display:flex;gap:8px}.export-actions button:not(.btn-start){background:#17213a;color:var(--text);border:1px solid #223055;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:600}.export-actions button:not(.btn-start):hover{background:#1b2644}.export-report{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--sub);padding:8px 10px;background:#0c1426;border:1px solid #1a2540;border-radius:10px;margin-bottom:12px}.export-warn{color:var(--yellow);font-weight:600}.export-note{flex:1 1 100%;color:var(--sub);opacity:.85}.export-preview{flex:1 1 auto;overflow:auto;margin:0;background:#0b1220;border:1px solid #1a2540;border-radius:10px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;color:#c3d2ea;white-space:pre}.connect{width:min(680px,94vw);max-height:86vh;display:flex;flex-direction:column;background:#0e172a;border:1px solid #223055;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);padding:20px}.connect-seg{display:inline-flex;gap:4px;background:#0c1426;border:1px solid #223055;border-radius:10px;padding:3px;margin-bottom:12px;align-self:flex-start}.connect-seg button{background:transparent;color:var(--sub);border:none;border-radius:8px;padding:6px 14px;cursor:pointer;font-weight:600;font-size:13px}.connect-seg button.active{background:var(--accent);color:#0b1220}.connect-body{display:flex;flex-direction:column;gap:10px;min-height:0}.connect-types-head{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--sub)}.connect-types-head>span:first-child{margin-right:auto}.connect-selectall{background:#17213a;color:var(--text);border:1px solid #304065;border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer;white-space:nowrap}.connect-selectall:hover:not(:disabled){border-color:#4a5f95}.connect-selectall:disabled{opacity:.5;cursor:default}.connect-filter{background:#0c1426;color:var(--text);border:1px solid #304065;border-radius:8px;padding:5px 8px;font-size:12px;width:160px}.connect-types{max-height:240px;overflow:auto;border:1px solid #1a2540;border-radius:10px;padding:6px;display:grid;grid-gap:2px;gap:2px}.connect-type{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:5px 8px;border-radius:8px;font-size:13px;cursor:pointer}.connect-type:hover{background:#17213a}.connect-type-cfn{font-size:11px;color:var(--sub)}.connect-paste,.connect-type-cfn{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.connect-paste{width:100%;min-height:180px;resize:vertical;background:#0b1220;color:#c3d2ea;border:1px solid #304065;border-radius:10px;padding:10px;font-size:12px;line-height:1.5}.connect-note{font-size:12px;color:var(--sub);line-height:1.45}.connect-note code{font-size:11px;background:#0b1220;border:1px solid #1a2540;border-radius:5px;padding:1px 5px}.connect-warn{color:var(--yellow)}.connect-privacy{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.45;color:var(--sub);background:#0c1f1a;border:1px solid #1d4d40;border-radius:10px;padding:9px 11px}.connect-privacy strong{color:var(--text)}.connect-privacy-icon{flex:none;font-size:13px;line-height:1.45}.connect-error{font-size:13px;color:var(--danger);background:#2a1320;border:1px solid #5a2436;border-radius:10px;padding:8px 10px;margin-bottom:10px}.connect-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.connect-actions button:not(.btn-start){background:#17213a;color:var(--text);border:1px solid #223055;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:600}.connect-actions button:not(.btn-start):hover{background:#1b2644}.connect-actions button:disabled{opacity:.45;cursor:not-allowed}.connect-review{margin-top:14px;border-top:1px solid #1a2540;padding-top:12px;display:flex;flex-direction:column;gap:8px}.connect-review-summary{font-size:13px;color:var(--text)}.connect-scanned{color:var(--sub)}.app--present{grid-template-columns:0 1fr 0;grid-template-rows:0 1fr}.app--present .panel,.app--present .right,.app--present .topbar{display:none}.present-exit{position:fixed;top:12px;right:12px;z-index:50;background:rgba(23,33,58,.9);color:var(--text);border:1px solid #223055;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.present-exit:hover{background:#1b2644}.layers{padding:4px 8px 8px;display:flex;flex-direction:column;gap:8px}.layers-presets{display:flex;flex-wrap:wrap;gap:6px}.layers-presets button{background:#17213a;color:var(--text);border:1px solid #223055;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:600;cursor:pointer}.layers-presets button:hover{background:#1b2644}.layers-sub{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--sub);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid #203055;border-radius:999px;padding:4px 9px;font-size:11px;color:var(--text);cursor:pointer}.chip .chip-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.chip.off{opacity:.4;text-decoration:line-through}.chip-icon{padding:4px 7px;gap:4px}.seg{display:inline-flex;border:1px solid #223055;border-radius:8px;overflow:hidden}.seg button{background:#11192e;color:var(--sub);border:none;padding:4px 10px;font-size:11px;cursor:pointer}.seg button.active{background:var(--accent);color:#0b1220;font-weight:700}.layers-row{justify-content:space-between}.layers-check,.layers-row{display:flex;align-items:center;gap:8px}.layers-check{font-size:12px;color:#cbd5e1;cursor:pointer}.saved-add{display:flex;gap:6px}.saved-add input{flex:1 1 auto;min-width:0;background:#0c1426;color:var(--text);border:1px solid #304065;border-radius:8px;padding:5px 8px;font-size:12px}.saved-add button{background:#17213a;color:var(--text);border:1px solid #223055;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600;cursor:pointer}.saved-view{display:flex;align-items:stretch;gap:4px}.saved-apply{flex:1 1 auto;text-align:left;background:var(--card);border:1px solid #203055;border-radius:8px;padding:5px 9px;font-size:12px;color:var(--text);cursor:pointer}.saved-apply:hover{background:#17213a}.saved-del{flex:0 0 auto;width:28px;background:transparent;border:1px solid #223055;border-radius:8px;color:var(--sub);cursor:pointer;font-size:11px}.saved-del:hover{color:var(--danger);border-color:#5a2436}.kbd{border:1px solid #2a3f6a;background:#0c1426;padding:2px 6px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px}.node-header .ports{display:flex;gap:6px;align-items:center;flex:0 0 auto}.port{width:12px;height:12px;border:2px solid #3a5392;border-radius:999px;background:#0b1220;cursor:crosshair}.port.port-out{border-color:#60a5fa}.port.port-in{border-color:#34d399}.port:hover{box-shadow:0 0 0 3px rgba(96,165,250,.2)}