:root{--bg-color: #0f111a;--bg-panel: rgba(22, 26, 43, .7);--bg-card: rgba(30, 36, 62, .5);--border-color: rgba(255, 255, 255, .08);--border-focus: #5d6cf0;--text-primary: #f1f3f9;--text-secondary: #8b92b6;--text-muted: #53597d;--color-primary: #5d6cf0;--color-primary-hover: #4c5ad9;--color-accent: #00f2fe;--color-accent-hover: #00d2de;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-danger-hover: #dc2626;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .4);--backdrop-blur: blur(12px);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease;--type-server: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);--type-switch: linear-gradient(135deg, #0d9488 0%, #115e59 100%);--type-router: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--type-security: linear-gradient(135deg, #b91c1c 0%, #7f1d1d 100%);--type-ups: linear-gradient(135deg, #d97706 0%, #92400e 100%);--type-pdu: linear-gradient(135deg, #4b5563 0%, #374151 100%);--type-shelf: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);--type-pc: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--type-other: linear-gradient(135deg, #6b7280 0%, #4b5563 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow:hidden;position:relative}.bg-glow{position:absolute;border-radius:50%;filter:blur(140px);opacity:.12;pointer-events:none;z-index:0}.bg-glow-1{width:500px;height:500px;background:var(--color-primary);top:-100px;right:-50px}.bg-glow-2{width:600px;height:600px;background:var(--color-accent);bottom:-150px;left:-100px}.app-container{display:flex;flex-direction:column;height:100vh;position:relative;z-index:1}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-panel);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-color);gap:24px}.brand{display:flex;align-items:center;gap:12px}.logo-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #5d6cf066}.brand-text h1{font-size:1.25rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(to right,#fff,#c5ccff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text p{font-size:.75rem;color:var(--text-secondary)}.global-stats{display:flex;gap:16px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 16px;display:flex;flex-direction:column;min-width:120px}.stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-top:2px}.header-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);font-family:inherit;font-size:.85rem;font-weight:550;cursor:pointer;border:none;transition:all var(--transition-fast) ease;color:#fff}.btn-primary{background:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #5d6cf033}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-color)}.btn-secondary:hover{background:#28305099;border-color:var(--text-secondary)}.btn-accent{background:linear-gradient(135deg,#00c6ff,#0072ff)}.btn-accent:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #00c6ff33}.btn-danger-outline{background:transparent;border:1px solid rgba(239,68,68,.4);color:var(--color-danger);padding:10px}.btn-danger-outline:hover{background:#ef44441a;border-color:var(--color-danger)}.btn-block{width:100%}.app-body{display:flex;flex:1;overflow:hidden;height:calc(100vh - 75px)}.sidebar{width:340px;background:var(--bg-panel);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border-color);background:#0f111a66}.tab-btn{flex:1;padding:14px;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent}.tab-btn:hover{color:var(--text-primary);background:#ffffff05}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#5d6cf00d}.tab-content{display:none;flex-direction:column;flex:1;overflow-y:auto;padding:16px}.tab-content.active{display:flex}.search-box{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-box input{width:100%;background:#0f111a99;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px 10px 38px;color:#fff;font-family:inherit;font-size:.85rem;transition:border-color var(--transition-fast)}.search-box input:focus{outline:none;border-color:var(--color-primary)}.library-accordion{display:flex;flex-direction:column;gap:12px}.accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);overflow:hidden;transition:all var(--transition-normal)}.accordion-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text-primary);-webkit-user-select:none;user-select:none;background:#ffffff03;transition:background var(--transition-fast)}.accordion-header:hover{background:#ffffff08}.accordion-arrow{font-size:.7rem;color:var(--text-secondary);transition:transform var(--transition-normal)}.accordion-item.expanded .accordion-arrow{transform:rotate(180deg)}.accordion-body{display:none;padding:12px;flex-direction:column;gap:8px;background:#0f111a33;border-top:1px solid var(--border-color)}.accordion-item.expanded .accordion-body{display:flex}.lib-item{display:flex;flex-direction:column;padding:12px;background:#1e243ecc;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:grab;-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.lib-item:hover{border-color:#5d6cf066;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.lib-item:active{cursor:grabbing}.lib-item-header{display:flex;justify-content:space-between;align-items:start;gap:8px}.lib-item-name{font-size:.85rem;font-weight:600;color:var(--text-primary);line-height:1.3}.lib-item-badge{font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;background:#ffffff1a;color:#fff;flex-shrink:0}.lib-item-desc{font-size:.72rem;color:var(--text-secondary);margin-top:4px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-item-meta{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04);font-size:.72rem;color:var(--text-muted)}.lib-item-power{color:var(--color-warning);font-weight:500;display:flex;align-items:center;gap:4px}.custom-form{display:flex;flex-direction:column;gap:16px}.form-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group-row{display:flex;gap:12px}.form-group-row .form-group{flex:1}label{font-size:.75rem;font-weight:550;color:var(--text-secondary)}input[type=text],input[type=number],select,textarea{width:100%;background:#0f111a99;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px;color:#fff;font-family:inherit;font-size:.85rem;transition:border-color var(--transition-fast)}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary)}.workspace{flex:1;overflow-x:auto;overflow-y:auto;padding:24px;position:relative;background:radial-gradient(circle at 50% 50%,#14182e4d,#0f111a00)}.racks-canvas{display:flex;gap:32px;align-items:flex-start;min-height:100%;padding-bottom:24px}.empty-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-icon{color:var(--text-muted);margin-bottom:16px;opacity:.7}.empty-canvas h2{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-canvas p{font-size:.9rem;margin-bottom:20px;max-width:320px}.rack-container{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;min-width:max-content;width:max-content;box-shadow:var(--shadow-md);position:relative;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:border-color var(--transition-normal)}.rack-container:hover{border-color:#ffffff26}.rack-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px;gap:12px}.rack-title-wrap{flex:1}.rack-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);border:1px dashed transparent;padding:2px 6px;border-radius:var(--radius-sm);transition:all var(--transition-fast);width:100%;background:transparent;font-family:inherit}.rack-title:hover{border-color:var(--border-color);background:#ffffff05}.rack-title:focus{outline:none;background:#0f111acc;border-color:var(--color-primary)}.rack-subtitle{font-size:.75rem;color:var(--text-secondary);padding-left:6px;margin-top:2px}.rack-actions{display:flex;gap:4px}.rack-btn{background:transparent;border:none;color:var(--text-secondary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.rack-btn:hover{background:#ffffff0f;color:var(--text-primary)}.rack-btn-danger:hover{background:#ef444426;color:var(--color-danger)}.rack-frame{background:#08090f;border:4px solid #1a1e2e;border-radius:8px;padding:10px 4px;width:350px;flex-shrink:0;display:flex;flex-direction:column;position:relative;box-shadow:inset 0 0 20px #000c}.rack-frame:before,.rack-frame:after{content:"";position:absolute;top:0;bottom:0;width:12px;background:repeating-linear-gradient(to bottom,#141824,#141824 10px,#252b3d 10px,#252b3d 12px);border:1px solid #1f2538}.rack-frame:before{left:32px}.rack-frame:after{right:32px}.rack-slots{display:flex;flex-direction:column;position:relative;z-index:2}.rack-slot{display:grid;grid-template-columns:32px 1fr 32px;height:28px;border-bottom:1px dashed rgba(255,255,255,.03);position:relative;transition:background var(--transition-fast)}.rack-slot:last-child{border-bottom:none}.rack-slot-num{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.rack-slot-num-left{border-right:1px solid rgba(255,255,255,.05)}.rack-slot-num-right{border-left:1px solid rgba(255,255,255,.05)}.rack-slot-dropzone{display:flex;align-items:center;justify-content:center;color:#ffffff14;font-size:.65rem;cursor:pointer;transition:all var(--transition-fast)}.rack-slot-dropzone:hover{background:#5d6cf00f;color:#5d6cf066}.rack-slot.drag-over .rack-slot-dropzone{background:#10b98126!important;color:var(--color-success)!important;border:1px dashed var(--color-success)}.rack-slot.drag-over-invalid .rack-slot-dropzone{background:#ef444426!important;color:var(--color-danger)!important;border:1px dashed var(--color-danger)}.rack-item{position:absolute;left:32px;right:32px;background:var(--type-other);border:1px solid rgba(255,255,255,.15);border-radius:4px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-shadow:0 4px 10px #0006,inset 0 1px #ffffff1a;cursor:grab;z-index:5;-webkit-user-select:none;user-select:none;transition:filter var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.rack-item:hover{filter:brightness(1.08);border-color:#ffffff59;box-shadow:0 4px 12px #00000080,0 0 8px #5d6cf033}.rack-item.dragging{opacity:.4;cursor:grabbing}.rack-item[data-type=server]{background:var(--type-server)}.rack-item[data-type=switch]{background:var(--type-switch)}.rack-item[data-type=router]{background:var(--type-router)}.rack-item[data-type=security]{background:var(--type-security)}.rack-item[data-type=ups]{background:var(--type-ups)}.rack-item[data-type=pdu]{background:var(--type-pdu)}.rack-item[data-type=shelf]{background:var(--type-shelf)}.rack-item[data-type=pc]{background:var(--type-pc)}.rack-item-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden;flex:1;padding-right:8px}.rack-item-title{font-size:.8rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5)}.rack-item-details{font-size:.6rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.rack-item-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.rack-item-u{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;background:#00000040;color:#ffffffe6;padding:1px 4px;border-radius:3px}.rack-item-watts{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;color:#f59e0b;background:#00000040;padding:1px 4px;border-radius:3px}.rack-item-controls{display:none;align-items:center;gap:2px;background:#000000d9;padding:4px;border-radius:4px;position:absolute;right:5px;z-index:100;box-shadow:0 4px 12px #00000080;border:1px solid rgba(255,255,255,.1)}.rack-item:hover .rack-item-controls{display:flex}.item-control-btn{background:transparent;border:none;color:#fff;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;transition:background var(--transition-fast)}.item-control-btn:hover{background:#fff3}.item-control-delete:hover{background:#ef444499}.rack-footer{margin-top:16px;display:flex;flex-direction:column;gap:8px}.rack-power-summary{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.rack-power-summary .label{color:var(--text-secondary)}.rack-power-summary .value{font-weight:700;font-family:JetBrains Mono,monospace}.power-bar-container{height:8px;background:#0000004d;border-radius:4px;overflow:hidden;width:100%;position:relative}.power-bar{height:100%;width:0%;background:var(--color-success);border-radius:4px;transition:width var(--transition-normal) ease,background var(--transition-normal)}.power-bar.warning{background:var(--color-warning)}.power-bar.danger{background:var(--color-danger);animation:pulse-danger 1.5s infinite}@keyframes pulse-danger{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.power-alert-msg{font-size:.72rem;color:var(--color-danger);font-weight:550;display:none;align-items:center;gap:4px;margin-top:2px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#05060ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.modal-overlay.active{display:flex;opacity:1}.modal{background:#141724;border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);overflow:hidden;transform:translateY(-20px);transition:transform var(--transition-normal)}.modal-overlay.active .modal{transform:translateY(0)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:200}.toast{background:#141726f2;border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);color:#fff;padding:12px 20px;font-size:.82rem;font-weight:500;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:280px;transform:translate(100%);transition:transform var(--transition-normal) cubic-bezier(.68,-.55,.27,1.55)}.toast.active{transform:translate(0)}.toast.success{border-left-color:var(--color-success)}.toast.warning{border-left-color:var(--color-warning)}.toast.danger{border-left-color:var(--color-danger)}.toast-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media print{body{background:#fff!important;color:#000!important;overflow:visible!important;height:auto!important}.bg-glow,.app-header,.sidebar,.modal-overlay,.toast-container,.rack-actions,.rack-item-controls,.rack-slot-dropzone{display:none!important}.app-container,.app-body,.workspace{overflow:visible!important;height:auto!important;padding:0!important;margin:0!important;display:block!important;background:transparent!important}.racks-canvas{display:flex!important;flex-wrap:wrap!important;gap:40px!important;justify-content:center!important;padding:20px!important}.rack-container{page-break-inside:avoid;border:2px solid #ccc!important;box-shadow:none!important;background:#fff!important;color:#000!important}.rack-title{color:#000!important;border:none!important}.rack-frame{border:4px solid #333!important;background:#fcfcfc!important}.rack-slot{border-bottom:1px dashed #ddd!important}.rack-slot-num{color:#555!important}.rack-item{border:1px solid #333!important;box-shadow:none!important;filter:none!important}.rack-item[data-type=server]{background:#e0f2fe!important;border:1px solid #0284c7!important}.rack-item[data-type=server] .rack-item-title{color:#0369a1!important}.rack-item[data-type=switch]{background:#ccfbf1!important;border:1px solid #0d9488!important}.rack-item[data-type=switch] .rack-item-title{color:#115e59!important}.rack-item[data-type=router]{background:#e0f2fe!important;border:1px solid #0284c7!important}.rack-item[data-type=router] .rack-item-title{color:#0369a1!important}.rack-item[data-type=security]{background:#fee2e2!important;border:1px solid #dc2626!important}.rack-item[data-type=security] .rack-item-title{color:#991b1b!important}.rack-item[data-type=ups]{background:#fef3c7!important;border:1px solid #d97706!important}.rack-item[data-type=ups] .rack-item-title{color:#92400e!important}.rack-item[data-type=pdu]{background:#f3f4f6!important;border:1px solid #4b5563!important}.rack-item[data-type=pdu] .rack-item-title{color:#1f2937!important}.rack-item[data-type=shelf]{background:#f3e8ff!important;border:1px solid #7c3aed!important}.rack-item[data-type=shelf] .rack-item-title{color:#5b21b6!important}.rack-item[data-type=pc]{background:#dbeafe!important;border:1px solid #2563eb!important}.rack-item[data-type=pc] .rack-item-title{color:#1d4ed8!important}.rack-item-title,.rack-item-details{text-shadow:none!important}}.spec-fields-container{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:12px;background:#00000040;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.spec-section-title{font-size:.78rem;font-weight:700;color:var(--color-accent);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:4px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.disk-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}.disk-row select,.disk-row input{padding:6px 8px;font-size:.8rem;height:32px}.disk-row .btn-remove-disk{background:#ef444426;color:var(--color-danger);border:none;width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.disk-row .btn-remove-disk:hover{background:var(--color-danger);color:#fff}.btn-add-disk{align-self:flex-start;font-size:.75rem;padding:6px 12px;background:#5d6cf026;color:#c5ccff;border:1px dashed rgba(93,108,240,.5);border-radius:var(--radius-sm);cursor:pointer;margin-top:4px;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px}.btn-add-disk:hover{background:var(--color-primary);color:#fff}.lib-item-actions{display:flex;gap:4px}.lib-item-header{display:flex;justify-content:space-between;align-items:start;gap:8px;padding-right:48px}.btn-toggle-orientation{font-family:inherit;font-size:.62rem;background:#ffffff26;color:#fff;border:none;padding:2px 5px;border-radius:3px;cursor:pointer;display:flex;align-items:center;gap:3px;transition:background var(--transition-fast);text-transform:uppercase}.btn-toggle-orientation:hover{background:#ffffff4d}.rack-body-wrapper{display:flex;gap:20px;position:relative;width:100%}.rack-annotations-panel{position:relative;width:240px;min-height:100%;flex-shrink:0}.rack-annotation-box{position:absolute;left:0;right:0;box-sizing:border-box;background:#1e243e66;border:1px solid rgba(255,255,255,.08);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 8px;display:flex;flex-direction:column;justify-content:center;transition:all var(--transition-fast);z-index:4}.rack-annotation-box:hover,.rack-annotation-box:focus-within{background:#1e243eb3;border-color:#5d6cf066;box-shadow:0 0 10px #5d6cf026}.annotation-textarea{width:100%;height:100%;background:transparent;border:none;resize:none;font-family:inherit;font-size:.72rem;color:var(--text-primary);outline:none;padding:0;margin:0}.annotation-textarea::placeholder{color:var(--text-muted);font-style:italic;font-size:.68rem}.rack-item[data-type=pc][data-orientation=vertical]{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.rack-item-vertical-pcs{display:flex;gap:6px;width:100%;height:100%;box-sizing:border-box;align-items:stretch;justify-content:center;padding:2px}.vertical-pc-chassis{flex:1;max-width:50px;background:linear-gradient(180deg,#181d30,#0d101d);border:1.5px solid rgba(255,255,255,.15);border-radius:4px;box-shadow:inset 0 1px #ffffff1a,0 4px 8px #00000080;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:4px 2px;position:relative;transition:all var(--transition-fast)}.vertical-pc-chassis:hover{border-color:var(--color-accent);box-shadow:0 0 8px #00f2fe4d}.pc-led{width:4px;height:4px;border-radius:50%;background:var(--color-success);box-shadow:0 0 4px var(--color-success);animation:led-blink 2s infinite ease-in-out}@keyframes led-blink{0%,to{opacity:.6}50%{opacity:1;filter:brightness(1.2)}}.pc-led.blue{background:var(--color-accent);box-shadow:0 0 4px var(--color-accent)}.pc-grill{width:80%;flex:1;margin:4px 0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 1px,transparent 1px,transparent 3px);border-radius:2px;border:1px solid rgba(255,255,255,.03)}.pc-title-vert{font-family:JetBrains Mono,monospace;font-size:.5rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:center;-webkit-user-select:none;user-select:none}.rack-item[data-type=pc][data-orientation=vertical] .rack-item-info{position:absolute;left:5px;top:5px;z-index:10;pointer-events:none;background:#08090fd9;padding:1px 4px;border-radius:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.08);max-width:calc(100% - 10px)}.rack-item[data-type=pc][data-orientation=vertical] .rack-item-meta{position:absolute;right:5px;bottom:5px;z-index:10;pointer-events:none}.rack-item[data-type=pc][data-orientation=vertical] .rack-item-controls{pointer-events:auto}.details-table{width:100%;border-collapse:collapse;margin-top:10px;margin-bottom:20px;font-size:.85rem}.details-table th,.details-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.details-table th{font-weight:600;color:var(--text-secondary);width:40%;background:#ffffff03}.details-table td{color:var(--text-primary);font-family:JetBrains Mono,monospace}.details-section-header{font-size:.9rem;font-weight:700;color:var(--color-accent);margin-top:15px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(0,242,254,.2);text-transform:uppercase;letter-spacing:.5px}.details-annotation-block{margin-top:20px;padding:12px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:6px}.details-annotation-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.details-annotation-text{font-size:.82rem;color:var(--text-primary);white-space:pre-wrap;line-height:1.4}.rack-item-qty{font-family:JetBrains Mono,monospace;font-size:.65rem;color:#fff;font-weight:700;margin:0 4px;-webkit-user-select:none;user-select:none}.btn-network-config{background:#10b98126;color:var(--color-success);border:none;width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.btn-network-config:hover{background:var(--color-success);color:#fff}.network-map-wrapper{width:100%;height:100%;position:relative;background:#0f111a80;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);box-shadow:inset 0 0 40px #0000004d}#network-map-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none;overflow:visible!important}.map-connection-line{stroke:var(--color-primary);stroke-width:3px;stroke-linecap:round;fill:none;opacity:.6;transition:opacity var(--transition-fast),stroke-width var(--transition-fast);pointer-events:auto}.map-connection-label{pointer-events:auto}.map-connection-line:hover{opacity:1;stroke-width:4px;stroke:var(--color-accent);cursor:pointer}.map-nodes-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.map-node{position:absolute;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 12px;min-width:150px;display:flex;flex-direction:column;gap:4px;cursor:grab;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.map-node:hover{border-color:var(--color-primary);box-shadow:0 0 10px #5d6cf04d}.map-node:active{cursor:grabbing}.map-node-title{font-size:.8rem;font-weight:600;color:var(--text-primary)}.map-node-type{font-size:.65rem;color:var(--text-secondary)}.interface-row{display:flex;flex-direction:column;gap:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:12px;border-radius:var(--radius-sm);margin-bottom:8px}.interface-header{font-size:.8rem;font-weight:600;color:var(--color-accent);display:flex;justify-content:space-between}.interface-config-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.interface-connection{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.1)}.map-toolbar{display:flex;gap:12px;padding:12px 24px;background:var(--bg-panel);border-bottom:1px solid var(--border-color);align-items:center}.network-map-wrapper{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px}.map-node{min-width:220px;padding:0;z-index:10}.map-node-header{background:#0006;padding:8px 12px;border-bottom:1px solid var(--border-color);border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm);cursor:grab}.map-node:active .map-node-header{cursor:grabbing}.map-node-ports{padding:8px;display:flex;flex-direction:column;gap:8px}.map-port-row{display:flex;align-items:center;gap:6px;position:relative}.map-port-endpoint{width:12px;height:12px;border-radius:50%;background:var(--color-primary);border:2px solid var(--bg-panel);cursor:crosshair;position:absolute;left:-15px;transition:transform var(--transition-fast),background var(--transition-fast);z-index:15}.map-port-endpoint.right{left:auto;right:-15px}.map-port-endpoint:hover{transform:scale(1.3);background:var(--color-accent)}.map-port-input{background:#0000004d;border:1px solid transparent;color:var(--text-primary);font-size:.65rem;padding:4px;border-radius:3px;font-family:JetBrains Mono,monospace;width:100%}.map-port-input:hover,.map-port-input:focus{border-color:var(--color-primary);outline:none}.map-connection-line.draft{stroke:var(--color-accent);stroke-dasharray:4;opacity:.8;pointer-events:none}.map-zones-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.map-zone{background-color:#ffffff03;position:absolute;background:#5d6cf00d;border:2px dashed rgba(93,108,240,.4);border-radius:8px;pointer-events:auto;cursor:move}.map-zone-title{position:absolute;top:-24px;left:0;color:#5d6cf0cc;font-weight:700;font-size:.8rem;pointer-events:auto;border:none;background:transparent;outline:none}.map-zone-resize{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,rgba(93,108,240,.5) 50%)}.map-annotations-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:12;pointer-events:none}.map-annotation{position:absolute;pointer-events:auto;background:#0009;border:1px solid var(--border-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;cursor:move;min-width:100px;min-height:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-annotation-input{width:100%;height:100%;background:transparent;border:none;color:inherit;font-family:inherit;font-size:inherit;resize:both;outline:none}.map-node.selected,.map-zone.selected,.map-annotation.selected{outline:2px solid var(--color-accent);box-shadow:0 0 15px #5d6cf066}.map-zone.selected{outline-offset:2px}#network-map-canvas{transform-origin:0 0}.map-zones-container,.map-nodes-container,.map-annotations-container{pointer-events:none}.map-zone,.map-node,.map-annotation,.map-primitive{pointer-events:auto}.port-anchor{position:absolute;width:20px;height:20px;background:#ffffff03;cursor:crosshair;z-index:10;opacity:0;transition:opacity .2s,transform .2s;pointer-events:auto;display:flex;align-items:center;justify-content:center}.port-anchor:after{content:"";width:8px;height:8px;background:var(--color-primary);border-radius:50%;transition:background .2s,transform .2s}.map-node:hover .port-anchor{opacity:1}.network-map-wrapper.connecting .port-anchor{opacity:.8!important}.port-anchor:hover:after{transform:scale(1.5);background:var(--color-accent)}.port-anchor.left{left:-25px;top:50%;transform:translateY(-50%)}.port-anchor.right{right:-25px;top:50%;transform:translateY(-50%)}.port-anchor.left:hover,.port-anchor.right:hover{transform:translateY(-50%) scale(1.2)}.map-resize-handle{position:absolute;width:10px;height:10px;background:#fff;border:1px solid var(--color-primary);z-index:20;pointer-events:auto}.map-resize-handle.br{bottom:-5px;right:-5px;cursor:nwse-resize}.map-node:not(.selected) .map-resize-handle,.map-zone:not(.selected) .map-resize-handle{display:none}path.map-connection-line.selected{stroke-width:3;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}text.map-connection-label.selected{font-weight:700;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}.map-primitive{position:absolute;cursor:grab;z-index:10;box-sizing:border-box;background-color:#00000003;pointer-events:auto}.map-primitive.selected{outline:2px solid var(--color-primary);outline-offset:2px;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}.map-primitive-resize{position:absolute;width:12px;height:12px;right:-6px;bottom:-6px;background:var(--color-primary);border-radius:50%;cursor:se-resize;opacity:0;transition:opacity .2s}.map-primitive.selected .map-primitive-resize{opacity:1}.node-type-server{background:#1e3a8acc!important;border-color:#fff3!important}.node-type-switch{background:#0f766ecc!important;border-color:#fff3!important}.node-type-router{background:#0369a1cc!important;border-color:#fff3!important}.node-type-security{background:#991b1bcc!important;border-color:#fff3!important}.node-type-ups{background:#b45309cc!important;border-color:#fff3!important}.node-type-pdu{background:#4b5563cc!important;border-color:#fff3!important}.node-type-shelf{background:#6d28d9cc!important;border-color:#fff3!important}.node-type-pc{background:#1d4ed8cc!important;border-color:#fff3!important}.node-type-other{background:#374151cc!important;border-color:#fff3!important}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 222 20% 12%;--card: 0 0% 100%;--card-foreground: 222 20% 12%;--popover: 0 0% 100%;--popover-foreground: 222 20% 12%;--primary: 222 20% 12%;--primary-foreground: 0 0% 100%;--muted: 220 14% 96%;--muted-foreground: 220 9% 46%;--accent: 220 14% 96%;--accent-foreground: 222 20% 12%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--border: 220 13% 91%;--input: 220 13% 91%;--ring: 222 84% 55%;--radius: .75rem;--canvas-bg: 220 20% 98%;--canvas-dot: 220 13% 82%}.dark{--background: 220 18% 6%;--foreground: 210 20% 98%;--card: 220 15% 10%;--card-foreground: 210 20% 98%;--popover: 220 15% 10%;--popover-foreground: 210 20% 98%;--primary: 210 20% 98%;--primary-foreground: 222 20% 12%;--muted: 220 15% 14%;--muted-foreground: 220 10% 65%;--accent: 220 15% 14%;--accent-foreground: 210 20% 98%;--destructive: 0 62% 50%;--destructive-foreground: 0 0% 100%;--border: 220 12% 18%;--input: 220 12% 18%;--ring: 210 100% 70%;--canvas-bg: 220 20% 5%;--canvas-dot: 220 12% 22%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-full{left:100%}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[51\]{z-index:51}.col-span-8{grid-column:span 8 / span 8}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mt-1{margin-top:-.25rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.\!block{display:block!important}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.\!h-2{height:.5rem!important}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-px{height:1px}.max-h-44{max-height:11rem}.max-h-72{max-height:18rem}.max-h-\[85vh\]{max-height:85vh}.min-h-\[180px\]{min-height:180px}.min-h-\[72px\]{min-height:72px}.\!w-2{width:.5rem!important}.w-0{width:0px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.max-w-\[360px\]{max-width:360px}.max-w-\[640px\]{max-width:640px}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-2\.5{--tw-translate-x: .625rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.\!rounded-full{border-radius:9999px!important}.\!rounded-sm{border-radius:calc(var(--radius) - 4px)!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.\!border{border-width:1px!important}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.\!border-ring{--tw-border-opacity: 1 !important;border-color:hsl(var(--ring) / var(--tw-border-opacity, 1))!important}.\!border-ring\/40{border-color:hsl(var(--ring) / .4)!important}.border-amber-500\/40{border-color:#f59e0b66}.border-blue-500\/40{border-color:#3b82f666}.border-border{--tw-border-opacity: 1;border-color:hsl(var(--border) / var(--tw-border-opacity, 1))}.border-border\/60{border-color:hsl(var(--border) / .6)}.border-cyan-500\/40{border-color:#06b6d466}.border-emerald-500\/40{border-color:#10b98166}.border-fuchsia-500\/40{border-color:#d946ef66}.border-indigo-500\/40{border-color:#6366f166}.border-input{--tw-border-opacity: 1;border-color:hsl(var(--input) / var(--tw-border-opacity, 1))}.border-lime-500\/40{border-color:#84cc1666}.border-orange-500\/40{border-color:#f9731666}.border-pink-500\/40{border-color:#ec489966}.border-red-500\/40{border-color:#ef444466}.border-ring{--tw-border-opacity: 1;border-color:hsl(var(--ring) / var(--tw-border-opacity, 1))}.border-sky-500\/40{border-color:#0ea5e966}.border-slate-500\/40{border-color:#64748b66}.border-teal-500\/40{border-color:#14b8a666}.border-violet-500\/40{border-color:#8b5cf666}.border-yellow-500\/40{border-color:#eab30866}.\!bg-background{--tw-bg-opacity: 1 !important;background-color:hsl(var(--background) / var(--tw-bg-opacity, 1))!important}.bg-accent{--tw-bg-opacity: 1;background-color:hsl(var(--accent) / var(--tw-bg-opacity, 1))}.bg-accent\/10{background-color:hsl(var(--accent) / .1)}.bg-accent\/30{background-color:hsl(var(--accent) / .3)}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-500\/15{background-color:#f59e0b26}.bg-background{--tw-bg-opacity: 1;background-color:hsl(var(--background) / var(--tw-bg-opacity, 1))}.bg-background\/40{background-color:hsl(var(--background) / .4)}.bg-black\/30{background-color:#0000004d}.bg-black\/60{background-color:#0009}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/15{background-color:#3b82f626}.bg-border{--tw-bg-opacity: 1;background-color:hsl(var(--border) / var(--tw-bg-opacity, 1))}.bg-card{--tw-bg-opacity: 1;background-color:hsl(var(--card) / var(--tw-bg-opacity, 1))}.bg-card\/40{background-color:hsl(var(--card) / .4)}.bg-cyan-400{--tw-bg-opacity: 1;background-color:rgb(34 211 238 / var(--tw-bg-opacity, 1))}.bg-cyan-500\/15{background-color:#06b6d426}.bg-destructive{--tw-bg-opacity: 1;background-color:hsl(var(--destructive) / var(--tw-bg-opacity, 1))}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/15{background-color:#10b98126}.bg-foreground\/20{background-color:hsl(var(--foreground) / .2)}.bg-fuchsia-400{--tw-bg-opacity: 1;background-color:rgb(232 121 249 / var(--tw-bg-opacity, 1))}.bg-fuchsia-500\/15{background-color:#d946ef26}.bg-indigo-400{--tw-bg-opacity: 1;background-color:rgb(129 140 248 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/15{background-color:#6366f126}.bg-lime-400{--tw-bg-opacity: 1;background-color:rgb(163 230 53 / var(--tw-bg-opacity, 1))}.bg-lime-500\/15{background-color:#84cc1626}.bg-muted{--tw-bg-opacity: 1;background-color:hsl(var(--muted) / var(--tw-bg-opacity, 1))}.bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}.bg-orange-500\/15{background-color:#f9731626}.bg-pink-400{--tw-bg-opacity: 1;background-color:rgb(244 114 182 / var(--tw-bg-opacity, 1))}.bg-pink-500\/15{background-color:#ec489926}.bg-primary{--tw-bg-opacity: 1;background-color:hsl(var(--primary) / var(--tw-bg-opacity, 1))}.bg-primary\/20{background-color:hsl(var(--primary) / .2)}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/15{background-color:#ef444426}.bg-sky-400{--tw-bg-opacity: 1;background-color:rgb(56 189 248 / var(--tw-bg-opacity, 1))}.bg-sky-500\/15{background-color:#0ea5e926}.bg-slate-400{--tw-bg-opacity: 1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))}.bg-slate-500\/15{background-color:#64748b26}.bg-teal-400{--tw-bg-opacity: 1;background-color:rgb(45 212 191 / var(--tw-bg-opacity, 1))}.bg-teal-500\/15{background-color:#14b8a626}.bg-violet-400{--tw-bg-opacity: 1;background-color:rgb(167 139 250 / var(--tw-bg-opacity, 1))}.bg-violet-500\/15{background-color:#8b5cf626}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/15{background-color:#eab30826}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\.5{padding:.125rem}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-px{padding-top:1px;padding-bottom:1px}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-7{padding-left:1.75rem}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-accent-foreground{--tw-text-opacity: 1;color:hsl(var(--accent-foreground) / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-card{--tw-text-opacity: 1;color:hsl(var(--card) / var(--tw-text-opacity, 1))}.text-card-foreground{--tw-text-opacity: 1;color:hsl(var(--card-foreground) / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-destructive{--tw-text-opacity: 1;color:hsl(var(--destructive) / var(--tw-text-opacity, 1))}.text-destructive-foreground{--tw-text-opacity: 1;color:hsl(var(--destructive-foreground) / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-foreground{--tw-text-opacity: 1;color:hsl(var(--foreground) / var(--tw-text-opacity, 1))}.text-foreground\/80{color:hsl(var(--foreground) / .8)}.text-fuchsia-400{--tw-text-opacity: 1;color:rgb(232 121 249 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-lime-400{--tw-text-opacity: 1;color:rgb(163 230 53 / var(--tw-text-opacity, 1))}.text-muted-foreground{--tw-text-opacity: 1;color:hsl(var(--muted-foreground) / var(--tw-text-opacity, 1))}.text-muted-foreground\/70{color:hsl(var(--muted-foreground) / .7)}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-primary-foreground{--tw-text-opacity: 1;color:hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-sky-400{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-teal-400{--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.text-violet-400{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.accent-primary{accent-color:hsl(var(--primary) / 1)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-amber-500\/40{--tw-ring-color: rgb(245 158 11 / .4)}.ring-blue-500\/40{--tw-ring-color: rgb(59 130 246 / .4)}.ring-cyan-500\/40{--tw-ring-color: rgb(6 182 212 / .4)}.ring-emerald-500\/40{--tw-ring-color: rgb(16 185 129 / .4)}.ring-fuchsia-500\/40{--tw-ring-color: rgb(217 70 239 / .4)}.ring-indigo-500\/40{--tw-ring-color: rgb(99 102 241 / .4)}.ring-lime-500\/40{--tw-ring-color: rgb(132 204 22 / .4)}.ring-orange-500\/40{--tw-ring-color: rgb(249 115 22 / .4)}.ring-pink-500\/40{--tw-ring-color: rgb(236 72 153 / .4)}.ring-primary\/60{--tw-ring-color: hsl(var(--primary) / .6)}.ring-red-500\/40{--tw-ring-color: rgb(239 68 68 / .4)}.ring-ring{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1))}.ring-sky-500\/40{--tw-ring-color: rgb(14 165 233 / .4)}.ring-slate-500\/40{--tw-ring-color: rgb(100 116 139 / .4)}.ring-teal-500\/40{--tw-ring-color: rgb(20 184 166 / .4)}.ring-violet-500\/40{--tw-ring-color: rgb(139 92 246 / .4)}.ring-yellow-500\/40{--tw-ring-color: rgb(234 179 8 / .4)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background) / 1)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-\[box-shadow\,border-color\]{transition-property:box-shadow,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.react-flow{background:hsl(var(--canvas-bg))}.react-flow__handle{width:9px;height:9px;background:hsl(var(--muted-foreground));border:2px solid hsl(var(--background));opacity:0;transition:opacity .15s ease}.react-flow__node:hover .react-flow__handle,.react-flow__node.selected .react-flow__handle,.react-flow__node:focus .react-flow__handle{opacity:1}.react-flow__edge-path{stroke:hsl(var(--muted-foreground));stroke-width:1.5}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path{stroke:hsl(var(--ring))}.react-flow__attribution{display:none!important}.react-flow__controls{box-shadow:none;border-radius:calc(var(--radius) - 2px);overflow:hidden;border:1px solid hsl(var(--border))}.react-flow__controls-button{background:hsl(var(--card));color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border));width:28px;height:28px}.react-flow__controls-button svg{fill:currentColor}.react-flow__controls-button:hover{background:hsl(var(--accent))}.react-flow__minimap{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px)}.react-flow__minimap-mask{fill:hsl(var(--background) / .6)}.react-flow__minimap-node{fill:hsl(var(--muted-foreground))}.turbo .react-flow{background:radial-gradient(1200px 600px at 50% 0%,color-mix(in srgb,var(--turbo-start, #ec4899) 10%,transparent),transparent 60%),radial-gradient(900px 500px at 100% 100%,color-mix(in srgb,var(--turbo-end, #3b82f6) 10%,transparent),transparent 60%),hsl(var(--canvas-bg))}.react-flow__edge.turbo-on .react-flow__edge-path,.turbo .react-flow__connection-path{stroke:url(#turbo-edge);stroke-width:2;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--turbo-start, #ec4899) 45%,transparent))}@property --turbo-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.react-flow__node.turbo-on .infra-card,.react-flow__node.turbo-on .shape-card,.react-flow__node.turbo-on .step-card,.react-flow__node.turbo-on .text-card,.react-flow__node.turbo-on .code-card{position:relative}.react-flow__node.turbo-on .infra-card:before,.react-flow__node.turbo-on .shape-card:before,.react-flow__node.turbo-on .step-card:before,.react-flow__node.turbo-on .text-card:before,.react-flow__node.turbo-on .code-card:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;padding:3px;background:conic-gradient(from var(--turbo-angle),var(--turbo-start, #ec4899),var(--turbo-end, #3b82f6),var(--turbo-start, #ec4899));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:turbo-border 3s linear infinite}.react-flow__node.turbo-on .tunnel-portal-left{border-right-color:var(--turbo-start, #ec4899)!important}.react-flow__node.turbo-on .tunnel-portal-right{border-left-color:var(--turbo-end, #3b82f6)!important}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:8px}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:8px}.react-flow__node.turbo-on .tunnel-body{position:relative;border-color:transparent!important}.react-flow__node.turbo-on .tunnel-body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:3px;background:conic-gradient(from var(--turbo-angle),var(--turbo-start, #ec4899),var(--turbo-end, #3b82f6),var(--turbo-start, #ec4899));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:turbo-border 3s linear infinite;z-index:2}@keyframes turbo-border{0%{--turbo-angle: 0deg}to{--turbo-angle: 360deg}}@property --dash-offset{syntax: "<number>"; inherits: true; initial-value: 12;}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:6 6;animation:dashdraw var(--dash-duration, .8s) linear infinite}@keyframes dashdraw{0%{stroke-dashoffset:var(--dash-offset)}to{stroke-dashoffset:0}}.preview-mode .react-flow__handle,.preview-mode .react-flow__edge .react-flow__edgelabel-renderer button{opacity:0!important;pointer-events:none!important}.preview-mode .infra-card button,.preview-mode [data-hover-only]{display:none!important}.preview-mode .react-flow__node:hover,.preview-mode .react-flow__edge:hover{cursor:default!important}.placeholder\:text-muted-foreground::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--muted-foreground) / var(--tw-text-opacity, 1))}.placeholder\:text-muted-foreground::placeholder{--tw-text-opacity: 1;color:hsl(var(--muted-foreground) / var(--tw-text-opacity, 1))}.hover\:bg-accent:hover{--tw-bg-opacity: 1;background-color:hsl(var(--accent) / var(--tw-bg-opacity, 1))}.hover\:bg-accent\/50:hover{background-color:hsl(var(--accent) / .5)}.hover\:bg-accent\/80:hover{background-color:hsl(var(--accent) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-accent-foreground:hover{--tw-text-opacity: 1;color:hsl(var(--accent-foreground) / var(--tw-text-opacity, 1))}.hover\:text-destructive:hover{--tw-text-opacity: 1;color:hsl(var(--destructive) / var(--tw-text-opacity, 1))}.hover\:text-foreground:hover{--tw-text-opacity: 1;color:hsl(var(--foreground) / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--background) / 1)}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.data-\[state\=closed\]\:animate-fade-out[data-state=closed]{animation:fade-out .15s ease-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.data-\[state\=open\]\:animate-fade-in[data-state=open]{animation:fade-in .15s ease-out}.dark\:bg-black\/40:is(.dark *){background-color:#0006}