:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer}button:hover{border-color:#646cff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{scrollbar-width:none}*{-ms-overflow-style:none}*::-webkit-scrollbar{display:none}img[src$=".svg"],svg,.lucide,.lucide-icon{border-radius:0!important;margin:0 6px;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center}html,body{width:100vw;height:100vh;min-width:100vw;min-height:100vh;margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-color, var(--background));color:var(--text-color, var(--foreground));font-family:var(--font-family, var(--font-stack));transition:background var(--animation-speed, var(--transition)),color var(--animation-speed, var(--transition));line-height:var(--line-height, 1.6);font-size:var(--font-size, var(--font-size));font-weight:var(--font-weight, 400);letter-spacing:var(--letter-spacing, 0)}*:not(svg):not(.lucide):not(.lucide-icon):not(img[src$=".svg"]){transition:all var(--animation-speed, .3s) ease!important}.card,.button,.glass,.neu{border-radius:var(--border-radius, 12px)!important;box-shadow:0 calc(var(--shadow-intensity, 3) * 2px) calc(var(--shadow-intensity, 3) * 8px) #0000004d!important}*,*:before,*:after{box-sizing:inherit}#app-root{width:100vw;height:100vh;min-height:100vh;min-width:100vw;overflow:hidden;display:flex;flex-direction:column;padding-top:60px;box-sizing:border-box}.sidebar-fixed{position:fixed;top:60px;left:0;height:calc(100vh - 60px);width:220px;z-index:100;background:var(--sidebar-bg);border-right:1px solid rgba(255,255,255,.1);box-shadow:2px 0 10px #0000004d}.metrics-fixed{position:fixed;top:60px;right:0;height:calc(100vh - 60px);width:300px;z-index:100;background:var(--bg-color, linear-gradient(135deg, #1e1e2e 0%, #2a2d3a 100%));border-left:1px solid rgba(255,255,255,.1);box-shadow:-2px 0 10px #0000004d;transition:width .3s ease}.metrics-fixed.collapsed{display:none}main.main-content{flex:1;margin-left:220px;margin-right:260px;height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden;padding:2rem;box-sizing:border-box;transition:margin-right .3s ease;background:var(--bg-color, var(--background))}main.main-content.metrics-collapsed{margin-right:0}:root{--primary-color: #636363;--accent-color: #f59e0b;--secondary-color: #10b981;--background: #f8fafc;--foreground: #1f2937;--surface: #ffffff;--surface-dark: #1e1e2e;--border: #e5e7eb;--border-dark: #374151;--shadow: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .3);--border-radius: 12px;--transition: .3s cubic-bezier(.4, 0, .2, 1);--font-stack: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size: 14px;font-size:var(--font-size);--header-bg: #636363;--sidebar-bg: #636363;--graph-color: #6366f1;--cpu-color: #4fc3f7;--gpu-color: #26c6da;--ram-color: #81c784;--storage-color: #ffb74d;--network-color: #f06292}[data-theme=dark]{--primary-color: #636363;--accent-color: #fbbf24;--secondary-color: #34d399;--background: #0f0f23;--foreground: #f9fafb;--surface: #1e1e2e;--surface-dark: #0f0f23;--border: #374151;--border-dark: #4b5563;--shadow: rgba(0, 0, 0, .4);--shadow-dark: rgba(0, 0, 0, .6);--font-size: 14px;font-size:var(--font-size);--header-bg: #636363;--sidebar-bg: #636363;--graph-color: #818cf8;--cpu-color: #4fc3f7;--gpu-color: #26c6da;--ram-color: #81c784;--storage-color: #ffb74d;--network-color: #f06292}body{background:var(--bg-color, var(--background));color:var(--text-color, var(--foreground));font-family:var(--font-family, var(--font-stack));transition:background var(--transition),color var(--transition);line-height:var(--line-height, 1.6);font-size:var(--font-size, var(--font-size));font-weight:var(--font-weight, 400);letter-spacing:var(--letter-spacing, 0)}.card{background:var(--bg-color, var(--surface));border:1px solid var(--border);border-radius:var(--border-radius, var(--border-radius));box-shadow:0 var(--shadow-intensity, 4) px var(--shadow-intensity, 6) px var(--shadow, var(--shadow));padding:1.5rem;margin-bottom:1.5rem;transition:box-shadow var(--animation-speed, var(--transition)),transform var(--animation-speed, var(--transition))}.card:hover{box-shadow:0 8px 25px var(--shadow);transform:translateY(-2px)}[data-theme=dark] .card{background:var(--surface);border-color:var(--border);box-shadow:0 4px 6px var(--shadow-dark)}.button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:inherit;border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;cursor:pointer;transition:all var(--transition);font-weight:500;box-shadow:0 2px 4px var(--shadow)}.button:hover{background:linear-gradient(135deg,var(--accent-color) 0%,var(--primary-color) 100%);box-shadow:0 4px 12px var(--shadow);transform:translateY(-1px)}.button:active{transform:translateY(0)}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);box-shadow:0 8px 32px #0000001a}[data-theme=dark] .glass{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d}.neu{background:var(--surface);box-shadow:8px 8px 16px var(--shadow),-8px -8px 16px #ffffff0d;border-radius:var(--border-radius)}[data-theme=dark] .neu{box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px #00000080}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius);padding:.75rem;color:var(--foreground);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface);border-color:var(--border);color:var(--foreground)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-color)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem;font-weight:600;line-height:1.3}p{margin-bottom:1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.sidebar-content{height:100%;padding:1rem;display:flex;flex-direction:column}.sidebar-content nav ul{list-style:none;padding:0;margin:0}.sidebar-content nav ul li{margin-bottom:.5rem}.sidebar-content nav ul li a{display:block;padding:.75rem 1rem;border-radius:var(--border-radius);transition:background var(--transition),color var(--transition);color:var(--foreground);text-decoration:none;font-weight:500}.sidebar-content nav ul li a:hover{background:#ffffff1a;color:var(--accent-color)}.metrics-content{height:100%;padding:1rem;color:var(--foreground);display:flex;flex-direction:column;position:relative}.metrics-content h3{margin-top:0;margin-bottom:1rem;color:var(--foreground)}.metrics-content select{width:100%;margin-bottom:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius);padding:.5rem;color:var(--foreground)}.floating-header{position:fixed;top:0;left:0;width:100vw;height:60px;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--foreground);display:flex;align-items:center;justify-content:space-between;z-index:200;box-shadow:0 4px 20px #0000004d;padding:0 2rem}.header-left{display:flex;align-items:center;gap:12px}.header-logo{height:32px;width:auto}.header-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:var(--border-radius);transition:background var(--transition);display:flex;align-items:center;justify-content:center}.header-btn:hover{background:#ffffff1a!important}.header-title{font-weight:700;font-size:20px;letter-spacing:1px;color:var(--foreground)}.header-right{display:flex;align-items:center;gap:16px}.metrics-toggle-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius);cursor:pointer;padding:8px 12px;display:flex;align-items:center;box-shadow:0 2px 4px var(--shadow);transition:all var(--transition);color:var(--foreground)}.metrics-toggle-header:hover{background:var(--primary-color);color:inherit;box-shadow:0 4px 12px var(--shadow)}.metrics-toggle-header span{margin-left:6px;font-weight:500;font-size:14px;color:var(--accent-color)}.metrics-toggle-header:hover span{color:inherit}.theme-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.theme-popup{background:var(--surface);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);max-width:600px;width:90%;text-align:center}.theme-popup h3{margin-bottom:1rem;color:inherit}.theme-options{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.theme-options button{padding:.5rem 1rem;border:none;border-radius:var(--border-radius);background:var(--background);color:var(--foreground);cursor:pointer;transition:background var(--transition)}.theme-options button:hover,.theme-options button.active{background:var(--primary-color);color:inherit}.close-popup{padding:.5rem 1rem;border:none;border-radius:var(--border-radius);background:var(--accent-color);color:inherit;cursor:pointer;transition:background var(--transition)}.close-popup:hover{background:var(--accent-color-hover)}.accent-options{margin-top:1rem;text-align:left}.accent-options h4{margin-bottom:.5rem;color:inherit}.accent-options label{display:block;margin-bottom:.5rem;color:inherit}.color-pickers{margin-top:.5rem}.color-pickers label{display:block;margin-bottom:.5rem}.apply-accent{margin-top:.5rem;padding:.5rem 1rem;border:none;border-radius:var(--border-radius);background:var(--primary-color);color:inherit;cursor:pointer;transition:background var(--transition)}.apply-accent:hover{background:var(--primary-color-hover)}.settings-section{margin-bottom:1.5rem}.settings-section h4{margin-bottom:.5rem;font-size:1rem;color:inherit}.color-input-group{display:flex;align-items:center;margin-bottom:.5rem}.color-input-group label{margin-right:.5rem;min-width:80px;color:inherit}.color-picker-wrapper{position:relative;width:30px;height:30px}.color-picker-wrapper input[type=color]{position:absolute;top:0;left:0;width:30px;height:30px;opacity:0;cursor:pointer;z-index:2}.color-preview{position:absolute;top:0;left:0;width:30px;height:30px;border-radius:4px;border:2px solid var(--border);cursor:pointer;transition:border-color var(--transition);z-index:1;pointer-events:none}.color-preview:hover{border-color:var(--primary-color)}.gradient-preview{width:100%;height:30px;border-radius:4px;border:1px solid var(--border);margin-top:.5rem}.popup-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.save-settings{padding:.5rem 1rem;border:none;border-radius:var(--border-radius);background:var(--primary-color);color:inherit;cursor:pointer;transition:background var(--transition)}.save-settings:hover{background:var(--primary-color-hover)}.tabs{display:flex;margin-bottom:1rem;border-bottom:1px solid var(--border)}.tabs button{flex:1;padding:.5rem;border:none;background:transparent;color:var(--foreground);cursor:pointer;transition:background var(--transition);border-bottom:2px solid transparent}.tabs button.active{background:var(--primary-color);color:inherit;border-bottom-color:var(--primary-color)}.tabs button:hover{background:var(--surface-dark)}.tab-content{min-height:200px}.slider{width:100%;height:8px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;outline:none;appearance:none;box-shadow:none;border:none;transition:background .2s;position:relative}.slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;cursor:pointer;border:4px solid #fff;transition:box-shadow .2s,border .2s,background .2s;position:relative;top:50%;transform:translateY(-50%)}.slider:active::-webkit-slider-thumb,.slider:focus::-webkit-slider-thumb{box-shadow:none!important;border:4px solid #6366f1;background:linear-gradient(135deg,#8b5cf6,#6366f1);outline:none!important}.slider::-moz-range-thumb{width:24px;height:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;cursor:pointer;border:4px solid #fff;box-shadow:0 4px 16px #6366f12e;transition:box-shadow .2s,border .2s,background .2s;position:relative}.slider:active::-moz-range-thumb,.slider:focus::-moz-range-thumb{box-shadow:none!important;border:4px solid #6366f1;background:linear-gradient(135deg,#8b5cf6,#6366f1);outline:none!important}.slider::-ms-thumb{width:24px;height:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;cursor:pointer;border:4px solid #fff;box-shadow:0 4px 16px #6366f12e;transition:box-shadow .2s,border .2s,background .2s;position:relative}.slider:active::-ms-thumb,.slider:focus::-ms-thumb{box-shadow:none!important;border:4px solid #6366f1;background:linear-gradient(135deg,#8b5cf6,#6366f1);outline:none!important}.slider:focus{outline:none!important;box-shadow:none!important}.slider::-webkit-slider-runnable-track{height:8px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;border:none;box-shadow:none}.slider::-ms-fill-lower{background:#6366f1;border-radius:4px;border:none;box-shadow:none}.slider{background:none!important}.slider::-ms-fill-upper{background:#8b5cf6;border-radius:4px;border:none;box-shadow:none}.input-with-slider{display:flex;align-items:center;gap:12px}.number-input{width:60px;padding:.5rem;border:1px solid var(--border);border-radius:var(--border-radius);background:var(--surface);color:var(--foreground);text-align:center}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{display:flex;align-items:center;gap:8px}.control-group .lucide{margin-right:4px;color:#6366f1}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;color:#fff!important}.action-btn .lucide{color:#fff!important}.save-btn{background:#22c55e}.save-btn:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.apply-btn{background:#8b5cf6}.apply-btn:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.cancel-btn{background:var(--primary-color)}.cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.font-select,.number-input{background:transparent!important;color:inherit!important;border:1px solid rgba(128,128,128,.3);border-radius:6px;padding:.5rem;width:100%;transition:border-color .3s ease}.font-select:focus,.number-input:focus{border-color:#80808099;outline:none}.font-select option{background:transparent!important;color:inherit!important}.number-input{width:80px;text-align:center}.input-with-slider{display:flex;align-items:center;gap:1rem}.context-menu{background:var(--widget-card-bg, rgba(30, 30, 30, .95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--widget-border, rgba(255, 255, 255, .1));border-radius:12px;box-shadow:0 8px 32px #0006;min-width:180px;overflow:hidden;z-index:10000;animation:contextMenuFadeIn .15s ease}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s;color:var(--text-primary, #ffffff);font-size:14px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.context-menu-item:hover{background:var(--hover-bg, rgba(255, 255, 255, .05));color:var(--text-primary, #ffffff)}.context-menu-item i,.context-menu-item svg{flex-shrink:0;width:16px;height:16px}[data-theme=dark] .widget-container,[data-theme=dark] .widget,[data-theme=dark] .domains-container,[data-theme=dark] .dashboard-container,body:not([data-theme]) .widget-container,body:not([data-theme]) .widget,body:not([data-theme]) .domains-container,body:not([data-theme]) .dashboard-container{--widget-bg: rgba(30, 30, 46, .7);--widget-border: rgba(255, 255, 255, .1);--widget-text: #ffffff;--widget-text-secondary: #a0a0a0;--widget-hover-bg: rgba(255, 255, 255, .05);--widget-header-bg: rgba(255, 255, 255, .03);--widget-success: #10b981;--widget-warning: #eab308;--widget-error: #ef4444;--widget-info: #3b82f6;--widget-chart-primary: #3b82f6;--widget-chart-secondary: #8b5cf6;--widget-chart-grid: rgba(255, 255, 255, .1);--widget-card-bg: rgba(255, 255, 255, .05);--widget-card-hover: rgba(255, 255, 255, .08);--widget-divider: rgba(255, 255, 255, .1);--widget-icon-color: rgba(255, 255, 255, .8)}[data-theme=light] .widget-container,[data-theme=light] .widget,[data-theme=light] .domains-container,[data-theme=light] .dashboard-container{--widget-bg: rgba(255, 255, 255, .9);--widget-border: rgba(0, 0, 0, .1);--widget-text: #1a1a1a;--widget-text-secondary: #6b7280;--widget-hover-bg: rgba(0, 0, 0, .03);--widget-header-bg: rgba(0, 0, 0, .02);--widget-success: #10b981;--widget-warning: #eab308;--widget-error: #ef4444;--widget-info: #3b82f6;--widget-chart-primary: #3b82f6;--widget-chart-secondary: #8b5cf6;--widget-chart-grid: rgba(0, 0, 0, .1);--widget-card-bg: rgba(0, 0, 0, .03);--widget-card-hover: rgba(0, 0, 0, .05);--widget-divider: rgba(0, 0, 0, .1);--widget-icon-color: rgba(0, 0, 0, .7)}.widget-container,.widget{background:var(--widget-bg);border:1px solid var(--widget-border);color:var(--widget-text)}.widget-header{background:var(--widget-header-bg);border-bottom:1px solid var(--widget-divider)}.widget-title{color:var(--widget-text)}.widget svg,.widget .lucide,.widget .lucide-icon,.dashboard svg,.dashboard .lucide,.dashboard .lucide-icon,.sidebar svg,.sidebar .lucide,.sidebar .lucide-icon{border-radius:0!important;color:var(--widget-icon-color)}.widget-text-secondary,.widget .text-secondary{color:var(--widget-text-secondary)}.widget-card,.widget-item,.stat-card,.alert-item,.activity-item,.domain-item{background:var(--widget-card-bg);border:1px solid var(--widget-border)}.widget-card:hover,.widget-item:hover,.stat-card:hover,.alert-item:hover,.activity-item:hover,.domain-item:hover{background:var(--widget-card-hover)}.widget-divider,.widget hr{border-color:var(--widget-divider);background:var(--widget-divider)}.widget button{color:var(--widget-text)}.widget button:hover{background:var(--widget-hover-bg)}.progress-bar{background:var(--widget-card-bg)}.recharts-text{fill:var(--widget-text-secondary)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--widget-chart-grid)!important}.recharts-tooltip-wrapper{background:var(--widget-bg)!important;border:1px solid var(--widget-border)!important;border-radius:8px!important}.account-selector-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease-in-out}.account-selector-modal{background:#1e1e2efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:18px;width:90%;max-width:560px;box-shadow:0 25px 70px #00000080;animation:slideUp .3s ease-out}.account-selector-header{padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:flex-start}.account-selector-header h3{margin:0 0 6px;color:#fff;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.account-selector-header p{margin:0;color:#fff9;font-size:14px}.close-btn{background:none;border:none;color:#ffffff80;font-size:28px;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;line-height:1}.close-btn:hover{background:#ffffff1a;color:#fff}.account-selector-body{padding:28px}.form-section{margin-bottom:24px}.form-section:last-of-type{margin-bottom:0}.form-section label{display:block;margin-bottom:12px;font-weight:600;font-size:14px;color:#ffffffe6}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;max-height:280px;overflow-y:auto;padding:4px}.user-card{display:flex;align-items:center;gap:14px;padding:16px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.user-card:hover{background:#ffffff0f;border-color:#ddfeff4d;transform:translateY(-2px)}.user-card.selected{background:#ddfeff1a;border-color:#ddfeff;box-shadow:0 0 0 1px #ddfeff33}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.user-details{flex:1;min-width:0}.user-name{font-weight:600;font-size:15px;color:#fffffff2;margin-bottom:4px}.user-email{font-size:13px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-last-login{font-size:11px;color:#ddfeff99;margin-top:4px;font-weight:500}.check-icon{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#ddfeff;color:#1a1a2e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 2px 8px #ddfeff66}.password-input-container{position:relative;display:flex;align-items:center}.password-input{width:100%;padding:14px 48px 14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fffffff2;font-size:15px;font-family:inherit;transition:all .2s}.password-input:focus{outline:none;border-color:#ddfeff;box-shadow:0 0 0 3px #ddfeff1a;background:#ffffff14}.toggle-password{position:absolute;right:12px;background:none;border:none;color:#ffffff80;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.toggle-password:hover{color:#fffc;background:#ffffff0d}.error-message{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ff6b6b;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.btn,.btn-secondary,.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#484848fa;border:1px solid rgba(216,231,232,.2);color:#d8e7e8}.btn:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:#484848d9;border-color:#d8e7e8}.btn svg,.btn-secondary svg,.btn-primary svg{border-radius:0!important}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.users-grid::-webkit-scrollbar{width:6px}.users-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.users-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.users-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.secret-manager{padding:20px;height:calc(100vh - 80px);display:flex;flex-direction:column}.secret-manager-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.secret-manager-header h2{display:flex;align-items:center;gap:12px;margin:0 0 8px;color:var(--text-primary)}.secret-manager-header p{margin:0;color:var(--text-secondary);font-size:14px}.secret-manager-content{display:flex;gap:20px;flex:1;overflow:hidden}.projects-sidebar{width:280px;background:var(--card-bg);border-radius:12px;padding:16px;overflow-y:auto}.projects-sidebar h3{margin:0 0 16px;font-size:16px;color:var(--text-primary)}.projects-list{display:flex;flex-direction:column;gap:8px}.project-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;background:var(--bg-secondary)}.project-item:hover{background:var(--hover-bg)}.project-item.active{background:var(--sidebar-bg);color:#fff}.project-item svg{flex-shrink:0}.project-info{flex:1;min-width:0}.project-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta{font-size:12px;opacity:.7;margin-top:2px}.secrets-main{flex:1;background:var(--card-bg);border-radius:12px;padding:20px;display:flex;flex-direction:column;overflow:hidden}.environment-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid var(--border-color);padding-bottom:0;justify-content:center}.env-tab{padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:-2px}.env-tab:hover{color:var(--text-primary);background:var(--hover-bg)}.env-tab.active{color:#ddfeff;border-bottom-color:#ddfeff}.env-count{background:var(--bg-secondary);padding:2px 8px;border-radius:12px;font-size:12px}.env-tab.active .env-count{background:var(--accent-bg);color:#ddfeff}.secrets-toolbar{display:flex;align-items:center;margin-bottom:20px;gap:12px;width:100%}.search-box{flex:1;min-width:300px;max-width:none!important;position:relative;display:flex!important;align-items:center!important;gap:8px!important;width:100%;padding:10px 16px;border:1px solid var(--border-color);border-radius:0!important;background:var(--bg-secondary)}.search-box svg{position:static!important;flex-shrink:0;min-width:18px;width:auto;color:var(--text-secondary)}.search-box input{flex:1;min-width:0;padding:0!important;background:transparent;border:none;color:var(--text-primary);font-size:14px}.search-box input:focus{outline:none}.toolbar-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.secrets-table-container{flex:1;overflow-y:auto;border-radius:8px;border:1px solid var(--border-color)}.secrets-table{width:100%;border-collapse:collapse}.secrets-table thead{background:var(--bg-secondary);position:sticky;top:0;z-index:10}.secrets-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:13px;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.secrets-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.secrets-table tbody tr:hover{background:var(--hover-bg)}.secrets-table td{padding:16px;font-size:14px;color:var(--text-primary)}.secret-key{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;font-weight:600}.secret-value{max-width:400px}.value-container{display:flex;align-items:center;gap:8px}.secret-value code{flex:1;min-width:0;max-width:120px;padding:8px 12px;background:var(--bg-secondary);border-radius:6px;font-family:Courier New,monospace;font-size:13px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none}.secret-value code::-webkit-scrollbar{display:none}.secret-value code:active{cursor:grabbing}.value-actions{display:flex;gap:4px;flex-shrink:0}.btn-icon-small{padding:4px 8px;background:#484848fa;border:1px solid rgba(216,231,232,.2);border-radius:4px;color:#d8e7e8;cursor:pointer;transition:all .2s ease}.btn-icon-small:hover{background:#484848d9;border-color:#d8e7e8}.btn,.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#484848fa;border:1px solid rgba(216,231,232,.2);color:#d8e7e8}.btn:hover,.btn-primary:hover,.btn-secondary:hover{background:#484848d9;border-color:#d8e7e8}.btn svg,.btn-primary svg,.btn-secondary svg{border-radius:0!important}.secret-description{color:var(--text-secondary);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secret-updated{color:var(--text-secondary);font-size:13px}.secret-actions{display:flex;gap:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary);flex:1}.empty-state svg{opacity:.3;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:var(--text-primary)}.empty-state p{margin:0 0 24px}.error-banner{background:#f44;color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0 8px}.history-list{display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto}.history-item{padding:16px;background:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--border-color)}.history-meta{display:flex;gap:12px;align-items:center;margin-bottom:12px;font-size:13px}.change-type{padding:4px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;font-size:11px}.change-type.created{background:#2ed57333;color:#2ed573}.change-type.updated{background:var(--accent-bg);color:var(--accent-color)}.change-type.deleted{background:#f443;color:#f44}.history-time{color:var(--text-secondary)}.history-user{color:var(--text-secondary);margin-left:auto}.history-value code{display:block;padding:12px;background:var(--bg-primary);border-radius:6px;font-family:Courier New,monospace;font-size:13px;white-space:pre-wrap;word-break:break-all}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:#1e1e2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px #0006}.modal-large{max-width:800px}.modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#fff}.modal-header button{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-header button:hover{background:#ffffff1a;color:#fff}.modal-body{padding:24px}.modal-footer{padding:24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s}.form-group textarea{resize:vertical;font-family:Courier New,monospace}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ddfeff;box-shadow:0 0 0 3px #ddfeff}.loading{padding:40px;text-align:center;color:var(--text-secondary)}.user-selection{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.user-option{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.user-option:hover{background:var(--hover-bg);border-color:#ddfeff4d}.user-option.selected{background:#ddfeff1a;border-color:#ddfeff}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:2px}.user-email{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:180px;overflow:hidden;z-index:1000}.context-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s;color:var(--text-primary);font-size:14px;border-bottom:1px solid var(--border-color)}.context-menu-item:last-child{border-bottom:none}.context-menu-item:hover{background:var(--hover-bg);color:var(--text-primary)}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background:#ef44441a;color:#ef4444}.context-menu-item svg{flex-shrink:0}.terminal-page{width:100%;min-height:100vh;padding:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.loading-container{text-align:center;padding:32px;background:var(--widget-card-color);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.loading-container p{color:var(--text-secondary);font-size:16px}.error-container{text-align:center;padding:32px;background:var(--widget-card-color);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.error-container h2{color:#ef4444;margin-bottom:16px}.error-container p{color:var(--text-secondary);margin-bottom:24px}.error-container button{padding:8px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.error-container button:hover{opacity:.9;transform:translateY(-1px)}.properties-panel{background:#2c2c2c;border-radius:0 0 8px 8px;font-family:Segoe UI,Arial,sans-serif;color:#e6e6e6;font-size:13px;box-shadow:none}.properties-header{background:#232323;border-bottom:1px solid #444;font-size:15px;font-weight:600;color:#fff;padding:12px 18px 10px;letter-spacing:.2px}.properties-content{padding:0}.property-section{padding:18px 18px 0;border-bottom:1px solid #393939;margin-bottom:0;gap:10px}.property-section:last-child{border-bottom:none}.section-title{font-size:11px;font-weight:700;color:#b0b0b0;text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px}.property-field label{font-size:11px;color:#b0b0b0;font-weight:600;margin-bottom:2px}.property-input-dark{background:#232323;border:1px solid #444;color:#e6e6e6;font-size:13px;border-radius:3px;padding:4px 8px;box-shadow:none;outline:none;transition:border .2s}.property-input-dark:focus{border:1.5px solid #4a90e2}.aspect-ratio-lock{background:none;padding:0;margin-top:0}.lock-btn{background:#232323;border:1px solid #444;color:#b0b0b0;border-radius:3px;width:24px;height:24px;margin-right:6px}.lock-btn.locked{background:#4a90e2;color:#fff;border-color:#4a90e2}.lock-label{font-size:11px;color:#b0b0b0}.appearance-row{background:none;padding:0;border-radius:0;gap:8px;margin-bottom:6px}.appearance-label{color:#e6e6e6;font-size:13px;gap:6px}.appearance-icon{width:20px;height:20px;background:#232323;border:1px solid #444;border-radius:3px;display:flex;align-items:center;justify-content:center}.fill-icon{background:#fff;color:#232323;border:1px solid #444}.stroke-icon{background:#232323;color:#fff;border:1.5px solid #fff}.color-picker-input{width:28px;height:20px;border:1px solid #444;border-radius:3px;background:#232323;padding:0}.color-swatch.disabled{background:#232323;border:1px solid #444;color:#888}.stroke-width-input{width:40px;background:#232323;border:1px solid #444;color:#e6e6e6;border-radius:3px;font-size:13px;padding:2px 6px}.opacity-input-small{width:48px;background:#232323;border:1px solid #444;color:#e6e6e6;border-radius:3px;font-size:13px;padding:2px 6px}.unit-small{color:#b0b0b0;font-size:11px;margin-left:2px}.property-section.fx{min-height:32px;border-bottom:1px solid #393939}.property-section.align{display:flex;align-items:center;gap:8px;padding:12px 18px 0}.align-btn{background:#232323;border:1px solid #444;color:#e6e6e6;border-radius:3px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:2px;font-size:15px;transition:background .15s,border .15s}.align-btn.active,.align-btn:hover{background:#444;border-color:#4a90e2;color:#fff}.property-section.pathfinder{display:flex;align-items:center;gap:8px;padding:12px 18px 0}.pathfinder-btn{background:#232323;border:1px solid #444;color:#e6e6e6;border-radius:3px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:2px;font-size:15px;transition:background .15s,border .15s}.pathfinder-btn:disabled{opacity:.4}.pathfinder-btn.active,.pathfinder-btn:hover{background:#444;border-color:#4a90e2;color:#fff}.property-section.quick-actions{display:flex;flex-direction:column;gap:8px;padding:14px 18px 18px}.quick-action-row{display:flex;gap:8px}.quick-action-btn{flex:1;background:#232323;border:1px solid #444;color:#e6e6e6;border-radius:3px;font-size:13px;padding:7px 0;text-align:center;cursor:pointer;transition:background .15s,border .15s}.quick-action-btn.active,.quick-action-btn:hover{background:#444;border-color:#4a90e2;color:#fff}.quick-action-btn.blue{color:#4a90e2;border-color:#4a90e2}.divider{border:none;border-top:1px solid #393939;margin:10px 0 0}.selection-rectangle{pointer-events:none;border:1.5px solid #7c3aed;border-radius:4px;box-sizing:border-box;z-index:10}.sidebar-resize-handle{width:6px;background:#232323;cursor:ew-resize;position:absolute;z-index:10;border-radius:0;transition:background .2s}.sidebar-resize-handle:hover{background:#444}.sidebar-resize-handle-left{left:0;top:0;height:100%;border-radius:0}.sidebar-resize-handle-right{right:0;top:0;height:100%;border-radius:0}.resize-handle.handle-e,.resize-handle.handle-w{cursor:ew-resize}.nocode-builder img[src$=".svg"],.nocode-builder svg,.nocode-builder .lucide,.nocode-builder .lucide-icon{border-radius:0!important;margin:0!important;vertical-align:baseline!important;display:inline-block!important}.nocode-builder{width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--bg-color, #1a1a1a);color:var(--text-color, #ffffff);overflow:hidden;position:fixed;top:0;left:0;z-index:9999}.builder-loading{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1a;color:#fff;gap:20px}.builder-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-color, #7c3aed);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.builder-topbar{height:60px;background:#0006;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-left{display:flex;align-items:center;gap:20px}.topbar-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-color);font-size:14px;cursor:pointer;transition:all .2s}.topbar-back-btn:hover{background:#ffffff1a;border-color:#fff3}.topbar-project-name{font-size:16px;font-weight:600;color:var(--text-color)}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-preview-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.topbar-preview-btn:hover{background:#ffffff26;border-color:#ffffff4d}.topbar-deploy-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent-color, #7c3aed);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.topbar-deploy-btn:hover{opacity:.9;transform:translateY(-1px)}.builder-main{flex:1;display:flex;overflow:hidden}.builder-canvas-area{flex:1;display:flex;overflow:hidden;position:relative}.builder-left-sidebar{background:#0006;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;flex-shrink:0;position:relative}.sidebar-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);padding:8px;gap:4px}.sidebar-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:#fff9;font-size:13px;cursor:pointer;transition:all .2s}.sidebar-tab:hover,.sidebar-tab.active{background:#444;color:#fff}.sidebar-tab span{display:none}@media (min-width: 1200px){.sidebar-tab span{display:inline}}.topbar-preview-btn,.topbar-deploy-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#232323;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.topbar-preview-btn:hover,.topbar-deploy-btn:hover{background:#444;border-color:#666}.page-item{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;cursor:pointer;transition:all .2s;position:relative}.page-item:hover{background:#ffffff14;border-color:#ffffff1a}.page-item.active{background:#7c3aed33;border-color:var(--accent-color, #7c3aed)}.page-visibility{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.page-visibility:hover{color:#ffffffe6}.page-item span{flex:1;font-size:14px;color:var(--text-color)}.page-chevron{color:#ffffff4d}.add-page-btn{margin:12px;padding:10px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:6px;color:var(--text-color);font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s}.add-page-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.sidebar-bottom-controls{border-top:1px solid rgba(255,255,255,.1);background:#00000080;padding:12px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.unified-controls{display:flex;flex-direction:column;gap:8px}.unified-control-group{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px}.unified-control-group svg{color:#ffffff80;flex-shrink:0}.unified-input{flex:1;background:transparent;border:none;color:#fff;font-size:13px;text-align:center;outline:none;padding:4px 6px;width:50px;cursor:ew-resize;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;font-weight:500}.unified-input::-webkit-inner-spin-button,.unified-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.unified-input:focus{cursor:text;background:#ffffff0d;border-radius:4px}.unified-unit{font-size:12px;color:#ffffff80;flex-shrink:0}.unified-actions{display:flex;gap:6px}.unified-action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:6px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffff80;cursor:pointer;transition:all .2s}.unified-action-btn:hover{background:#ffffff0d;color:#fffc;border-color:#fff3}.unified-action-btn.active{background:var(--accent-color, #7c3aed);border-color:var(--accent-color, #7c3aed);color:#fff}.zoom-control-group{position:relative}.zoom-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff0d;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;transition:all .2s;flex-shrink:0}.zoom-btn:hover{background:#ffffff1a;color:#fff}.zoom-input-wrapper{display:flex;align-items:center;gap:4px;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:2px 6px;position:relative;flex:1}.zoom-input{width:45px!important;text-align:right!important;cursor:text!important}.zoom-dropdown-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:2px;transition:color .2s}.zoom-dropdown-btn:hover{color:#fff}.zoom-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#282828fa;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:4px;min-width:120px;z-index:1000;box-shadow:0 8px 24px #00000080}.zoom-preset{padding:8px 12px;font-size:13px;color:#fff;cursor:pointer;border-radius:4px;transition:background .2s}.zoom-preset:hover{background:#ffffff1a}.zoom-preset.active{background:var(--accent-color, #7c3aed)}.zoom-divider{height:1px;background:#ffffff1a;margin:4px 0}.rotation-control-group{position:relative}.rotation-input{width:40px!important;cursor:ew-resize!important}.rotation-slider-track{width:60px;height:4px;background:#ffffff26;border-radius:2px;position:relative;cursor:ew-resize;flex-shrink:0}.rotation-slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--accent-color, #7c3aed);border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0000004d;pointer-events:none}.components-panel{display:flex;flex-direction:column;height:100%}.components-list{flex:1;overflow-y:auto;padding:12px}.component-category{margin-bottom:20px}.category-header{font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px}.component-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;cursor:grab;transition:all .2s}.component-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(4px)}.component-item:active{cursor:grabbing}.component-item span{font-size:14px;color:var(--text-color)}.animations-list{flex:1;overflow-y:auto;padding:12px}.animation-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;cursor:pointer;transition:all .2s}.animation-item span{font-size:14px;color:var(--text-color)}.api-panel{display:flex;flex-direction:column;height:100%}.api-list{flex:1;overflow-y:auto;padding:12px}.add-api-btn{width:100%;padding:10px;margin-bottom:12px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:6px;color:var(--text-color);font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s}.add-api-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.api-item{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;margin-bottom:4px;cursor:pointer;transition:all .2s}.api-item:hover{background:#ffffff14;border-color:#ffffff26}.api-details{flex:1;display:flex;align-items:center;gap:8px}.api-method{padding:2px 8px;background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:4px;font-size:11px;font-weight:600;color:#22c55e}.api-path{font-size:13px;color:var(--text-color);font-family:Courier New,monospace}.builder-canvas{flex:1;background:#0f0f0f;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px;position:relative;overflow:hidden;cursor:default}.canvas-viewport{width:100%;height:100%;display:flex;gap:40px;padding:60px;transform-origin:center center;transition:transform .1s ease-out}.canvas-artboard{background:#fff!important;border-radius:16px!important;box-shadow:0 4px 32px #0000001a,0 1.5px 6px #00000014!important;margin:24px 0!important;position:relative;overflow:visible;transition:box-shadow .2s,border .2s;min-width:600px!important;min-height:400px!important;cursor:crosshair;display:flex;align-items:flex-start;justify-content:flex-start;flex-shrink:0}.canvas-artboard.active{outline:3px solid var(--accent-color, #7c3aed);outline-offset:-3px}.artboard-header{padding:12px 16px;background:#00000008;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#333}.artboard-dimensions{font-size:11px;color:#666;font-family:Courier New,monospace}.artboard-content{flex:1;position:relative;background:#fff}.artboard-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;gap:12px}.artboard-empty p{font-size:14px}.artboard-container{flex:1;display:flex;align-items:center;justify-content:center;background:#f5f5f5;overflow:hidden}.artboard-frame{position:relative;display:flex;align-items:center;justify-content:center}.artboard-shadow{position:absolute;background:#00000026;border-radius:8px;box-shadow:0 20px 40px #0000004d;z-index:0}.artboard-content{position:relative;border-radius:4px;box-shadow:0 4px 20px #0000001a;z-index:1;overflow:hidden}.builder-right-sidebar{background:#0006;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;flex-shrink:0;position:relative}.sidebar-resize-handle{position:absolute;top:0;bottom:0;width:4px;cursor:col-resize;z-index:10;transition:background .2s}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:var(--accent-color, #7c3aed)}.sidebar-resize-handle-right{right:0}.sidebar-resize-handle-left{left:0}.properties-content{flex:1;overflow-y:auto;padding:16px}.properties-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff6;gap:12px}.properties-empty p{font-size:13px;text-align:center}.properties-form{display:flex;flex-direction:column;gap:20px}.property-section{display:flex;flex-direction:column;gap:12px}.section-title{font-size:12px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.property-input{display:flex;flex-direction:column;gap:6px}.property-input label{font-size:12px;color:#fff9;font-weight:500}.property-input input{padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-color);font-size:13px;outline:none;transition:all .2s}.property-input input:focus{background:#ffffff14;border-color:var(--accent-color, #7c3aed)}.property-input input[type=color]{height:40px;cursor:pointer}.property-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.property-field{display:flex;flex-direction:column;gap:4px}.property-field.full-width{grid-column:1 / -1}.property-field label{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.3px}.property-input-dark{padding:6px 8px;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-size:13px;outline:none;transition:all .2s}.property-input-dark:focus{border-color:var(--accent-color, #7c3aed);background:#1f1f1f}.aspect-ratio-lock{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;background:#ffffff08;border-radius:4px}.lock-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff9;cursor:pointer;transition:all .2s}.lock-btn:hover{background:#ffffff1a;color:#fff}.lock-btn.locked{background:var(--accent-color, #7c3aed);border-color:var(--accent-color, #7c3aed);color:#fff}.lock-label{font-size:12px;color:#fff9}.appearance-row{display:flex;align-items:center;gap:10px;padding:8px;background:#ffffff08;border-radius:4px;transition:background .2s}.appearance-row:hover{background:#ffffff0d}.appearance-radio{width:14px;height:14px;margin:0;cursor:pointer}.appearance-label{display:flex;align-items:center;gap:8px;flex:1;font-size:12px;color:#fff;cursor:pointer}.appearance-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:3px}.fill-icon{background:#fff;color:#000}.stroke-icon{background:transparent;border:1.5px solid white;color:#fff}.opacity-icon{background:#ffffff80;color:#fff}.appearance-controls{display:flex;align-items:center;gap:6px}.color-picker-input{width:32px;height:24px;border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer;background:transparent;padding:2px}.color-swatch{width:32px;height:24px;border:1px solid rgba(255,255,255,.15);border-radius:4px;display:flex;align-items:center;justify-content:center;background:#ffffff0d}.color-swatch.disabled{cursor:not-allowed;opacity:.5}.opacity-input-small{width:45px;padding:4px 6px;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-size:12px;text-align:center}.stroke-width-input{width:50px;padding:4px 6px;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-size:12px;text-align:center}.unit-small{font-size:11px;color:#ffffff80}.unit-inline{font-size:11px;color:#ffffff80;margin-left:4px}.opacity-slider{flex:1;height:4px;border-radius:2px;background:#ffffff26;-webkit-appearance:none;appearance:none;cursor:pointer}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-color, #7c3aed);border:2px solid white;cursor:pointer;box-shadow:0 2px 4px #0000004d}.opacity-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-color, #7c3aed);border:2px solid white;cursor:pointer;box-shadow:0 2px 4px #0000004d}.font-select,.font-weight,.property-select{padding:6px 8px;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-size:13px;outline:none;cursor:pointer}.font-select:focus,.font-weight:focus,.property-select:focus{border-color:var(--accent-color, #7c3aed)}.builder-toolbar{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:12px;background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 8px 32px #0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100}.toolbar-tools{display:flex;gap:4px}.toolbar-btn{background:#232323;border:none;color:#e6e6e6;padding:12px 16px;border-radius:8px;font-size:20px;margin:0 4px;transition:background .15s,color .15s,box-shadow .15s;outline:none;box-shadow:none;display:flex;align-items:center;justify-content:center}.toolbar-btn svg{width:32px;height:32px;display:block}.zoom-level{color:#e6e6e6;font-size:18px;font-weight:600;margin:0 12px;min-width:60px;text-align:center;display:inline-block}.sidebar-content::-webkit-scrollbar,.pages-list::-webkit-scrollbar,.components-list::-webkit-scrollbar,.animations-list::-webkit-scrollbar,.api-list::-webkit-scrollbar,.properties-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track,.pages-list::-webkit-scrollbar-track,.components-list::-webkit-scrollbar-track,.animations-list::-webkit-scrollbar-track,.api-list::-webkit-scrollbar-track,.properties-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb,.pages-list::-webkit-scrollbar-thumb,.components-list::-webkit-scrollbar-thumb,.animations-list::-webkit-scrollbar-thumb,.api-list::-webkit-scrollbar-thumb,.properties-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover,.pages-list::-webkit-scrollbar-thumb:hover,.components-list::-webkit-scrollbar-thumb:hover,.animations-list::-webkit-scrollbar-thumb:hover,.api-list::-webkit-scrollbar-thumb:hover,.properties-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 1400px){.builder-left-sidebar{width:240px}.builder-right-sidebar{width:260px}}@media (max-width: 1200px){.builder-left-sidebar,.builder-right-sidebar{width:220px}.canvas-artboard{min-width:1000px;height:700px}}.builder-canvas.cursor-grab{cursor:grab}.builder-canvas.cursor-grab:active,.builder-canvas.cursor-grabbing{cursor:grabbing}.canvas-element{border:2px solid transparent;transition:border-color .2s;cursor:move;display:flex;align-items:center;justify-content:center;font-size:14px;color:#333;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.canvas-element:hover{border-color:#7c3aed4d}.canvas-element.selected{border-color:var(--accent-color, #7c3aed)!important;box-shadow:0 0 0 1px var(--accent-color, #7c3aed)}.temp-drawing-element{position:absolute;pointer-events:none;z-index:1000}.artboard-resize-handle{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;background:var(--accent-color, #7c3aed);border:2px solid #ffffff;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:nwse-resize;z-index:10;transition:all .2s}.artboard-resize-handle:hover{transform:scale(1.1);box-shadow:0 2px 8px #0000004d}.artboard-resize-handle svg{color:#fff}.animations-panel{display:flex;flex-direction:column;height:100%}.animations-content{flex:1;overflow-y:auto;padding:16px}.animation-section{margin-bottom:20px}.animation-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;transition:all .2s}.animation-item:hover{background:#ffffff14;border-color:#ffffff26}.animation-item span{flex:1;font-size:14px;color:var(--text-color)}.animation-item .apply-btn{padding:4px 12px;background:var(--accent-color, #7c3aed);border:none;border-radius:4px;color:#fff;font-size:12px;cursor:pointer;transition:opacity .2s}.animation-item .apply-btn:hover{opacity:.9}.integrations-panel{display:flex;flex-direction:column;height:100%}.integrations-content{flex:1;overflow-y:auto;padding:16px}.add-integration-btn{width:100%;padding:10px;margin-bottom:16px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:6px;color:var(--text-color);font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s}.add-integration-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.integrations-list{display:flex;flex-direction:column;gap:16px}.integration-category{display:flex;flex-direction:column;gap:8px}.integration-item{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;transition:all .2s}.integration-item:hover{background:#ffffff14;border-color:#ffffff26}.integration-details{flex:1;display:flex;flex-direction:column;gap:2px}.integration-name{font-size:14px;font-weight:500;color:var(--text-color)}.integration-desc{font-size:12px;color:#ffffff80}.config-btn{padding:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-color);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.config-btn:hover{background:#ffffff1a;border-color:#fff3}.properties-panel{display:flex;flex-direction:column;height:100%}.properties-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-color);background:#0000004d}.component-item{cursor:grab;-webkit-user-select:none;user-select:none}.component-item:active{cursor:grabbing;opacity:.5}.canvas-artboard{transition:transform .3s ease-out;transform-origin:center center}.canvas-artboard:hover{box-shadow:0 15px 50px #000000b3}.context-menu-overlay{position:fixed;inset:0;z-index:9998}.context-menu{position:fixed;z-index:9999;background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px;min-width:180px;box-shadow:0 8px 32px #00000080}.context-menu button{width:100%;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;text-align:left;transition:all .2s}.context-menu button:hover:not(:disabled){background:#ffffff1a}.context-menu button:disabled{opacity:.4;cursor:not-allowed}.context-menu button.danger{color:#ef4444}.context-menu button.danger:hover:not(:disabled){background:#ef44441a}.context-menu-divider{height:1px;background:#ffffff1a;margin:4px 0}.assets-panel{display:flex;flex-direction:column;height:100%}.assets-upload{padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.upload-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;font-size:14px;width:100%;justify-content:center}.upload-btn:hover{background:#ffffff1a}.assets-grid{flex:1;padding:12px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;align-content:start}.asset-item{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:grab;transition:all .2s;display:flex;flex-direction:column}.asset-item:hover{border-color:var(--accent-color, #7c3aed);transform:translateY(-2px)}.asset-item:active{cursor:grabbing;opacity:.5}.asset-item img{width:100%;height:100%;object-fit:cover}.asset-name{font-size:11px;padding:4px;background:#00000080;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:absolute;bottom:0;left:0;right:0}.assets-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#ffffff4d;text-align:center}.assets-empty p{margin:8px 0 0}.assets-hint{font-size:12px;opacity:.7}.canvas-viewport{transition:transform .15s ease-out}.canvas-viewport.panning{transition:none}.sidebar-content{overflow-y:auto;overflow-x:hidden}.appearance-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.appearance-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff08;border-radius:4px;font-size:13px}.appearance-icon-box{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:3px}.appearance-label{flex:1;color:#ffffffb3}.appearance-color{width:30px;height:22px;border:1px solid rgba(255,255,255,.2);border-radius:3px;cursor:pointer}.appearance-size{width:50px;padding:4px 6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:3px;color:#fff;font-size:12px}.appearance-slider{flex:1;height:4px;background:#ffffff1a;border-radius:2px;outline:none;appearance:none;-webkit-appearance:none}.appearance-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.appearance-value{min-width:45px;text-align:right;font-size:12px;color:#fff9}.character-section{margin-top:16px}.character-controls{display:flex;flex-direction:column;gap:8px}.font-select,.font-weight{width:100%;padding:6px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:13px}.size-controls{display:flex;align-items:center;gap:6px}.font-size{flex:1;padding:6px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:13px}.unit{font-size:12px;color:#ffffff80}.char-spacing{display:flex;align-items:center;gap:6px}.char-spacing label{font-size:11px;color:#fff9;min-width:20px}.char-spacing select,.char-spacing input{flex:1;padding:6px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:12px}.paragraph-section{margin-top:16px}.alignment-buttons{display:flex;gap:4px}.alignment-btn{flex:1;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.alignment-btn:hover{background:#ffffff1a}.alignment-btn.active{background:var(--accent-color, #7c3aed);border-color:var(--accent-color, #7c3aed)}.adobe-properties-panel{background:#323232;color:#e6e6e6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px;height:100%;overflow-y:auto}.adobe-properties-content{padding:0}.adobe-properties-form{display:flex;flex-direction:column}.adobe-section{border-bottom:1px solid #4a4a4a;padding:12px 16px}.adobe-section:last-child{border-bottom:none}.adobe-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.adobe-section-title{font-weight:600;font-size:11px;color:#e6e6e6;text-transform:uppercase;letter-spacing:.5px}.adobe-transform-icon{color:#999}.adobe-transform-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:12px}.adobe-input-group{display:flex;align-items:center;gap:6px}.adobe-input-group label{color:#b8b8b8;font-size:11px;width:12px;text-align:right}.adobe-input{background:#4a4a4a;border:1px solid #5a5a5a;color:#e6e6e6;padding:4px 6px;font-size:11px;border-radius:2px;width:100%;min-width:0}.adobe-input:focus{border-color:#0078d4;outline:none;background:#505050}.adobe-transform-controls{display:flex;align-items:center;justify-content:space-between}.adobe-angle-control{display:flex;align-items:center;gap:4px;color:#b8b8b8;font-size:11px}.adobe-constraint-controls{display:flex;gap:4px}.adobe-constraint-btn{background:#4a4a4a;border:1px solid #5a5a5a;color:#b8b8b8;padding:4px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}.adobe-constraint-btn:hover{background:#555;border-color:#666}.adobe-constraint-btn.active{background:#0078d4;border-color:#0078d4;color:#fff}.adobe-appearance-controls{display:flex;flex-direction:column;gap:8px}.adobe-appearance-row{display:flex;align-items:center;gap:8px;min-height:24px}.adobe-appearance-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#b8b8b8}.adobe-appearance-label{color:#e6e6e6;font-size:11px;min-width:50px}.adobe-color-input{width:24px;height:16px;border:1px solid #5a5a5a;border-radius:2px;cursor:pointer;padding:0;background:none}.adobe-stroke-input{background:#4a4a4a;border:1px solid #5a5a5a;color:#e6e6e6;padding:2px 6px;font-size:11px;border-radius:2px;width:50px}.adobe-stroke-dropdown{background:#4a4a4a;border:1px solid #5a5a5a;color:#b8b8b8;padding:2px 4px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}.adobe-stroke-dropdown:hover{background:#555}.adobe-opacity-input{background:#4a4a4a;border:1px solid #5a5a5a;color:#e6e6e6;padding:2px 6px;font-size:11px;border-radius:2px;width:60px}.adobe-opacity-expand{background:#4a4a4a;border:1px solid #5a5a5a;color:#b8b8b8;padding:2px 4px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:8px}.adobe-opacity-expand:hover{background:#555}.adobe-align-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.adobe-align-btn{background:#4a4a4a;border:1px solid #5a5a5a;color:#b8b8b8;padding:8px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.adobe-align-btn:hover{background:#555;border-color:#666}.adobe-expand-btn{background:none;border:none;color:#888;font-size:10px;cursor:pointer;padding:2px 8px;border-radius:2px}.adobe-expand-btn:hover{background:#4a4a4a;color:#b8b8b8}.adobe-pathfinder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.adobe-pathfinder-btn{background:#4a4a4a;border:1px solid #5a5a5a;color:#b8b8b8;padding:8px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.adobe-pathfinder-btn:hover{background:#555;border-color:#666}.adobe-quick-actions{border-bottom:none!important}.adobe-quick-actions-grid{display:flex;flex-direction:column;gap:4px}.adobe-quick-action-btn{background:#4a4a4a;border:1px solid #5a5a5a;color:#e6e6e6;padding:8px 12px;font-size:11px;border-radius:2px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:6px}.adobe-quick-action-btn:hover{background:#555;border-color:#666}.adobe-quick-action-btn.full-width{width:100%}.adobe-quick-action-btn.adobe-generative{background:linear-gradient(135deg,#4a4a4a,#5a5a5a);border-color:#6a6a6a}.adobe-quick-action-btn.adobe-generative:hover{background:linear-gradient(135deg,#555,#666)}.adobe-gen-icon{font-size:12px;color:gold}.nocode-builder{display:flex;flex-direction:column;height:100vh;background:var(--bg-color, #1a1a1a);color:var(--text-color, #ffffff)}.builder-topbar{height:50px;background:var(--bg-color, #1a1a1a);border-bottom:1px solid #333;display:flex;align-items:center;padding:0 20px;flex-shrink:0}.builder-main{display:flex;flex:1;overflow:hidden}.builder-left-sidebar{width:280px;background:#2c2c2c;border-right:1px solid #444;display:flex;flex-direction:column;flex-shrink:0}.builder-canvas-area{flex:1;display:flex;flex-direction:column;background:#1e1e1e;overflow:hidden}.builder-right-sidebar{width:300px;background:#2c2c2c;border-left:1px solid #444;display:flex;flex-direction:column;flex-shrink:0}.sidebar-resize-handle{position:absolute;top:0;bottom:0;width:4px;background:transparent;cursor:ew-resize;z-index:10}.sidebar-resize-handle:hover{background:var(--accent-color, #7c3aed)}.sidebar-resize-handle-left{right:-2px}.sidebar-resize-handle-right{left:-2px}.builder-toolbar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#2c2c2c;border:1px solid #444;border-radius:8px;padding:4px;display:flex;gap:2px;z-index:100}.toolbar-btn{background:#232323;border:none;color:#e6e6e6;padding:6px 8px;border-radius:8px;font-size:10px;margin:0 2px;transition:background .15s,color .15s,box-shadow .15s;outline:none;box-shadow:none;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:#333;color:#fff}.toolbar-btn.active{background:#7c3aed;color:#fff;box-shadow:0 2px 8px #7c3aed1f}.toolbar-btn svg{width:16px;height:16px;display:block}.zoom-level{color:#e6e6e6;font-size:10px;font-weight:600;margin:0 6px;min-width:30px;text-align:center;display:inline-block}/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.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,.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{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;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.terminal-fixed{position:fixed;bottom:0;left:0;right:0;height:50vh;max-height:calc(100vh - 60px);z-index:10000;transition:transform .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);transform:translateY(0);will-change:transform,height}.terminal-fixed.collapsed{transform:translateY(100%)}.terminal-panel{width:100%;height:100%;display:flex;flex-direction:column;background:var(--widget-card-color);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.terminal-fixed.maximized{height:calc(100vh - 60px)}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1);min-height:48px;flex-shrink:0;overflow:visible}.terminal-title{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px;font-weight:500}.terminal-title svg{color:var(--primary-color)}.status-indicator{width:8px;height:8px;border-radius:50%;margin-left:8px}.status-indicator.connected{background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.status-indicator.disconnected{background:#ef4444;box-shadow:0 0 8px #ef4444}.terminal-actions{display:flex;gap:8px}.terminal-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.terminal-action-btn:hover{background:#ffffff1a;border-color:var(--primary-color);transform:translateY(-1px)}.terminal-action-btn.active{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color);color:var(--primary-color)}.terminal-action-btn svg{flex-shrink:0}.terminal-action-btn.reconnect-btn-header{background:#484848fa;border-color:#d8e7e833;color:#d8e7e8}.terminal-action-btn.reconnect-btn-header:hover{background:#484848d9;border-color:#d8e7e8}.terminal-body{flex:1;padding:12px;overflow:auto;background:#1a1a1a;position:relative;transition:filter .3s ease,opacity .3s ease;min-height:0}.terminal-body.terminal-disconnected{filter:blur(1px);opacity:.75;pointer-events:none}.terminal-body .xterm{height:100%;width:100%}.terminal-body .xterm-viewport{overflow-y:auto!important;overflow-x:hidden!important}.terminal-body .xterm-screen{height:100%!important}.terminal-error{padding:12px 16px;background:#ef44441a;border-top:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:12px}[data-theme=dark] .terminal-panel{background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .terminal-header{background:#0006}[data-theme=light] .terminal-panel{background:#fffffff2}[data-theme=light] .terminal-header{background:#0000000d}[data-theme=light] .terminal-body{background:#f8f8f8}[data-theme=light] .terminal-body .xterm,[data-theme=light] .terminal-body .xterm .xterm-screen{background:#f8f8f8!important}.reconnect-btn-header{background:rgba(var(--primary-color-rgb),.15)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important;animation:reconnectHeaderPulse 1.5s ease-in-out infinite}.reconnect-btn-header:hover{background:rgba(var(--primary-color-rgb),.25)!important;transform:translateY(-2px)}@keyframes reconnectHeaderPulse{0%,to{box-shadow:0 0 rgba(var(--primary-color-rgb),.4)}50%{box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),0)}}.terminal-toolbar{display:flex;flex-direction:column;gap:12px;padding:12px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);max-height:40vh;overflow-y:auto;overflow-x:visible;position:relative;z-index:1;flex-shrink:0}.toolbar-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;overflow:visible;flex-shrink:0}.toolbar-section{display:flex;align-items:center;gap:8px;flex-shrink:0}.toolbar-label{color:#ffffffb3;font-size:12px;font-weight:500;white-space:nowrap}.platform-selector-dropdown{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .2s ease;outline:none}.platform-selector-dropdown:hover{background:#ffffff1a;border-color:var(--primary-color)}.platform-selector-dropdown option{background:var(--widget-card-color);color:var(--text-primary)}.platform-selector-container{position:relative;min-width:160px}.platform-selector-button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 14px;cursor:pointer;transition:all .2s ease;width:100%;font-size:13px;height:40px;box-sizing:border-box;color:var(--text-primary)}.platform-selector-button:hover{background:#ffffff0d;border-color:var(--primary-color)}.platform-selector-button svg:first-child{flex-shrink:0;opacity:.6}.platform-selector-button span{flex:1;text-align:left}.platform-selector-button .chevron-icon{transition:transform .2s ease;opacity:.6}.platform-dropdown{position:fixed;min-width:180px;background:var(--widget-card-color);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:10001;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.platform-option{display:flex;align-items:center;gap:10px;padding:12px 16px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;font-size:13px;color:var(--text-primary);width:100%;text-align:left}.platform-option:first-child{border-radius:12px 12px 0 0}.platform-option:last-child{border-radius:0 0 12px 12px}.platform-option:hover{background:#ffffff0d}.platform-option.active{font-weight:600;background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.platform-option svg{flex-shrink:0;opacity:.8}.category-filter-container{position:relative;min-width:200px}.category-filter-button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 14px;cursor:pointer;transition:all .2s ease;width:100%;font-size:13px;height:40px;box-sizing:border-box;color:var(--text-primary)}.category-filter-button:hover{background:#ffffff0d;border-color:var(--primary-color)}.category-filter-button svg:first-child{flex-shrink:0;opacity:.6}.category-filter-button span{flex:1;text-align:left}.chevron-icon{transition:transform .2s ease;opacity:.6}.chevron-icon.open{transform:rotate(180deg)}.category-dropdown{position:fixed;min-width:200px;max-height:320px;overflow-y:auto;background:var(--widget-card-color);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:10001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.category-option{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:all .2s ease;font-size:13px;color:var(--text-primary)}.category-option:first-child{border-radius:12px 12px 0 0}.category-option:last-child{border-radius:0 0 12px 12px}.category-option:hover{background:#ffffff0d}.category-option.active{font-weight:600;background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.category-option svg{flex-shrink:0;opacity:.8}.toolbar-scripts{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-top:8px;position:relative;z-index:1;flex-shrink:0}.script-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:static}.no-scripts-message{color:#ffffff80;font-size:12px;font-style:italic;padding:8px 0}.nested-dropdown-container{position:relative}.script-btn.nested-trigger{padding-right:32px;position:relative}.nested-chevron{position:absolute;right:10px;transition:transform .2s ease;opacity:.6}.nested-chevron.open{transform:rotate(180deg)}.nested-dropdown{position:fixed;min-width:200px;background:var(--widget-card-color);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:10001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;max-height:300px;overflow-y:auto}.nested-option{display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;border:none;color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;white-space:nowrap}.nested-option:hover:not(:disabled){background:rgba(var(--primary-color-rgb),.15);color:var(--primary-color)}.nested-option:disabled{opacity:.4;cursor:not-allowed}.nested-option svg{flex-shrink:0}.toolbar-label{color:var(--text-secondary);font-size:13px;font-weight:500}.platform-selector{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease;outline:none}.platform-selector:hover{background:#ffffff1a;border-color:var(--primary-color)}.platform-selector option{background:var(--widget-card-color);color:var(--text-primary)}.script-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#484848fa;border:1px solid rgba(216,231,232,.2);border-radius:10px;color:#d8e7e8;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s ease;flex-shrink:0}.script-btn:hover:not(:disabled){background:#484848d9;border-color:#d8e7e8;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.script-btn:disabled{opacity:.5;cursor:not-allowed}.script-btn svg{width:16px;height:16px;flex-shrink:0}.terminal-reconnect-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.reconnect-overlay-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#484848fa;border:1px solid rgba(216,231,232,.2);border-radius:10px;color:#d8e7e8;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000004d;animation:reconnectPulse 2s infinite}.reconnect-overlay-btn:hover{background:#484848d9;border-color:#d8e7e8;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.reconnect-overlay-btn svg{width:20px;height:20px;flex-shrink:0}@keyframes reconnectPulse{0%,to{box-shadow:0 4px 12px #0000004d}50%{box-shadow:0 4px 20px #00000080}}[data-theme=light] .terminal-toolbar{background:#0000000d}[data-theme=light] .terminal-reconnect-overlay{background:#ffffff80}.deploy-wizard-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.deploy-wizard-modal{width:90%;max-width:900px;max-height:90vh;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #0006}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.deploy-wizard-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.08)}.header-content{display:flex;align-items:center;gap:16px}.header-content h2{margin:0;font-size:24px;font-weight:700}.header-content p{margin:4px 0 0;font-size:14px}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#ffffff1a}.close-button:disabled{opacity:.5;cursor:not-allowed}.deploy-wizard-stepper{display:flex;align-items:center;padding:20px 28px;background:#0003;overflow-x:auto;gap:8px}.step-item{display:flex;align-items:center;gap:8px;flex-shrink:0}.step-circle{width:32px;height:32px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .3s ease;flex-shrink:0}.step-circle.completed{animation:checkmark .4s ease}@keyframes checkmark{0%,50%{transform:scale(1)}25%{transform:scale(1.2)}to{transform:scale(1)}}.step-label{font-size:13px;font-weight:500;white-space:nowrap}.step-connector{width:40px;height:2px;flex-shrink:0;transition:all .3s ease}.deploy-wizard-content{flex:1;overflow-y:auto;padding:28px}.step-content{max-width:700px;margin:0 auto}.step-content h3{margin:0 0 8px;font-size:22px;font-weight:700}.step-content>p{margin:0 0 24px;font-size:15px}.build-type-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.build-option{padding:24px;border:2px solid;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:12px}.build-option:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.build-option.selected{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.option-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:#ffffff0d}.build-option h4{margin:4px 0;font-size:18px;font-weight:700}.build-option>p{margin:0;font-size:14px;line-height:1.5}.build-option ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}.build-option li{display:flex;align-items:center;gap:8px;font-size:13px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.required{color:#ef4444;margin-left:4px}.optional{color:#999;font-weight:400;font-size:13px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a}.form-group small{display:block;margin-top:6px;font-size:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.upload-section{margin-bottom:24px}.upload-header{margin-bottom:12px}.upload-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-bottom:4px}.upload-header small{display:block;font-size:12px;margin-left:26px}.upload-section label:first-child{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.file-upload-box{border:2px dashed;border-radius:12px;padding:24px;transition:all .2s ease;position:relative}.file-upload-box.compact{padding:16px 20px;border-radius:8px}.file-upload-box:hover{border-style:solid}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer}.file-upload-label.compact{flex-direction:row;gap:12px;align-items:center}.file-info{display:flex;flex-direction:column;gap:2px;flex:1}.file-info span{font-size:14px;font-weight:500}.file-info small{font-size:12px}.file-upload-label span{font-size:14px;font-weight:500}.file-upload-label small{font-size:12px}.upload-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff1a;border-radius:0 0 10px 10px;overflow:hidden}.progress-bar{height:100%;transition:width .3s ease}.detection-result{border:2px solid;border-radius:12px;padding:20px;margin-top:20px}.result-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.result-header h4{margin:0;font-size:18px;font-weight:700}.result-header p{margin:4px 0 0;font-size:14px}.detection-details{padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.detail-row code{padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.apis-list{margin-top:16px}.apis-list h5{margin:0 0 12px;font-size:15px;font-weight:600}.api-items{display:flex;flex-direction:column;gap:8px}.api-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;font-size:13px}.api-method{font-weight:700;font-size:11px;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#ffffff1a}.no-backend-message{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;text-align:center}.verify-dns-button{width:100%;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:16px}.verify-dns-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.verify-dns-button:disabled{cursor:not-allowed}.dns-result{margin-top:16px;padding:16px;border:2px solid;border-radius:8px;display:flex;align-items:flex-start;gap:12px}.dns-result strong{display:block;margin-bottom:4px;font-size:15px}.dns-result p{margin:0 0 8px;font-size:14px}.dns-result small{display:block;font-size:12px}.deployment-progress{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px}.deployment-progress p{font-size:15px;margin:0}.deployment-success{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;text-align:center}.deployment-success h4{margin:0;font-size:22px;font-weight:700}.deployment-success p{margin:0;font-size:15px}.visit-site-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;margin-top:16px;transition:all .2s ease}.visit-site-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.deployment-logs{margin-top:24px}.deployment-logs h5{margin:0 0 12px;font-size:15px;font-weight:600}.logs-container{max-height:300px;overflow-y:auto;border:1px solid;border-radius:8px;padding:16px;font-family:Courier New,monospace;font-size:12px;line-height:1.6}.log-entry{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.log-entry:last-child{border-bottom:none}.log-entry.error{color:#ef4444!important}.log-entry.success{color:#10b981!important}.log-entry.warning{color:#f59e0b!important}.deployment-summary{padding:20px;border-radius:12px;margin-top:20px}.deployment-summary h5{margin:0 0 16px;font-size:16px;font-weight:700}.summary-items{display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.summary-item strong{display:flex;align-items:center;gap:6px}.error-message{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid;border-radius:8px;margin-top:20px;font-size:14px}.info-banner{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid;border-radius:8px;font-size:14px}.info-banner strong{display:block;font-size:15px;font-weight:600}.deploy-wizard-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid rgba(255,255,255,.08);background:#0003}.wizard-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap}.wizard-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.wizard-button:disabled{opacity:.5;cursor:not-allowed}.wizard-button.secondary{border:1px solid}.wizard-button.primary{color:#fff}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.deploy-wizard-modal{width:95%;max-height:95vh}.build-type-options{grid-template-columns:1fr}.deploy-wizard-stepper{padding:16px 20px}.step-label{font-size:11px}.step-connector{width:20px}.deploy-wizard-content,.deploy-wizard-header{padding:20px}.deploy-wizard-footer{padding:16px 20px}}.deploy-wizard-content::-webkit-scrollbar,.logs-container::-webkit-scrollbar{width:8px}.deploy-wizard-content::-webkit-scrollbar-track,.logs-container::-webkit-scrollbar-track{background:#0003;border-radius:4px}.deploy-wizard-content::-webkit-scrollbar-thumb,.logs-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.deploy-wizard-content::-webkit-scrollbar-thumb:hover,.logs-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}