*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--shell-bg:#111;--panel-bg:#1a1a1a;--panel-bg-alt:#1f1f1f;--border-color:#333;--text-primary:#eee;--text-muted:#888;--hover-bg:#333;--accent:#6366f1}[data-theme=light]{--shell-bg:#f0f0f0;--panel-bg:#fff;--panel-bg-alt:#fafafa;--border-color:#d9d9d9;--text-primary:#1a1a1a;--text-muted:#666;--hover-bg:#f0f0f0;--accent:#6366f1}html{width:100%;height:100%}body{background:var(--shell-bg);width:100%;height:100%;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100vw;height:100dvh;overflow:hidden}#root>*{width:100%;height:100%}.login-page,.auth-page,.settings-page{height:100%;overflow:auto}.template-thumbnail{background:linear-gradient(to right, #6366f10f 1px, transparent 1px), linear-gradient(to bottom, #6366f10f 1px, transparent 1px), var(--shell-bg);border:1px solid var(--border-color);background-size:14px 14px;border-radius:8px;width:100%;height:96px;position:relative;overflow:hidden}.template-thumbnail-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.template-thumbnail-line{stroke:#6366f18c;stroke-width:1.5px;vector-effect:non-scaling-stroke}.template-thumbnail-node{border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000040}.template-thumbnail-icon{justify-content:center;align-items:center;width:14px;height:14px;display:flex;overflow:hidden}.template-thumbnail-icon svg{width:14px;height:14px;display:block}.template-thumbnail-fallback{background:#fffc;border-radius:2px;width:10px;height:10px}.new-canvas-dialog{flex-direction:column;gap:16px;display:flex}.new-canvas-blank-card,.new-canvas-template-card{text-align:left;border:1px solid var(--border-color);background:var(--panel-bg);color:var(--text-primary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:stretch;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.new-canvas-blank-card:hover,.new-canvas-template-card:hover{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 16px #6366f126}.new-canvas-blank-card{flex-direction:row;gap:14px;padding:14px}.new-canvas-blank-preview{border:1px dashed var(--border-color);background:var(--shell-bg);width:72px;height:72px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.new-canvas-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.new-canvas-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.new-canvas-template-card{overflow:hidden}.new-canvas-template-card .template-thumbnail{border:none;border-bottom:1px solid var(--border-color);border-radius:0}.new-canvas-card-body{padding:12px 14px 14px}.new-canvas-card-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.new-canvas-card-description{color:var(--text-muted);font-size:12px;line-height:1.4}@media (width<=640px){.new-canvas-template-grid{grid-template-columns:1fr}}.open-canvas-dialog{flex-direction:column;gap:8px;display:flex}.open-canvas-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);background:var(--shell-bg);border-radius:10px;padding:28px 16px;font-size:13px}.open-canvas-list{flex-direction:column;gap:8px;max-height:420px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.open-canvas-item{border:1px solid var(--border-color);background:var(--panel-bg);border-radius:10px;align-items:center;gap:8px;transition:border-color .15s,box-shadow .15s;display:flex}.open-canvas-item:hover{border-color:#6366f1;box-shadow:0 2px 10px #6366f11f}.open-canvas-item-active{border-color:#6366f18c}.open-canvas-item-main{min-width:0;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:12px;padding:12px 14px;display:flex}.open-canvas-item-icon{background:var(--shell-bg);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.open-canvas-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.open-canvas-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.open-canvas-item-badge{color:#6366f1;background:#6366f126;border-radius:999px;flex-shrink:0;padding:0 6px;font-size:10px;font-weight:600;line-height:16px}.open-canvas-item-date{color:var(--text-muted);font-size:11px}.open-canvas-item-actions{flex-shrink:0;padding-right:10px}.open-canvas-inline-confirm{align-items:center;gap:6px;display:flex}.open-canvas-inline-confirm-label{color:var(--text-muted);white-space:nowrap;font-size:12px}.share-canvas-dialog{flex-direction:column;gap:16px;display:flex}.share-canvas-intro{font-size:13px;line-height:1.5;display:block}.share-canvas-options{flex-direction:column;gap:10px;display:flex}.share-canvas-field{flex-direction:column;gap:6px;display:flex}.share-canvas-label{color:var(--text-muted);font-size:12px;font-weight:600}.share-canvas-actions{justify-content:flex-end;padding-top:4px;display:flex}.export-canvas-dialog{flex-direction:column;gap:18px;display:flex}.export-canvas-section{flex-direction:column;gap:8px;display:flex}.export-canvas-label{color:var(--text-muted);font-size:12px;font-weight:600}.export-camera-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.export-camera-card{border:1px solid var(--border-color,#334155);background:var(--panel-bg,#111827);color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;gap:8px;margin:0;padding:8px;transition:border-color .15s,box-shadow .15s;display:flex}.export-camera-card:disabled{cursor:not-allowed;opacity:.7}.export-camera-card:hover{border-color:color-mix(in srgb, var(--accent,#6366f1) 55%, var(--border-color,#334155))}.export-camera-card-selected{border-color:var(--accent,#6366f1);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent,#6366f1) 45%, transparent)}.export-camera-preview{aspect-ratio:16/10;background:color-mix(in srgb, var(--panel-bg,#111827) 70%, #000);border-radius:6px;position:relative;overflow:hidden}.export-camera-preview img{object-fit:cover;width:100%;height:100%;display:block}.export-camera-preview-placeholder{color:var(--text-muted);justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.export-camera-card-title{color:var(--text-primary);text-align:center;font-size:12px;font-weight:600}.export-canvas-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.export-capture-mask{z-index:115;background:var(--panel-bg,#111827);pointer-events:none;position:absolute;inset:0}.action-bar{z-index:100;background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:4px 8px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.action-bar-btn{position:relative;color:#aaa!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;display:flex!important}.action-bar-btn:hover{color:#fff!important;background:#333!important}.action-bar-btn.active{color:#fff!important;background:#6366f1!important}.action-bar-btn .shortcut{opacity:.5;font-size:8px;position:absolute;bottom:1px;right:2px}.action-bar .ant-divider-vertical{border-color:#444;height:24px;margin:0 4px}.connection-hint{color:#ccc;white-space:nowrap;pointer-events:none;background:#000000bf;border-radius:6px;margin-top:6px;padding:4px 10px;font-size:11px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.sidebar-collapse-btn{flex-shrink:0;width:28px!important;height:28px!important;color:var(--text-muted,#aaa)!important;padding:0!important}.sidebar-collapse-btn:hover{color:var(--text-primary,#fff)!important;background:var(--hover-bg,#ffffff14)!important}.sidebar-restore-rail{background:var(--panel-bg,#1a1a1a);z-index:150;flex-shrink:0;justify-content:center;align-items:center;width:28px;display:flex}.sidebar-restore-rail--left{border-right:1px solid var(--border-color,#333)}.sidebar-restore-rail--right{border-left:1px solid var(--border-color,#333)}.sidebar-restore-btn{width:28px!important;height:44px!important;color:var(--text-muted,#aaa)!important;padding:0!important}.sidebar-restore-btn:hover{color:var(--text-primary,#fff)!important;background:var(--hover-bg,#ffffff14)!important}.properties-sidebar{background:var(--panel-bg);border-left:1px solid var(--border-color);width:280px;color:var(--text-primary);z-index:150;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;gap:4px;padding:12px;display:flex;overflow-y:auto}.properties-sidebar input,.properties-sidebar textarea,.properties-sidebar .ant-input,.properties-sidebar .ant-input-affix-wrapper{-webkit-user-select:text;user-select:text}.sidebar-header{color:var(--text-primary,#ececec);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-color,#444);justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;font-size:12px;font-weight:600;display:flex}.sidebar-header-title{align-items:center;gap:8px;min-width:0;display:flex}.sidebar-header-icon{color:#818cf8;align-items:center;font-size:14px;display:flex}.prop-section-header{border-bottom:1px solid var(--border-color,#3a3a3a);align-items:center;gap:8px;margin:14px 0 10px;padding-bottom:6px;display:flex}.prop-section-header-icon{color:#818cf8;flex-shrink:0;align-items:center;font-size:14px;display:flex}.prop-section-header-title{color:var(--text-primary,#ececec);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:600}.prop-switch-row{justify-content:space-between;align-items:center;gap:10px;min-height:24px;margin-bottom:8px;display:flex}.prop-switch-label{color:var(--text-primary,#d4d4d4);flex:1;min-width:0;font-size:12px;font-weight:500;line-height:1.3}.sidebar-empty{color:#666;font-size:12px;line-height:1.5}.multi-selection-list{max-height:200px;margin:0;padding:0;list-style:none;overflow-y:auto}.multi-selection-list li{color:var(--text-primary);border-bottom:1px solid var(--border-color);text-overflow:ellipsis;white-space:nowrap;padding:4px 0;font-size:12px;overflow:hidden}.multi-selection-list li:last-child{border-bottom:none}.prop-section{margin-bottom:10px}.prop-label{color:#a3a3a3;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:500}.prop-hint{color:#666;margin-top:6px;font-size:11px;line-height:1.4}.color-swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;border:2px solid #444;border-radius:50%;width:24px;height:24px;padding:0;transition:border-color .15s}.swatch.active{border-color:#6366f1;box-shadow:0 0 0 2px #6366f166}.swatch.transparent{background:repeating-conic-gradient(#555 0% 25%,#333 0% 50%) 50%/8px 8px!important}.color-picker-field{flex-direction:column;gap:6px;display:flex}.swatch.custom-swatch{cursor:pointer;background:repeating-conic-gradient(#6366f1 0% 25%,#22c55e 0% 50%,#f59e0b 0% 75%,#ef4444 0% 100%) 50%/8px 8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.swatch.custom-swatch.active{background:0 0}.custom-color-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.custom-swatch-icon{color:#fff;text-shadow:0 0 2px #000c;pointer-events:none;font-size:14px;font-weight:600}.custom-color-hex{width:100%}.custom-color-hex .ant-input-group-addon{color:#888;min-width:0;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.custom-color-hex .ant-input{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.properties-sidebar .pixel-input.ant-input-affix-wrapper{width:72px;padding-inline:8px 22px}.properties-sidebar .step-input.ant-input-affix-wrapper,.properties-sidebar .step-input-group .step-input{width:72px;padding-inline:8px}.properties-sidebar .step-input-group{align-items:center;gap:8px;display:flex}.properties-sidebar .step-input-suffix{color:#888;flex-shrink:0;font-size:12px}.properties-sidebar .pixel-input .ant-input,.properties-sidebar .step-input .ant-input{text-align:center!important;padding:0!important}.properties-sidebar .pixel-input:not(.step-input) .ant-input-suffix{color:#888;position:absolute;right:8px;margin-inline-start:0!important}.properties-sidebar .position-fields-row{align-items:flex-start;gap:8px;display:flex}.position-axis-field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.position-axis-label{color:#888;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.position-axis-field .ant-space-compact{width:100%}.position-axis-field .coord-input.ant-input-affix-wrapper{flex:1;min-width:0;width:auto!important}.properties-sidebar .ant-divider{border-color:#333;margin:8px 0}.properties-sidebar .ant-input,.properties-sidebar .ant-select-selector{color:#eee!important;background:#2a2a2a!important;border-color:#444!important}.properties-sidebar .ant-slider-rail{background:#333!important}.connection-direction{color:#ddd;font-size:12px;line-height:1.4}.aws-pricing-display{margin-top:4px}.aws-pricing-primary{color:#22c55e;margin-bottom:2px;font-family:monospace;font-size:18px;font-weight:600}.aws-pricing-inputs{flex-direction:column;gap:8px;margin-top:10px;display:flex}.aws-pricing-input-row{color:#94a3b8;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;font-size:11px;display:grid}.aws-pricing-input-row>span:first-child{min-width:0}.aws-pricing-input-row .ant-input-affix-wrapper{width:100%;min-width:0;padding-inline-start:8px}.aws-pricing-input-row .ant-input-affix-wrapper>input.ant-input{padding-inline-start:4px}.aws-pricing-input-row-wide .ant-input-affix-wrapper{min-width:156px}.aws-pricing-reset{margin:0;color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-inline-end:2px;padding:0;font-size:11px;line-height:1;display:inline-flex}.aws-pricing-reset:hover:not(:disabled){color:var(--text-primary,#e2e8f0)}.aws-pricing-reset:disabled{opacity:.35;cursor:default}.aws-pricing-lines{flex-direction:column;gap:4px;margin-top:8px;display:flex}.aws-pricing-line{color:#94a3b8;justify-content:space-between;gap:8px;font-size:11px;display:flex}.aws-pricing-line span:last-child{color:#e2e8f0;font-family:monospace}.aws-pricing-disclaimer{margin-top:8px;font-size:10px;line-height:1.3;display:block}.aws-resource-input-wrap{width:100%;position:relative}.aws-resource-input-wrap .ant-select{width:100%}.aws-resource-input-wrap--linked .ant-select-selection-search-input{padding-right:26px!important}.aws-resource-unlink{z-index:2;color:#94a3b8;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;line-height:1;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.aws-resource-unlink:hover{color:#e2e8f0;background:#ffffff14}.aws-resource-unlink:focus-visible{outline-offset:1px;outline:1px solid #6366f1}.overlay-field-row{margin-bottom:10px}.overlay-field-header{align-items:center;gap:4px;margin-bottom:4px;display:flex}.overlay-field-label{flex:1;min-width:0}.overlay-field-color{flex-shrink:0;width:32px!important;padding:2px!important}.overlay-field-source-select .ant-select-selector{width:100%!important}.overlay-field-source-select .ant-select-selection-item{text-overflow:unset;overflow:visible}.overlay-metric-option{flex-direction:column;gap:1px;min-width:0;display:flex}.overlay-metric-option-label{color:var(--text-primary,#e5e5e5);font-size:12px}.overlay-metric-option-meta{color:#9ca3af;font-size:11px}.overlay-aws-metric-picker .ant-select-selection-search-input{font-size:12px!important}.ssh-key-dropzone{border:1px dashed #0000;border-radius:6px;padding:4px;transition:border-color .15s,background .15s}.ssh-key-dropzone-active{background:#6366f114;border-color:#6366f1}.aws-resource-option{flex-direction:column;gap:1px;min-width:0;display:flex}.aws-resource-option-main{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.aws-resource-option-subtitle{text-overflow:ellipsis;white-space:nowrap;color:#9ca3af;font-size:11px;overflow:hidden}.aws-resource-option-service{color:#9ca3af;font-weight:500}.aws-resource-option-sep{color:#6b7280}.aws-resource-option-name{color:var(--text-primary,#e5e5e5)}.grid-theme-btn{align-items:center;gap:6px;height:26px!important;padding:0 8px!important;display:inline-flex!important}.grid-theme-preview{border-radius:3px;flex-shrink:0;width:14px;height:14px}.aws-linked-resources{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.aws-linked-resource{border:1px solid var(--border-color,#3a3a3a);background:#ffffff05;border-radius:8px;padding:8px 10px}.aws-linked-resource-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.aws-linked-resource-name{flex:1;min-width:0;font-size:12px!important}.aws-linked-resource-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.aws-linked-resource-check{color:#22c55e;font-size:13px}.aws-linked-resource-unlink{position:static;transform:none}.aws-resource-match{color:inherit;background:#6366f159;border-radius:2px;padding:0 1px;font-weight:600}.pricing-panel{flex-direction:column;flex:1;min-height:0;display:flex}.pricing-list{flex:1;min-height:0;padding:8px;overflow-y:auto}.pricing-row{width:100%;min-height:40px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;margin-bottom:2px;padding:6px 8px;display:flex}.pricing-row:hover{background:var(--hover-bg)}.pricing-row.selected{color:#fff;background:#6366f1}.pricing-row.selected:hover{background:#6366f1}.pricing-row.unlinked .pricing-row-price{color:var(--text-muted)}.pricing-row.selected.unlinked .pricing-row-price{color:#ffffffbf}.pricing-row-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.pricing-row-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pricing-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;overflow:hidden}.pricing-row-subtitle{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2;overflow:hidden}.pricing-row.selected .pricing-row-subtitle{color:#ffffffbf}.pricing-row-price{font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:12px}.pricing-summary{border-top:1px solid var(--border-color);background:var(--shell-bg);flex-shrink:0;padding:12px}.pricing-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.pricing-summary-amount{font-variant-numeric:tabular-nums;color:var(--text-primary);margin-top:4px;font-size:18px;font-weight:600}.pricing-summary-note{margin-top:6px;font-size:10px;line-height:1.4;display:block}.pricing-settings-form{flex-direction:column;gap:16px;display:flex}.pricing-settings-field{flex-direction:column;gap:6px;display:flex}.pricing-settings-switch{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.pricing-settings-label{color:var(--text-primary);font-size:12px;font-weight:500}.pricing-settings-hint{color:var(--text-muted);margin-top:2px;font-size:11px}.elements-panel{background:var(--panel-bg);border-right:1px solid var(--border-color);width:260px;color:var(--text-primary);z-index:150;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.elements-panel.is-tree-dragging{cursor:grabbing}.panel-tabs{flex-shrink:0;align-items:center;gap:4px;padding:8px 8px 0;display:flex}.panel-tabs-list{background:var(--shell-bg);border-radius:8px;flex:1;gap:2px;min-width:0;padding:2px;display:flex}.panel-tab{min-width:0;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;font-size:12px;font-weight:500;transition:background .15s,color .15s}.panel-tab:hover{color:var(--text-primary)}.panel-tab.active{background:var(--panel-bg);color:var(--text-primary);box-shadow:0 1px 2px #00000014}.panel-settings-btn{width:28px;height:28px;color:var(--text-muted);flex-shrink:0;padding:0}.panel-settings-btn:hover{color:var(--text-primary);background:var(--hover-bg)}.panel-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);flex-shrink:0;padding:12px 12px 8px;font-size:13px;font-weight:600}.panel-search{flex-shrink:0;padding:8px 8px 0}.panel-search-toolbar{align-items:center;gap:4px;display:flex}.panel-search-toolbar .ant-input-affix-wrapper{flex:1;min-width:0}.panel-search-actions{flex-shrink:0;align-items:center;display:flex}.panel-search-actions .ant-btn{width:24px;height:24px;color:var(--text-muted);padding:0}.panel-groups-toggle{min-width:24px;width:auto!important;padding:0 4px!important}.panel-groups-toggle-icon{align-items:center;gap:2px;font-size:12px;line-height:1;display:inline-flex}.panel-search-actions .ant-btn:not(:disabled):hover{color:var(--text-primary);background:var(--hover-bg)}.panel-search .ant-input-affix-wrapper{background:var(--shell-bg);border-color:var(--border-color)}.panel-search .ant-input-affix-wrapper:hover,.panel-search .ant-input-affix-wrapper-focused{border-color:#6366f1}.panel-search .ant-input{color:var(--text-primary);background:0 0}.panel-search .ant-input::placeholder{color:var(--text-muted)}.elements-panel input,.elements-panel .ant-input-affix-wrapper{-webkit-user-select:text;user-select:text}.panel-empty{color:var(--text-muted);padding:12px;font-size:12px;line-height:1.5}.elements-tree-scroll{flex:1;min-height:0;overflow:hidden auto}.elements-tree{padding:8px}.tree-group{margin-bottom:2px;position:relative}.tree-item-wrap{position:relative}.tree-row{height:28px;min-height:28px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;border-radius:6px;align-items:center;gap:6px;padding:2px 6px;display:flex}.tree-row:hover{background:var(--hover-bg)}.tree-group-row.drop-target-group.active{outline-offset:-1px;background:#6366f129;outline:1px solid #6366f173}.tree-item-row.selected{color:#fff;background:#6366f1}.tree-item-row.selected:hover{background:#6366f1}.tree-item-row.dragging{opacity:.35}.tree-item-row.draggable{touch-action:none}.tree-group-children{padding-left:18px}.tree-switcher{width:18px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tree-switcher:hover{color:var(--text-primary)}.tree-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.tree-drag-slot{flex-shrink:0;justify-content:center;align-items:center;width:0;display:inline-flex;overflow:hidden}.tree-drag-slot.visible{width:14px}.tree-drag-handle{color:var(--text-muted);cursor:grab;opacity:0;font-size:11px;transition:opacity .15s}.tree-item-row.draggable:hover .tree-drag-handle,.elements-panel.is-tree-dragging .tree-item-row.draggable .tree-drag-handle{opacity:1}.tree-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;line-height:1.25;overflow:hidden}.tree-search-highlight{color:inherit;background:#facc1573;border-radius:2px;padding:0}.tree-item-row.selected .tree-search-highlight{background:#ffffff59}.tree-drop-zone{z-index:3;pointer-events:none;height:10px;position:absolute;left:0;right:0}.elements-panel.is-tree-dragging .tree-drop-zone{pointer-events:auto}.tree-drop-zone--top{top:-5px}.tree-drop-zone--bottom{bottom:-5px}.tree-drop-zone--collapsed{top:calc(100% - 5px);left:0;right:0}.tree-empty-drop-anchor{height:0;position:relative}.tree-drop-zone--empty{height:20px;top:0}.tree-drop-zone:before{content:"";background:var(--accent);transform-origin:50%;border-radius:1px;height:2px;transition:transform .12s;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)scaleX(0)}.tree-drop-zone.active:before{transform:translateY(-50%)scaleX(1)}.tree-drop-zone.active:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:6px;transform:translateY(-50%);box-shadow:0 0 0 2px #6366f140}.elements-tree-rename-wrap{flex:1;min-width:0;display:flex}.elements-tree-rename-input{flex:1;min-width:0;height:22px!important;padding:0 6px!important;font-size:12px!important;line-height:22px!important}.elements-tree-rename-input input{font-size:12px!important}.context-menu-backdrop{z-index:9998;position:fixed;inset:0}.context-menu{z-index:9999;background:var(--panel-bg,#1f1f1f);border:1px solid var(--border-color,#444);border-radius:8px;min-width:180px;padding:4px;position:fixed;overflow:visible;box-shadow:0 8px 24px #00000080}.context-menu-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#888);align-items:center;gap:8px;padding:6px 12px 4px;font-size:11px;font-weight:600;display:flex}.context-menu-item{width:100%;color:var(--text-primary,#eee);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex;position:relative}.context-menu-item:hover{background:var(--hover-bg,#333)}.context-menu-item.active{color:var(--accent,#6366f1)}.context-menu-item.danger{color:#f87171}.context-menu-item.danger:hover{background:#f8717126}.context-menu-item.has-submenu{justify-content:space-between}.context-submenu-wrap{position:relative;overflow:visible}.context-submenu{overscroll-behavior:contain;background:var(--panel-bg,#1f1f1f);border:1px solid var(--border-color,#444);z-index:2;border-radius:8px;min-width:160px;max-height:min(400px,100vh - 16px);padding:4px;position:absolute;top:0;left:calc(100% - 2px);overflow-y:auto;box-shadow:0 8px 24px #00000080}.context-submenu--flip-x{left:auto;right:calc(100% - 2px)}.context-submenu--flip-x:before{left:auto;right:-6px}.context-submenu:before{content:"";width:6px;height:100%;position:absolute;top:0;left:-6px}.context-menu-hint{color:var(--text-muted,#888);padding:6px 12px;font-size:12px}.version-history-panel{background:var(--panel-bg);border-right:1px solid var(--border-color);width:260px;color:var(--text-primary);z-index:160;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.version-history-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 8px 12px 12px;display:flex}.version-history-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.version-history-preview-banner{color:var(--text-primary);background:#6366f114;border-bottom:1px solid #6366f133;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.version-history-list{flex:1;min-height:0;padding:8px;overflow-y:auto}.version-history-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);background:var(--shell-bg);border-radius:10px;padding:24px 12px;font-size:13px}.version-history-items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.version-history-item{border:1px solid var(--border-color);background:var(--panel-bg);border-radius:10px;align-items:center;gap:4px;transition:border-color .15s,box-shadow .15s;display:flex}.version-history-item:hover{border-color:#6366f1;box-shadow:0 2px 10px #6366f11f}.version-history-item-active{border-color:#6366f18c}.version-history-item-main{min-width:0;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;padding:10px 12px;display:block}.version-history-item-body{flex-direction:column;gap:4px;display:flex}.version-history-item-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.version-history-item-time{color:var(--text-primary);font-size:13px;font-weight:600}.version-history-item-tag{margin:0;font-size:10px;line-height:16px}.version-history-item-detail{color:var(--text-muted);font-size:11px}.version-history-item-change{color:var(--text-primary);font-size:12px;line-height:1.35}.version-history-item-actions{flex-shrink:0;padding-right:6px}.item-library-backdrop{z-index:99998;background:#00000040;position:fixed;inset:0}.item-library{z-index:99999;background:#1a1a1a;border:1px solid #333;border-radius:10px;flex-direction:column;width:340px;max-height:calc(100vh - 80px);display:flex;position:fixed;top:56px;left:272px;overflow:hidden;box-shadow:0 8px 32px #00000080}.item-library-tabs-dropdown{z-index:100000!important}.item-library-header{color:#eee;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:600;display:flex}.close-btn{color:#888;cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.close-btn:hover{color:#fff}.item-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-height:420px;padding:8px;display:grid;overflow-y:auto}.item-card{cursor:pointer;background:#2a2a2a;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;transition:border-color .15s,background .15s;display:flex;position:relative}.item-card.already-added{border-color:#22c55e55}.item-added-marker{color:#22c55e;font-size:12px;line-height:1;position:absolute;top:4px;right:4px}.item-library-status{color:#888;text-align:center;justify-content:center;align-items:center;gap:8px;padding:28px 12px;font-size:12px;display:flex}.item-library-status-error{color:#f87171}.item-svg-fallback{background:#333;border-radius:6px}.item-card:hover{background:#333;border-color:#555}.item-card.selected{background:#2a2a4a;border-color:#6366f1}.item-svg{width:48px;height:48px}.item-svg svg{width:100%;height:100%}.item-name{color:#aaa;text-align:center;font-size:9px;line-height:1.2}.item-library-hint{color:#6366f1;text-align:center;border-top:1px solid #333;padding:8px 12px;font-size:11px}.item-library .ant-tabs-nav{padding:0 8px;margin-bottom:0!important}.item-library .ant-tabs-tab{color:#888!important;padding:8px 6px!important;font-size:11px!important}.item-library .ant-tabs-tab-active .ant-tabs-tab-btn{color:#eee!important}body.item-library-open .entity-label,body.item-library-open .entity-label-link,body.item-library-open .entity-icon,body.item-library-open .connection-label,body.item-library-open .zone-label,body.item-library-open .text-node-label,body.item-library-open .rectangle-label{visibility:hidden!important;pointer-events:none!important}.diagram-canvas{-webkit-user-select:none;user-select:none;touch-action:none;background:#e8e8e8;width:100%;height:100%;position:absolute;inset:0}.diagram-canvas>div,.diagram-canvas canvas{width:100%!important;height:100%!important}.diagram-canvas canvas{-webkit-user-select:none;user-select:none;display:block!important}.diagram-canvas .entity-label-wrap{pointer-events:none;display:inline-flex;position:relative}.diagram-canvas .entity-annotations-stack{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;transform:translate(-50%,-100%)}.diagram-canvas .entity-status-overlay{pointer-events:auto}.diagram-canvas .entity-label,.diagram-canvas .entity-link{-webkit-user-select:none;user-select:none}.diagram-canvas .entity-label-badges{z-index:2;pointer-events:none;flex-direction:column;gap:2px;display:flex;position:absolute;top:-6px;right:-6px}.diagram-canvas .entity-label-badges>*{pointer-events:auto}.diagram-canvas .entity-github-badge{color:#fff;pointer-events:auto;cursor:pointer;background:#24292f;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;line-height:1;text-decoration:none;display:flex;position:static;box-shadow:0 1px 3px #00000040}.diagram-canvas .entity-github-badge:hover{background:#1b1f23}.diagram-canvas .entity-aws-badge{color:#232f3e;background:#f90;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;line-height:1;display:flex;box-shadow:0 1px 3px #00000040}.diagram-canvas .entity-icon svg{display:block;width:52px!important;height:52px!important}.diagram-canvas .entity-icon.entity-developer svg{width:100%!important;height:100%!important}.diagram-canvas .entity-health-bar{z-index:500;position:relative}.canvas-loading-overlay{z-index:120;pointer-events:none;opacity:0;justify-content:center;align-items:flex-start;padding-top:18vh;transition:opacity .45s;display:flex;position:absolute;inset:0}.canvas-loading-overlay-active{opacity:1}.canvas-loading-card{background:color-mix(in srgb, var(--panel-bg,#111827) 82%, transparent);border:1px solid color-mix(in srgb, var(--border-color,#334155) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:20px 28px;display:flex;box-shadow:0 16px 48px #00000047,inset 0 0 0 1px #ffffff0a}.canvas-loading-spinner{border:2px solid color-mix(in srgb, var(--accent,#6366f1) 25%, transparent);border-top-color:var(--accent,#6366f1);border-radius:50%;width:36px;height:36px;animation:.85s linear infinite canvas-loading-spin}.canvas-loading-message{color:var(--text-primary,#f8fafc);letter-spacing:-.01em;text-align:center;margin:0;font-size:14px;font-weight:500}.canvas-loading-steps{gap:6px;display:flex}.canvas-loading-dot{background:var(--accent,#6366f1);opacity:.35;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite canvas-loading-pulse}.canvas-loading-dot:nth-child(2){animation-delay:.15s}.canvas-loading-dot:nth-child(3){animation-delay:.3s}.canvas-main--loading .diagram-canvas{filter:blur(14px)saturate(.92);transform:scale(1.01)}.canvas-main--ready .diagram-canvas{filter:blur()saturate();transform:scale(1)}.canvas-main .diagram-canvas{transition:filter .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}@keyframes canvas-loading-spin{to{transform:rotate(360deg)}}@keyframes canvas-loading-pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.view-controls{flex-direction:column;top:12px;bottom:auto;left:12px;transform:none}.view-controls .view-controls-stack{flex-direction:column;align-items:center;gap:2px;display:flex}.view-controls .ant-divider-horizontal{border-color:#444;width:24px;min-width:24px;margin:4px 0}.view-controls .zoom-input{text-align:center;color:#aaa;border-radius:6px;width:40px;height:36px;font-size:11px;box-shadow:none!important;background:0 0!important;border:none!important;padding:0 2px!important}.view-controls .zoom-input:hover,.view-controls .zoom-input:focus-within{background:#333!important}.view-controls .zoom-input .ant-input-suffix{color:#666;font-size:9px;margin-inline-start:0!important}.view-controls .zoom-input input{text-align:center;font-size:11px;color:#aaa!important;background:0 0!important;padding:0!important}.view-controls .action-bar-btn.view-mode-btn{letter-spacing:.02em;font-size:11px;font-weight:600;width:auto!important;min-width:36px!important;padding:0 8px!important}.camera-debug-overlay{z-index:120;color:#c8c8d0;pointer-events:none;-webkit-user-select:none;user-select:none;background:#121218e0;border:1px solid #ffffff14;border-radius:8px;min-width:168px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.45;position:absolute;bottom:16px;right:16px}.camera-debug-title{letter-spacing:.08em;text-transform:uppercase;color:#888;margin-bottom:6px;font-size:10px;font-weight:700}.camera-debug-row{justify-content:space-between;gap:12px;display:flex}.camera-debug-row span:last-child{color:#f0f0f5;text-align:right}[data-theme=light] .camera-debug-overlay{color:#555;background:#ffffffeb;border-color:#00000014}[data-theme=light] .camera-debug-row span:last-child{color:#111}.log-find-bar{z-index:10;background:var(--panel-bg,#1a1a1a);border:1px solid var(--border-color,#333);border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex;position:absolute;top:8px;right:12px;box-shadow:0 4px 16px #00000059}.log-find-input{width:200px}.log-find-count{text-align:center;min-width:56px;font-size:11px}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}.ssh-terminal-wrap{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.ssh-terminal-wrap .ssh-terminal{flex:1 1 0;min-height:0}.ssh-terminal{background:#0d0d0d;width:100%;height:100%;padding:4px 8px;overflow:auto}.ssh-terminal .xterm{height:100%}.ssh-terminal .xterm-viewport{overflow:auto!important}.virtual-log-viewer{color:#e5e5e5;background:#0d0d0d;flex-direction:column;width:100%;height:100%;font-family:Menlo,Monaco,Courier New,monospace;font-size:12px;line-height:18px;display:flex;position:relative}.virtual-log-toolbar{border-bottom:1px solid var(--border-color,#333);background:var(--panel-bg,#1a1a1a);flex:none;align-items:center;gap:8px;padding:4px 8px;display:flex}.virtual-log-toolbar-btn{color:var(--text-primary,#e5e5e5)!important;height:24px!important;padding:0 8px!important;font-size:12px!important}.virtual-log-toolbar-btn:hover{color:#fff!important;background:#ffffff14!important}.virtual-log-toolbar-status{color:#f59e0b;font-size:11px}.virtual-log-toolbar-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.virtual-log-toolbar-icon-btn{width:24px!important;padding:0!important}.virtual-log-scroll{flex:1 1 0;width:100%;min-height:0;padding:4px 8px;overflow:auto}.virtual-log-inner{min-width:100%;position:relative}.virtual-log-line{white-space:pre;width:max-content;min-width:100%}.virtual-log-error,.virtual-log-loading{color:#888;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.log-match{color:inherit;background:#facc1559;padding:0}.log-match-active{background:#facc15a6;outline:1px solid #facc15}.journal-logs-dialog{flex-direction:column;gap:16px;display:flex}.journal-logs-field{flex-direction:column;gap:6px;display:flex}.journal-logs-label{font-size:12px;font-weight:600}.journal-logs-hint{font-size:11px;margin:0!important}.journal-logs-error{font-size:11px}.journal-logs-field-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.journal-logs-switch-row{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.journal-logs-range-shortcuts{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 10px;display:flex}.journal-logs-range-shortcut{color:var(--ant-color-primary,#6366f1);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;line-height:1.4}.journal-logs-range-shortcut:hover{color:var(--ant-color-primary-hover,#818cf8);text-decoration:underline}.cloud-console-panel{z-index:110;border-top:1px solid var(--border-color,#333);background:#0d0d0d;flex-direction:column;min-height:120px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #00000073}.cloud-console-resize-handle{cursor:ns-resize;z-index:2;height:5px;position:absolute;top:0;left:0;right:0}.cloud-console-resize-handle:hover{background:#6366f159}.cloud-console-header{border-bottom:1px solid var(--border-color,#333);background:var(--panel-bg,#1a1a1a);flex:none;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.cloud-console-title{color:var(--text-primary,#e5e5e5);font-size:13px}.cloud-console-body{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.cloud-console-ssh-hint{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:11px;overflow:hidden}.cloud-console-range-picker .ant-picker-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.cloud-console-range-picker .ant-picker-footer-extra{flex:1;min-width:0;border-bottom:none!important;padding:4px 8px!important}.cloud-console-range-picker .ant-picker-ranges{flex-shrink:0;justify-content:flex-end!important;margin:0!important;padding:4px 8px!important}.cloud-console-range-shortcuts{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.cloud-console-range-shortcut{color:var(--ant-color-primary,#6366f1);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;line-height:1.4}.cloud-console-range-shortcut:hover{color:var(--ant-color-primary-hover,#818cf8);text-decoration:underline}.canvas-main{position:absolute;inset:0}.item-action-bar{top:12px;left:auto;right:12px;transform:none}.item-action-bar-btn{width:24px!important;height:24px!important;padding:0!important;font-size:12px!important}.terminal-target-picker-item:hover{background:#6366f11f}.app-shell{background:var(--shell-bg);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.app-header{background:var(--shell-bg);border-bottom:1px solid var(--border-color);z-index:200;flex:0 0 48px;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.canvas-presence{align-items:center;gap:8px;padding:0 4px;display:inline-flex}.canvas-presence-label{color:var(--text-muted);white-space:nowrap;font-size:11px}.app-logo{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.app-logo img{background:#fff;border-radius:8px;flex-shrink:0}.last-saved{color:var(--text-muted);align-items:center;gap:6px;margin-left:4px;font-size:11px;display:inline-flex}.cloud-save-icon{color:#38bdf8;font-size:12px}.cloud-save-icon-pending{opacity:.65}.cloud-save-icon-error{color:#ef4444}.app-main{flex-direction:row;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.canvas-container{background:#e8e8e8;flex:1 1 0;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-container .diagram-canvas,.canvas-container .diagram-canvas canvas,.canvas-container .action-bar,.canvas-container .view-controls{-webkit-user-select:none;user-select:none}.login-page{background:var(--shell-bg);min-height:100dvh;display:flex;overflow:auto}.login-form-panel{flex:1;justify-content:center;align-items:center;min-width:0;padding:32px 24px;display:flex}.login-form-inner{width:100%;max-width:400px}.login-hero-panel{background:#0a0a0a;flex:1;display:none;position:relative;overflow:hidden}.login-hero-panel img{object-fit:cover;width:100%;height:100%}.login-hero-panel:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 25%,#0a0a0a33 45%,#0a0a0abf 70%,#0a0a0af2 100%);position:absolute;inset:0}.login-hero-content{z-index:2;position:absolute;bottom:48px;left:48px;right:48px}.login-hero-content h2{color:#fff;text-shadow:0 1px 2px #0006;margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.2}.login-hero-content p{color:#e4e4e7;text-shadow:0 1px 2px #00000059;margin-bottom:24px;font-size:15px;line-height:1.5}.login-hero-features{flex-direction:column;gap:12px;list-style:none;display:flex}.login-hero-features li{color:#f4f4f5;text-shadow:0 1px 2px #00000059;align-items:center;gap:10px;font-size:14px;display:flex}.login-hero-features li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.login-logo{align-items:center;gap:10px;margin-bottom:32px;display:flex}.login-logo img{width:36px;height:36px}.login-logo span{color:var(--text-primary);font-size:20px;font-weight:700}.login-title{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:700}.login-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:14px}.login-social-btn{border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;font-size:14px;font-weight:500;display:flex}.login-divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.login-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:14px}.login-footer a{color:var(--accent);font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-mobile-banner{border:1px solid var(--border-color);border-radius:10px;margin-bottom:24px;display:block;overflow:hidden}.login-mobile-banner img{object-fit:cover;width:100%;height:120px;display:block}.login-theme-toggle{z-index:10;position:fixed;top:16px;right:16px}.login-form-panel .ant-input-affix-wrapper,.login-form-panel .ant-input-password{border-radius:8px;height:44px}.login-form-panel .ant-input-affix-wrapper>input.ant-input{background:0 0;height:100%}.login-form-panel .ant-form-item-control-input-content>.ant-input{border-radius:8px;height:44px}.login-form-panel input.ant-input:-webkit-autofill{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #141414!important}.login-form-panel input.ant-input:-webkit-autofill:hover{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #141414!important}.login-form-panel input.ant-input:-webkit-autofill:focus{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #141414!important}.auth-card input.ant-input:-webkit-autofill{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #141414!important}.auth-card input.ant-input:-webkit-autofill:hover{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #141414!important}.auth-card input.ant-input:-webkit-autofill:focus{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #141414!important}[data-theme=light] .login-form-panel input.ant-input:-webkit-autofill{box-shadow:inset 0 0 0 1000px #fff!important}[data-theme=light] .login-form-panel input.ant-input:-webkit-autofill:hover{box-shadow:inset 0 0 0 1000px #fff!important}[data-theme=light] .login-form-panel input.ant-input:-webkit-autofill:focus{box-shadow:inset 0 0 0 1000px #fff!important}[data-theme=light] .auth-card input.ant-input:-webkit-autofill{box-shadow:inset 0 0 0 1000px #fff!important}[data-theme=light] .auth-card input.ant-input:-webkit-autofill:hover{box-shadow:inset 0 0 0 1000px #fff!important}[data-theme=light] .auth-card input.ant-input:-webkit-autofill:focus{box-shadow:inset 0 0 0 1000px #fff!important}.login-form-panel .ant-btn-primary{border-radius:8px;height:44px;font-weight:600}@media (width>=900px){.login-hero-panel{align-items:stretch;display:flex}.login-mobile-banner{display:none}}@media (width<=899px){.login-page{flex-direction:column}}.auth-page{background:var(--shell-bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:10px;width:100%;max-width:400px;padding:32px;box-shadow:0 8px 32px #00000026}.auth-card h1{color:var(--text-primary);margin-bottom:8px;font-size:22px;font-weight:700}.auth-card p{color:var(--text-muted);margin-bottom:24px;font-size:14px}.auth-card .ant-input-affix-wrapper,.auth-card .ant-input-password{border-radius:8px}.auth-card .ant-input-affix-wrapper>input.ant-input{background:0 0;height:100%}.settings-page{background:var(--shell-bg);flex-direction:column;min-height:100dvh;display:flex}.settings-content{flex:1;width:100%;max-width:640px;margin:0 auto;padding:32px 24px}.settings-content h1{color:var(--text-primary);margin-bottom:24px;font-size:24px;font-weight:700}.settings-section{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:10px;margin-bottom:20px;padding:24px}.settings-section h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:14px;font-weight:600}.settings-field{margin-bottom:12px}.settings-field label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.settings-field span{color:var(--text-primary);font-size:15px}.settings-field-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.subscription-plan-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.subscription-plan-grid{grid-template-columns:1fr}}.subscription-plan-card{border:1px solid var(--border-color);background:var(--shell-bg);border-radius:10px;padding:20px}.subscription-plan-card--featured{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.subscription-plan-card h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:700}.subscription-plan-price{color:var(--text-primary);margin:0 0 12px;font-size:28px;font-weight:700}.subscription-plan-price span{color:var(--text-muted);font-size:14px;font-weight:500}.subscription-plan-card ul{color:var(--text-muted);margin:0 0 16px;padding-left:18px;font-size:13px;line-height:1.6}.link-aws-dialog-steps{margin-bottom:24px}.link-aws-dialog-content{min-height:200px}.link-aws-dialog-content p,.link-aws-dialog-content li{color:var(--text-muted);font-size:14px;line-height:1.6}.link-aws-dialog-content ol{margin:12px 0;padding-left:20px}.link-aws-dialog-content li{margin-bottom:8px}.link-aws-dialog-content code{background:var(--panel-bg-alt);color:var(--text-primary);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.link-aws-copy-row{margin:12px 0}.link-aws-copy-row strong{color:var(--text-primary);margin-bottom:4px;font-size:13px;display:block}.link-aws-copy-field{background:var(--panel-bg-alt);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:8px;margin:8px 0 12px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;display:flex}.link-aws-copy-field code{word-break:break-all;color:var(--text-primary);background:0 0;flex:1;padding:0}.link-aws-dialog-footer{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:24px;padding-top:16px;display:flex}.link-aws-verify-result{border-radius:6px;margin-top:12px;padding:10px 12px;font-size:13px}.link-aws-verify-result.success{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40}.link-aws-verify-result.error{color:#f87171;white-space:pre-wrap;background:#ef44441f;border:1px solid #ef444440}[data-theme=light] .link-aws-verify-result.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}[data-theme=light] .link-aws-verify-result.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.link-aws-iam-link{color:var(--accent);align-items:center;gap:4px;font-weight:500;display:inline-flex}.link-aws-iam-link:hover{text-decoration:underline}.link-aws-policy-picker{border:1px solid var(--border-color);background:var(--panel-bg-alt);border-radius:6px;margin:16px 0;overflow:hidden}.link-aws-policy-picker-search{border-bottom:1px solid var(--border-color);color:var(--text-primary);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.link-aws-policy-picker-table{font-size:13px}.link-aws-policy-picker-header,.link-aws-policy-picker-row{grid-template-columns:36px 1fr 180px;align-items:center;gap:8px;padding:10px 12px;display:grid}.link-aws-policy-picker-header{color:var(--text-muted);border-bottom:1px solid var(--border-color);font-weight:600}.link-aws-policy-picker-row.selected{border:1px solid var(--accent);background:#6366f11f;border-radius:4px;margin:8px;padding:10px 12px}.link-aws-policy-picker-row .link-aws-iam-link{font-weight:600}[data-theme=light] .link-aws-policy-picker-row.selected{background:#eef2ff}.link-aws-step-with-helper{align-items:flex-start;gap:20px;display:flex}.link-aws-step-with-helper ol{flex:1;min-width:0}.link-aws-helper-screenshot{text-align:center;flex-shrink:0;width:200px}.link-aws-helper-screenshot-img{border:1px solid var(--border-color);cursor:zoom-in;border-radius:6px;width:100%!important}.link-aws-helper-screenshot .ant-image{width:100%;display:block}.link-aws-helper-screenshot .ant-image-img{border:1px solid var(--border-color);border-radius:6px}.link-aws-helper-screenshot-caption{color:var(--text-muted);margin-top:6px;font-size:11px;display:block}@media (width<=560px){.link-aws-step-with-helper{flex-direction:column}.link-aws-helper-screenshot{width:100%;max-width:280px;margin:0 auto}}.invite-accept-page{background:var(--shell-bg);justify-content:center;align-items:center;min-height:100dvh;padding:32px 24px;display:flex}.invite-accept-card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:440px;padding:32px;box-shadow:0 16px 48px #0000002e}.invite-accept-card h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 12px;font-size:28px;font-weight:700}.invite-accept-lead{color:var(--text-primary);margin:0 0 8px;font-size:15px;line-height:1.5}.invite-accept-detail{color:var(--text-muted);margin:0 0 24px;font-size:14px;line-height:1.5}.invite-accept-email{color:var(--text-primary);font-weight:500}.invite-accept-actions{flex-direction:column;gap:10px;display:flex}.invite-accept-error{color:#ef4444;margin:0;font-size:14px;line-height:1.5}.invite-accept-loading{justify-content:center;padding:48px;display:flex}.screenshot-canvas-shell{background:#111;width:100vw;height:100dvh;position:relative;overflow:hidden}.screenshot-canvas-shell .canvas-container{width:100%;height:100%;position:relative}.screenshot-canvas-shell,.screenshot-editor-shell,.screenshot-ui-shell{background:#0f172a;width:100vw;height:100dvh;position:relative;overflow:hidden}.screenshot-canvas-shell .canvas-container,.screenshot-editor-canvas{width:100%;height:100%;position:relative}.screenshot-editor-shell{flex-direction:column;display:flex}.screenshot-editor-header{color:#e2e8f0;background:#111827;border-bottom:1px solid #334155;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.screenshot-editor-title{flex:1;font-size:14px;font-weight:600}.screenshot-cloud-synced{color:#22c55e;font-size:16px}.screenshot-cloud-save-label{color:#94a3b8;align-items:center;gap:6px;font-size:13px;display:inline-flex}.screenshot-editor-main{flex:1;min-height:0;position:relative}.screenshot-editor-main-dimmed:after{content:"";pointer-events:none;z-index:5;background:#0f172a8c;position:absolute;inset:0}.screenshot-ui-shell{background:#0f172aeb;justify-content:center;align-items:center;display:flex}.screenshot-ui-shell .link-aws-dialog-steps{margin-bottom:16px}.screenshot-ui-shell .link-aws-dialog-footer{justify-content:space-between;margin-top:20px;display:flex}.screenshot-ui-shell .link-aws-policy-picker{background:#0f172a;border:1px solid #334155;border-radius:8px;margin-top:12px;overflow:hidden}.screenshot-ui-shell .link-aws-policy-picker-search{color:#94a3b8;border-bottom:1px solid #334155;padding:10px 12px}.screenshot-ui-shell .link-aws-policy-picker-table{padding:8px 0}.screenshot-ui-shell .link-aws-policy-picker-header,.screenshot-ui-shell .link-aws-policy-picker-row{grid-template-columns:28px 1fr 180px;align-items:center;gap:8px;padding:8px 12px;display:grid}.screenshot-ui-shell .link-aws-policy-picker-header{color:#64748b;font-size:12px}.screenshot-ui-shell .link-aws-policy-picker-row.selected{background:#6366f11f}.screenshot-ui-shell .link-aws-iam-link{color:#60a5fa}.screenshot-canvas-shell .zone-label,.screenshot-editor-shell .zone-label{font-size:25px!important}.screenshot-canvas-shell .connection-label,.screenshot-editor-shell .connection-label{font-size:14px!important}.share-view-shell{height:100vh}.share-view-header{background:var(--shell-bg);border-bottom:1px solid var(--border-color);flex:0 0 48px;align-items:center;gap:12px;padding:0 16px;display:flex}.share-view-title{color:var(--text-primary);font-size:14px;font-weight:600}.share-view-loading,.share-view-error{background:var(--shell-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.share-view-error{max-width:480px;margin:0 auto}