*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e0e0e0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d0d0d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}#root{width:100%;height:100%}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.error-boundary{background-color:#f8f9fa;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.error-boundary-content{text-align:center;max-width:480px}.error-icon{color:#dc3545;margin-bottom:24px}.error-title{color:#1a1a2e;margin:0 0 12px;font-size:24px;font-weight:600}.error-message{color:#6c757d;margin:0 0 24px;font-size:14px;line-height:1.6}.error-details{text-align:left;background:#fff;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:24px;overflow:hidden}.error-details summary{color:#495057;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:13px;font-weight:500}.error-details summary:hover{background:#f8f9fa}.error-stack{color:#dc3545;white-space:pre-wrap;word-break:break-word;background:#fff5f5;border-top:1px solid #e1e5e9;margin:0;padding:16px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;overflow-x:auto}.error-actions{justify-content:center;gap:12px;display:flex}.error-button{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.error-button.primary{color:#fff;background:#4f46e5;border:none}.error-button.primary:hover{background:#4338ca}.error-button.secondary{color:#495057;background:#fff;border:1px solid #e1e5e9}.error-button.secondary:hover{background:#f8f9fa;border-color:#ced4da}.export-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-modal{background-color:#1a1a1a;border:1px solid #2d2d2d;border-radius:12px;flex-direction:column;width:90vw;max-width:1200px;height:85vh;max-height:800px;display:flex;overflow:hidden;box-shadow:0 24px 48px #0006}.export-modal-header{border-bottom:1px solid #2d2d2d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.export-modal-header h2{color:#fff;margin:0;font-size:16px;font-weight:600}.export-modal-close{color:gray;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.export-modal-close:hover{color:#fff;background-color:#2d2d2d}.export-artboard-selector{margin-left:auto;margin-right:12px;position:relative}.export-artboard-button{color:#e0e0e0;cursor:pointer;background-color:#252525;border:1px solid #3d3d3d;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:all .15s;display:flex}.export-artboard-button:hover{background-color:#2d2d2d;border-color:#505050}.export-artboard-button svg{color:gray}.export-artboard-dropdown{z-index:100;background-color:#252525;border:1px solid #3d3d3d;border-radius:8px;min-width:220px;margin-top:4px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0006}.export-artboard-option{color:#e0e0e0;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:13px;transition:background-color .1s;display:flex}.export-artboard-option:hover{background-color:#3d3d3d}.export-artboard-option.active{color:#a5b4fc;background-color:#6366f133}.export-artboard-divider{background-color:#3d3d3d;height:1px;margin:4px 0}.artboard-option-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.artboard-option-size{color:#606060;flex-shrink:0;margin-left:12px;font-family:SF Mono,Monaco,monospace;font-size:11px}.export-modal-tabs{background-color:#151515;border-bottom:1px solid #2d2d2d;padding:0 20px;display:flex}.export-tab{color:gray;cursor:pointer;background:0 0;border:none;padding:12px 20px;font-size:13px;font-weight:500;transition:color .15s;position:relative}.export-tab:hover{color:#e0e0e0}.export-tab.active{color:#fff}.export-tab.active:after{content:"";background-color:#6366f1;height:2px;position:absolute;bottom:0;left:0;right:0}.export-modal-content,.export-preview-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.device-selector{background-color:#151515;border-bottom:1px solid #2d2d2d;gap:8px;padding:12px 20px;display:flex}.device-button{color:gray;cursor:pointer;background-color:#0000;border:1px solid #3d3d3d;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:all .15s;display:flex}.device-button:hover{color:#e0e0e0;background-color:#252525;border-color:#505050}.device-button.active{color:#fff;background-color:#6366f1;border-color:#6366f1}.preview-frame-wrapper{background-color:#0d0d0d;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:auto}.preview-frame-container{background-color:#fff;border-radius:4px;flex-shrink:0;transition:all .3s;overflow:hidden;box-shadow:0 8px 32px #0006}.preview-iframe{border:none;width:100%;height:100%;display:block}.preview-size-label{color:#606060;margin-top:12px;font-size:12px}.export-code-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.code-header{background-color:#151515;border-bottom:1px solid #2d2d2d;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.code-filename{color:#e0e0e0;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px}.code-copy-button{color:#e0e0e0;cursor:pointer;background-color:#252525;border:1px solid #3d3d3d;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.code-copy-button:hover{background-color:#3d3d3d;border-color:#505050}.code-copy-button.copied{color:#fff;background-color:#22c55e;border-color:#22c55e}.code-viewer{background-color:#0d0d0d;flex:1;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px;line-height:1.6;display:flex;overflow:auto}.code-line-numbers{color:#505050;text-align:right;-webkit-user-select:none;user-select:none;white-space:pre;background-color:#111;border-right:1px solid #2d2d2d;min-width:50px;padding:16px 12px}.code-content{color:#e0e0e0;white-space:pre;flex:1;margin:0;padding:16px;overflow:auto}.code-content .comment{color:#6a737d;font-style:italic}.code-content .doctype,.code-content .tag{color:#e06c75}.code-content .attr{color:#d19a66}.code-content .string{color:#98c379}.code-content .punctuation{color:gray}.code-content .selector{color:#e06c75}.code-content .property{color:#56b6c2}.code-content .value{color:#d19a66}.export-modal-footer{background-color:#151515;border-top:1px solid #2d2d2d;justify-content:flex-end;align-items:center;gap:12px;padding:16px 20px;display:flex}.export-button{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.export-button.secondary{color:#e0e0e0;background-color:#252525;border:1px solid #3d3d3d}.export-button.secondary:hover{background-color:#3d3d3d;border-color:#505050}.export-button.primary{color:#fff;background-color:#6366f1;border:1px solid #6366f1}.export-button.primary:hover{background-color:#5558e3;border-color:#5558e3}.code-viewer::-webkit-scrollbar{width:8px;height:8px}.preview-frame-wrapper::-webkit-scrollbar{width:8px;height:8px}.code-viewer::-webkit-scrollbar-track{background:#0d0d0d}.preview-frame-wrapper::-webkit-scrollbar-track{background:#0d0d0d}.code-viewer::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}.preview-frame-wrapper::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}.code-viewer::-webkit-scrollbar-thumb:hover{background:#505050}.preview-frame-wrapper::-webkit-scrollbar-thumb:hover{background:#505050}@media (max-width:768px){.export-modal{width:95vw;height:90vh;max-height:none}.device-selector{flex-wrap:wrap}.device-button span{display:none}.export-modal-footer{flex-wrap:wrap}.export-button{flex:1;justify-content:center;min-width:140px}}.image-export-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-export-modal{background-color:#1a1a1a;border:1px solid #2d2d2d;border-radius:12px;flex-direction:column;width:90vw;max-width:540px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 48px #0006}.image-export-header{border-bottom:1px solid #2d2d2d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-title{align-items:center;gap:10px;display:flex}.header-title svg{color:#6366f1}.header-title h2{color:#fff;margin:0;font-size:16px;font-weight:600}.close-btn{color:gray;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.close-btn:hover{color:#fff;background-color:#2d2d2d}.image-export-content{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.preview-section{flex-direction:column;align-items:center;gap:12px;display:flex}.preview-container{background:repeating-conic-gradient(#2a2a2a 0% 25%,#1a1a1a 0% 50%) 50%/16px 16px;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;width:100%;height:180px;display:flex;overflow:hidden}.preview-image{object-fit:contain;max-width:100%;max-height:100%}.preview-placeholder span{font-size:13px}.preview-dimensions{color:gray;font-family:SF Mono,Monaco,monospace;font-size:12px}.settings-section{flex-direction:column;gap:16px;display:flex}.settings-header{color:#888;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.settings-header svg{opacity:.7}.setting-group{flex-direction:column;gap:8px;display:flex}.setting-group label{color:#b0b0b0;font-size:13px;font-weight:500}.button-group{gap:6px;display:flex}.button-group button{color:#b0b0b0;cursor:pointer;background-color:#252525;border:1px solid #3d3d3d;border-radius:6px;flex:1;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s}.button-group button:hover:not(:disabled){color:#e0e0e0;background-color:#2d2d2d;border-color:#505050}.button-group button.active{color:#fff;background-color:#6366f1;border-color:#6366f1}.button-group button:disabled{opacity:.4;cursor:not-allowed}.slider-row{align-items:center;gap:12px;display:flex}.slider-row input[type=range]{appearance:none;background:#3c3c3c;border-radius:2px;outline:none;flex:1;height:4px}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#6366f1;border-radius:50%;width:16px;height:16px;transition:transform .1s}.slider-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-row input[type=range]::-moz-range-thumb{cursor:pointer;background:#6366f1;border:none;border-radius:50%;width:16px;height:16px}.slider-value{color:gray;text-align:right;min-width:40px;font-family:SF Mono,Monaco,monospace;font-size:12px}.background-options{flex-direction:column;gap:10px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-label input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:16px;height:16px}.checkbox-label span{color:#e0e0e0;font-size:13px}.color-picker-row{align-items:center;gap:10px;display:flex}.color-picker-row input[type=color]{cursor:pointer;background:0 0;border:1px solid #3d3d3d;border-radius:4px;width:36px;height:28px;padding:0}.color-picker-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-picker-row input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.color-picker-row span{color:gray;font-family:SF Mono,Monaco,monospace;font-size:12px}.image-export-footer{background-color:#151515;border-top:1px solid #2d2d2d;justify-content:flex-end;align-items:center;gap:12px;padding:16px 20px;display:flex}.cancel-btn{color:#b0b0b0;cursor:pointer;background-color:#0000;border:1px solid #3d3d3d;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s}.cancel-btn:hover{color:#e0e0e0;background-color:#252525;border-color:#505050}.export-btn{color:#fff;cursor:pointer;background-color:#6366f1;border:1px solid #6366f1;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.export-btn:hover:not(:disabled){background-color:#5558e3;border-color:#5558e3}.export-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.image-export-modal{max-width:calc(100vw - 32px)}.button-group button{padding:8px;font-size:11px}.preview-container{height:140px}}.website-export-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.website-export-modal{background:#fff;border-radius:1rem;flex-direction:column;width:100%;max-width:1000px;max-height:calc(100vh - 2rem);display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.website-export-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.website-export-title{align-items:center;gap:.75rem;display:flex}.website-export-title svg{color:#3b82f6}.website-export-title h2{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.website-export-subtitle{color:#6b7280;margin-top:.125rem;font-size:.75rem;display:block}.website-export-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.website-export-close:hover{color:#111827;background:#f3f4f6}.website-export-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:.25rem;padding:0 1.5rem;display:flex}.website-export-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.875rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.website-export-tab:hover:not(:disabled){color:#111827}.website-export-tab.active{color:#3b82f6;background:#fff;border-bottom-color:#3b82f6}.website-export-tab:disabled{opacity:.5;cursor:not-allowed}.website-export-badge{color:#fff;background:#3b82f6;border-radius:9999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.625rem;font-weight:600;display:inline-flex}.website-export-content{flex:1;min-height:400px;overflow-y:auto}.website-export-settings{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.website-export-section{background:#f9fafb;border-radius:.75rem;padding:1.25rem}.website-export-section-title{color:#111827;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.875rem;font-weight:600;display:flex}.website-export-section-title svg{color:#6b7280}.website-export-format-selector{position:relative}.website-export-format-button{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;width:100%;padding:.875rem 1rem;transition:all .2s;display:flex}.website-export-format-button:hover{border-color:#d1d5db}.website-export-format-button .format-name{color:#111827;flex:1;font-size:.875rem;font-weight:500}.website-export-format-button .format-description{color:#6b7280;margin-right:.5rem;font-size:.75rem}.website-export-format-dropdown{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a}.website-export-format-option{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;width:100%;padding:.875rem 1rem;transition:background .15s;display:flex}.website-export-format-option:hover{background:#f9fafb}.website-export-format-option.active{background:#eff6ff}.website-export-format-option .format-name{color:#111827;flex:1;font-size:.875rem;font-weight:500}.website-export-format-option .format-description{color:#6b7280;margin-right:.5rem;font-size:.75rem}.website-export-format-option svg{color:#3b82f6}.website-export-options{flex-direction:column;gap:.75rem;display:flex}.website-export-checkbox{cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.website-export-checkbox input{opacity:0;width:0;height:0;position:absolute}.website-export-checkbox .checkbox-mark{background:#fff;border:1px solid #d1d5db;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;margin-top:.125rem;transition:all .15s;display:flex}.website-export-checkbox input:checked+.checkbox-mark{background:#3b82f6;border-color:#3b82f6}.website-export-checkbox input:checked+.checkbox-mark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:.375rem;height:.625rem;margin-bottom:.125rem;transform:rotate(45deg)}.website-export-checkbox .checkbox-label{color:#111827;flex-direction:column;gap:.125rem;font-size:.875rem;display:flex}.website-export-checkbox .checkbox-hint{color:#6b7280;font-size:.75rem}.website-export-deploy-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.website-export-deploy-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;transition:all .2s;display:flex;position:relative}.website-export-deploy-option:hover:not(.disabled){border-color:#3b82f6}.website-export-deploy-option.active{background:#eff6ff;border-color:#3b82f6}.website-export-deploy-option.disabled{opacity:.5;cursor:not-allowed}.website-export-deploy-option svg{color:#6b7280}.website-export-deploy-option.active svg{color:#3b82f6}.website-export-deploy-option .deploy-name{color:#111827;font-size:.875rem;font-weight:500}.website-export-deploy-option .deploy-description{color:#6b7280;font-size:.75rem}.website-export-deploy-option .deploy-check{color:#3b82f6;position:absolute;top:.75rem;right:.75rem}.website-export-preview{flex-direction:column;height:100%;display:flex}.preview-device-bar{background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:.5rem;padding:1rem 1.5rem;display:flex}.preview-device-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.preview-device-btn:hover{background:#fff;border-color:#e5e7eb}.preview-device-btn.active{color:#3b82f6;background:#fff;border-color:#3b82f6}.preview-frame{background:#f3f4f6;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.preview-placeholder{color:#9ca3af;flex-direction:column;align-items:center;gap:1rem;display:flex}.preview-placeholder svg{opacity:.5}.preview-placeholder p{font-size:.875rem}.website-export-files{height:100%;min-height:400px;display:flex}.files-sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;width:240px;overflow-y:auto}.files-tree{padding:.5rem}.file-item{color:#4b5563;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.75rem;transition:all .15s;display:flex}.file-item:hover{background:#fff}.file-item.active{color:#fff;background:#3b82f6}.file-item svg{opacity:.6;flex-shrink:0}.file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.files-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.file-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.file-path{color:#111827;font-family:monospace;font-size:.75rem;font-weight:500}.file-actions{gap:.5rem;display:flex}.file-action-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;transition:all .15s;display:flex}.file-action-btn:hover{color:#111827;border-color:#d1d5db}.file-action-btn.copied{color:#16a34a;background:#dcfce7;border-color:#22c55e}.file-code{color:#d4d4d4;white-space:pre-wrap;word-break:break-all;background:#1e1e1e;flex:1;margin:0;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.6;overflow:auto}.website-export-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.export-info{color:#6b7280;font-size:.875rem}.export-actions{gap:.75rem;display:flex}.export-btn{cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.export-btn.primary{color:#fff;background:#3b82f6;border:none}.export-btn.primary:hover{background:#2563eb}.export-btn.secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.export-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}.export-progress{flex:1;align-items:center;gap:1rem;display:flex}.progress-bar{background:#e5e7eb;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{background:#3b82f6;border-radius:4px;height:100%;transition:width .3s}.progress-text{color:#6b7280;white-space:nowrap;font-size:.875rem}.website-export-audit{padding:1.5rem;overflow-y:auto}.audit-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:300px;display:flex}.audit-loading .spinning{animation:1s linear infinite spin}.audit-placeholder{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:300px;display:flex}.audit-placeholder svg{opacity:.3}.audit-hint{opacity:.7;font-size:.875rem}.audit-scores{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.audit-score-card{flex-direction:column;align-items:center;gap:.5rem;display:flex}.score-circle{background:#fff;border:4px solid;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.25rem;font-weight:700;display:flex}.score-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.audit-results{flex-direction:column;gap:1.5rem;display:flex}.audit-category h4{color:#1f2937;border-bottom:1px solid #e5e7eb;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:1rem;font-weight:600;display:flex}.issue-count{color:#6b7280;margin-left:auto;font-size:.75rem;font-weight:400}.audit-issues{flex-direction:column;gap:.5rem;display:flex}.audit-issue{background:#f9fafb;border-radius:8px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.audit-issue.severity-error{background:#fef2f2}.audit-issue.severity-warning{background:#fffbeb}.audit-issue.severity-info{background:#eff6ff}.severity-error{color:#ef4444}.severity-warning{color:#f59e0b}.severity-info{color:#3b82f6}.issue-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.issue-message{color:#1f2937;font-size:.875rem}.issue-suggestion{color:#6b7280;font-size:.75rem}.audit-success{color:#10b981;background:#f0fdf4;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;display:flex}.performance-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.metric{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.metric-label{color:#6b7280;font-size:.875rem}.metric-value{color:#1f2937;font-size:.875rem;font-weight:600}.deploy-result{border-radius:8px;flex:1;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.deploy-result.success{color:#10b981;background:#f0fdf4}.deploy-result.error{color:#ef4444;background:#fef2f2}.deploy-result a{color:inherit;margin-left:auto;text-decoration:underline}.deploy-result .export-btn{margin-left:auto}.deploy-config-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.deploy-config-modal{background:#fff;border-radius:12px;width:90%;max-width:480px;box-shadow:0 25px 50px -12px #00000040}.deploy-config-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.deploy-config-header h3{color:#1f2937;margin:0;font-size:1.125rem;font-weight:600}.deploy-config-header button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem}.deploy-config-header button:hover{color:#1f2937;background:#f3f4f6}.deploy-config-content{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.config-field{flex-direction:column;gap:.5rem;display:flex}.config-field label{color:#374151;font-size:.875rem;font-weight:500}.config-field input{border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.config-field input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.config-hint{color:#6b7280;font-size:.75rem}.config-hint a{color:#3b82f6;text-decoration:none}.config-hint a:hover{text-decoration:underline}.deploy-config-footer{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}@media (max-width:768px){.website-export-modal{border-radius:0;max-height:100vh}.website-export-deploy-grid{grid-template-columns:1fr}.website-export-files{flex-direction:column}.files-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;width:100%;max-height:150px}.audit-scores{gap:1rem}.score-circle{width:56px;height:56px;font-size:1rem}}.new-project-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.new-project-modal{background-color:#1a1a1a;border:1px solid #2d2d2d;border-radius:12px;flex-direction:column;width:90vw;max-width:600px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 24px 48px #0006}.new-project-header{border-bottom:1px solid #2d2d2d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.new-project-header h2{color:#fff;margin:0;font-size:16px;font-weight:600}.new-project-close{color:gray;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.new-project-close:hover{color:#fff;background-color:#2d2d2d}.new-project-content{flex:1;padding:20px;overflow-y:auto}.new-project-name{margin-bottom:20px}.new-project-name label{color:gray;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.new-project-name input{color:#fff;background-color:#252525;border:1px solid #3d3d3d;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s}.new-project-name input:focus{border-color:#6366f1}.new-project-categories{gap:8px;margin-bottom:20px;display:flex}.category-tab{color:#a0a0a0;cursor:pointer;background-color:#252525;border:1px solid #3d3d3d;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;transition:all .15s;display:flex}.category-tab:hover{color:#fff;background-color:#2d2d2d;border-color:#505050}.category-tab.active{color:#fff;background-color:#6366f1;border-color:#6366f1}.presets-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.preset-card{cursor:pointer;background-color:#252525;border:2px solid #3d3d3d;border-radius:8px;flex-direction:column;align-items:center;padding:16px;transition:all .15s;display:flex}.preset-card:hover{background-color:#2d2d2d;border-color:#505050}.preset-card.active{background-color:#6366f11a;border-color:#6366f1}.preset-preview{background-color:#fff;border-radius:4px;width:100%;max-width:80px;max-height:60px;margin-bottom:12px;box-shadow:0 2px 8px #0000004d}.preset-info{flex-direction:column;align-items:center;gap:4px;display:flex}.preset-name{color:#e0e0e0;font-size:13px;font-weight:500}.preset-size{color:gray;font-family:monospace;font-size:11px}.custom-size-section{gap:24px;display:flex}.custom-size-inputs{flex-direction:column;flex:1;gap:16px;display:flex}.size-input-group{flex-direction:column;gap:8px;display:flex}.size-input-group label{color:gray;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.size-input-wrapper{align-items:center;gap:8px;display:flex}.size-input-wrapper input{color:#fff;background-color:#252525;border:1px solid #3d3d3d;border-radius:6px;outline:none;flex:1;padding:10px 12px;font-size:14px;transition:border-color .15s}.size-input-wrapper input:focus{border-color:#6366f1}.size-input-wrapper .unit{color:#606060;font-size:13px}.custom-size-preview{background-color:#151515;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.preview-artboard{background-color:#fff;border-radius:4px;justify-content:center;align-items:center;min-width:60px;min-height:40px;display:flex;box-shadow:0 4px 16px #0006}.preview-artboard span{color:gray;font-size:10px}.new-project-footer{background-color:#151515;border-top:1px solid #2d2d2d;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.btn-cancel,.btn-create{cursor:pointer;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .15s}.btn-cancel{color:#e0e0e0;background-color:#252525;border:1px solid #3d3d3d}.btn-cancel:hover{background-color:#3d3d3d}.btn-create{color:#fff;background-color:#6366f1;border:1px solid #6366f1}.btn-create:hover{background-color:#5558e3}.confirm-modal-backdrop{z-index:2000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal{text-align:center;background-color:#1e1e1e;border:1px solid #3d3d3d;border-radius:12px;width:400px;max-width:90vw;padding:32px;position:relative;box-shadow:0 8px 32px #0006}.confirm-modal-close{color:gray;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.confirm-modal-close:hover{color:#fff;background-color:#2d2d2d}.confirm-modal-icon{color:#ef4444;background-color:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.confirm-modal-title{color:#fff;margin:0 0 12px;font-size:18px;font-weight:600}.confirm-modal-message{color:#a0a0a0;margin:0 0 24px;font-size:14px;line-height:1.5}.confirm-modal-actions{justify-content:center;gap:12px;display:flex}.confirm-modal-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .15s}.confirm-modal-btn.cancel{color:#e0e0e0;background-color:#2d2d2d}.confirm-modal-btn.cancel:hover{background-color:#3d3d3d}.confirm-modal-btn.confirm{color:#fff;background-color:#ef4444}.confirm-modal-btn.confirm:hover{background-color:#dc2626}.confirm-modal-btn.confirm:focus{outline:none;box-shadow:0 0 0 2px #ef444466}.help-modal-backdrop{z-index:2000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-modal{background-color:#1e1e1e;border:1px solid #3d3d3d;border-radius:12px;outline:none;flex-direction:column;width:680px;max-width:90vw;max-height:80vh;display:flex;box-shadow:0 8px 32px #0006}.help-modal-header{border-bottom:1px solid #2d2d2d;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.help-modal-header h2{color:#fff;margin:0;font-size:18px;font-weight:600}.help-modal-close{color:gray;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.help-modal-close:hover{color:#fff;background-color:#2d2d2d}.help-modal-content{flex:1;grid-template-columns:repeat(2,1fr);gap:24px;padding:20px 24px;display:grid;overflow-y:auto}.shortcut-category{min-width:0}.shortcut-category-title{color:gray;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:11px;font-weight:600}.shortcut-list{flex-direction:column;gap:8px;display:flex}.shortcut-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.shortcut-keys{flex-shrink:0;align-items:center;gap:2px;display:flex}.shortcut-key{color:#e0e0e0;background-color:#252525;border:1px solid #3d3d3d;border-radius:4px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-family:inherit;font-size:11px;font-weight:500;display:inline-flex}.shortcut-separator{color:#606060;margin:0 2px;font-size:11px}.shortcut-description{color:#a0a0a0;text-align:right;font-size:13px}.help-modal-footer{text-align:center;border-top:1px solid #2d2d2d;padding:16px 24px}.help-modal-footer p{color:#606060;margin:0;font-size:12px}.help-modal-footer kbd{color:#e0e0e0;background-color:#252525;border:1px solid #3d3d3d;border-radius:3px;justify-content:center;align-items:center;min-width:20px;height:20px;margin:0 2px;padding:0 4px;font-family:inherit;font-size:11px;font-weight:500;display:inline-flex}.help-modal-content::-webkit-scrollbar{width:8px}.help-modal-content::-webkit-scrollbar-track{background:0 0}.help-modal-content::-webkit-scrollbar-thumb{background-color:#3d3d3d;border-radius:4px}.help-modal-content::-webkit-scrollbar-thumb:hover{background-color:#505050}.topbar{-webkit-user-select:none;user-select:none;background-color:#1a1a1a;border-bottom:1px solid #2d2d2d;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.topbar-left{align-items:center;gap:8px;display:flex}.logo{border-right:1px solid #2d2d2d;align-items:center;margin-right:8px;padding-right:16px;display:flex}.logo-text{color:#fff;letter-spacing:-.5px;font-size:18px;font-weight:700}.menu-container{position:relative}.menu-button{color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;transition:all .15s;display:flex}.menu-button:hover{color:#fff;background-color:#2d2d2d}.dropdown-menu{z-index:1000;background-color:#252525;border:1px solid #3d3d3d;border-radius:8px;min-width:180px;margin-top:4px;padding:4px;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000004d}.dropdown-item{color:#e0e0e0;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;transition:background-color .15s;display:flex}.dropdown-item:hover:not(:disabled){background-color:#3d3d3d}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item .shortcut{color:#666;margin-left:auto;font-size:11px}.dropdown-divider{background-color:#3d3d3d;height:1px;margin:4px 0}.topbar-center{align-items:center;display:flex}.zoom-controls{background-color:#252525;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;display:flex}.zoom-button{color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.zoom-button:hover:not(:disabled){color:#fff;background-color:#3d3d3d}.zoom-button:disabled{opacity:.4;cursor:not-allowed}.zoom-value{color:#e0e0e0;text-align:center;min-width:45px;font-size:13px}.topbar-right{align-items:center;gap:12px;display:flex}.preview-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.preview-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.preview-button:active{transform:translateY(0)}.artboard-selector{margin-right:16px}.artboard-button{color:#e0e0e0;cursor:pointer;background-color:#252525;border:1px solid #3d3d3d;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:all .15s;display:flex}.artboard-button:hover{background-color:#2d2d2d;border-color:#505050}.artboard-button .artboard-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.artboard-dropdown{flex-direction:column;min-width:280px;max-height:400px;display:flex;overflow:hidden}.artboard-dropdown-header{color:gray;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #3d3d3d;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;font-weight:600;display:flex}.add-artboard-btn{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .15s;display:flex}.add-artboard-btn:hover{background-color:#5558e3}.artboard-list{max-height:300px;padding:4px;overflow-y:auto}.artboard-item{cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background-color .1s;display:flex}.artboard-item:hover{background-color:#3d3d3d}.artboard-item.active{background-color:#6366f126}.artboard-item-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.artboard-item-info .check-icon{color:#6366f1;flex-shrink:0}.artboard-item-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.artboard-item-size{color:#606060;flex-shrink:0;font-family:monospace;font-size:11px}.artboard-item-actions{opacity:0;align-items:center;gap:4px;transition:opacity .1s;display:flex}.artboard-item:hover .artboard-item-actions{opacity:1}.artboard-action-btn{color:gray;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .1s;display:flex}.artboard-action-btn:hover{color:#e0e0e0;background-color:#505050}.artboard-action-btn.delete:hover{color:#fff;background-color:#ef4444}.artboard-name-input{color:#e0e0e0;background:0 0;border:1px solid #6366f1;border-radius:4px;outline:none;flex:1;padding:4px 8px;font-size:13px}.history-controls{border-left:1px solid #3d3d3d;align-items:center;gap:4px;margin-left:12px;padding-left:12px;display:flex}.history-button{color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.history-button:hover:not(:disabled){color:#fff;background-color:#2d2d2d}.history-button:disabled{opacity:.3;cursor:not-allowed}.save-status{color:gray;cursor:default;background-color:#252525;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.save-status svg{color:#22c55e}.help-button{color:gray;cursor:pointer;background:0 0;border:1px solid #3d3d3d;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.help-button:hover{color:#fff;background-color:#2d2d2d;border-color:#505050}.page-selector{margin-right:8px}.page-button{color:#e0e0e0;cursor:pointer;background:linear-gradient(135deg,#4a9eff26,#6366f126);border:1px solid #4a9eff4d;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:all .15s;display:flex}.page-button:hover{background:linear-gradient(135deg,#4a9eff40,#6366f140);border-color:#4a9eff80}.page-button .page-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.page-dropdown{flex-direction:column;min-width:260px;max-height:400px;display:flex;overflow:hidden}.page-dropdown-header{color:gray;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #3d3d3d;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;font-weight:600;display:flex}.add-page-btn{color:#fff;cursor:pointer;background-color:#4a9eff;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .15s;display:flex}.add-page-btn:hover{background-color:#5aacff}.page-list{max-height:300px;padding:4px;overflow-y:auto}.page-item{cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background-color .1s;display:flex}.page-item:hover{background-color:#3d3d3d}.page-item.active{background-color:#4a9eff26}.page-item-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.page-item-info .home-icon,.page-item-info .check-icon{color:#4a9eff;flex-shrink:0}.page-item-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.page-item-slug{color:#606060;flex-shrink:0;margin-left:auto;font-family:monospace;font-size:11px}.initialize-website-btn{color:#4a9eff;cursor:pointer;background-color:#0000;border:1px dashed #4a9eff;border-radius:6px;align-items:center;gap:8px;margin-right:8px;padding:6px 12px;font-size:13px;transition:all .15s;display:flex}.initialize-website-btn:hover{background-color:#4a9eff1a;border-style:solid}.tooltip{z-index:10000;pointer-events:none;white-space:nowrap;background-color:#1e1e1e;border:1px solid #3d3d3d;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;animation:.15s tooltip-fade-in;display:flex;position:fixed;box-shadow:0 4px 12px #0006}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip-top{transform:translate(-50%)translateY(-100%)}.tooltip-bottom{transform:translate(-50%)}.tooltip-left{transform:translate(-100%)translateY(-50%)}.tooltip-right{transform:translateY(-50%)}.tooltip-content{color:#e0e0e0;font-size:12px}.tooltip-shortcut{color:gray;background-color:#252525;border:1px solid #3d3d3d;border-radius:3px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-family:inherit;font-size:10px;font-weight:500;display:inline-flex}.image-upload-backdrop{z-index:2000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-upload-modal{background-color:#1e1e1e;border:1px solid #3d3d3d;border-radius:12px;width:420px;max-width:90vw;padding:24px;position:relative;box-shadow:0 8px 32px #0006}.image-upload-close{color:gray;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.image-upload-close:hover{color:#fff;background-color:#2d2d2d}.image-upload-title{color:#fff;margin:0 0 20px;font-size:18px;font-weight:600}.image-upload-tabs{gap:8px;margin-bottom:20px;display:flex}.image-upload-tab{color:#a0a0a0;cursor:pointer;background-color:#252525;border:1px solid #3d3d3d;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;transition:all .15s;display:flex}.image-upload-tab:hover{color:#e0e0e0;background-color:#2d2d2d}.image-upload-tab.active{color:#fff;background-color:#6366f1;border-color:#6366f1}.image-upload-content{min-height:180px}.image-upload-dropzone{cursor:pointer;border:2px dashed #3d3d3d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;transition:all .2s;display:flex}.image-upload-dropzone:hover{background-color:#6366f10d;border-color:#6366f1}.image-upload-dropzone.dragging{background-color:#6366f11a;border-color:#6366f1}.dropzone-icon{color:#606060;margin-bottom:12px}.image-upload-dropzone.dragging .dropzone-icon{color:#6366f1}.dropzone-text{color:#e0e0e0;margin:0 0 8px;font-size:14px}.dropzone-hint{color:#606060;margin:0;font-size:12px}.image-upload-url{flex-direction:column;gap:12px;display:flex}.url-input-wrapper{background-color:#252525;border:1px solid #3d3d3d;border-radius:6px;align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s;display:flex}.url-input-wrapper:focus-within{border-color:#6366f1}.url-icon{color:#606060;flex-shrink:0}.url-input-wrapper input{color:#e0e0e0;background:0 0;border:none;outline:none;flex:1;font-size:13px}.url-input-wrapper input::placeholder{color:#606060}.url-submit-btn{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:6px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .15s}.url-submit-btn:hover:not(:disabled){background-color:#5558e3}.url-submit-btn:disabled{opacity:.5;cursor:not-allowed}.image-upload-error{color:#ef4444;background-color:#ef44441a;border-radius:6px;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;font-size:13px;display:flex}.image-upload-loading{text-align:center;color:gray;margin-top:16px;font-size:13px}.toolbar{-webkit-user-select:none;user-select:none;background-color:#1a1a1a;border-right:1px solid #2d2d2d;flex-direction:column;width:64px;padding:8px;display:flex;overflow-y:auto}.toolbar-section{flex-direction:column;display:flex}.toolbar-section-label{color:#505050;text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:8px 4px 6px;font-size:9px;font-weight:600}.toolbar-tools{flex-direction:column;gap:2px;display:flex}.toolbar-divider{background-color:#2d2d2d;height:1px;margin:8px 4px}.toolbar-button-wrapper{position:relative}.toolbar-button{color:#707070;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:48px;height:40px;transition:all .15s;display:flex}.toolbar-button:hover{color:#e0e0e0;background-color:#2a2a2a}.toolbar-button.active{color:#fff;background-color:#3d3d3d}.toolbar-button.active:hover{background-color:#454545}.toolbar-tooltip{white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background-color:#252525;border:1px solid #3d3d3d;border-radius:6px;align-items:center;gap:8px;margin-left:8px;padding:6px 10px;transition:all .15s;display:flex;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 4px 12px #0000004d}.toolbar-button-wrapper:hover .toolbar-tooltip{opacity:1;visibility:visible}.tooltip-label{color:#e0e0e0;font-size:12px}.tooltip-shortcut{color:gray;background-color:#1a1a1a;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.tooltip-hint{color:#606060;font-size:10px;font-style:italic}.toolbar-button.dragging{opacity:.5;cursor:grabbing}.drag-preview{z-index:10000;background-color:#252525;border:2px dashed #6366f1;border-radius:8px;justify-content:center;align-items:center;display:flex;position:fixed;top:-1000px;left:-1000px}.drag-preview-content{color:#e0e0e0;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.toolbar-button-group{flex-direction:row;display:flex}.toolbar-button-main{border-radius:6px 0 0 6px;width:36px}.toolbar-button-dropdown{border-left:1px solid #3d3d3d;border-radius:0 6px 6px 0;width:16px;padding:0}.toolbar-button-dropdown:hover{background-color:#2a2a2a}.toolbar-button-main.active+.toolbar-button-dropdown{background-color:#3d3d3d;border-left-color:#505050}.frame-dropdown{z-index:1001;background-color:#1a1a1a;border:1px solid #3d3d3d;border-radius:8px;min-width:200px;margin-left:8px;position:absolute;top:0;left:100%;overflow:hidden;box-shadow:0 8px 24px #0006}.frame-dropdown-header{color:gray;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2d2d2d;padding:10px 12px;font-size:11px;font-weight:600}.frame-dropdown-category{padding:4px 0}.frame-dropdown-category:not(:last-child){border-bottom:1px solid #2d2d2d}.frame-dropdown-category-label{color:#606060;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;padding:6px 12px;font-size:10px;font-weight:600;display:flex}.frame-dropdown-item{color:#e0e0e0;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 12px 8px 32px;font-size:12px;transition:background-color .1s;display:flex}.frame-dropdown-item:hover{background-color:#252525}.frame-dropdown-item-name{font-weight:500}.frame-dropdown-item-size{color:gray;font-family:monospace;font-size:11px}.alignment-guides{pointer-events:none;z-index:9999;width:100%;height:100%;position:absolute;top:0;left:0}.alignment-guide{pointer-events:none;position:absolute}.alignment-guide.vertical{background-color:#ff4d94;width:1px}.alignment-guide.vertical.edge{background-color:#ff4d94}.alignment-guide.vertical.center{background-color:#0000;background-image:repeating-linear-gradient(#0000,#0000 4px,#4d94ff 4px 8px)}.alignment-guide.vertical.spacing{background-color:#ff9f4d;border-left:1px dashed #ff9f4d;width:0}.alignment-guide.horizontal{background-color:#ff4d94;height:1px}.alignment-guide.horizontal.edge{background-color:#ff4d94}.alignment-guide.horizontal.center{background-color:#0000;background-image:repeating-linear-gradient(90deg,#0000,#0000 4px,#4d94ff 4px 8px)}.alignment-guide.horizontal.spacing{background-color:#ff9f4d;border-top:1px dashed #ff9f4d;height:0}.guide-endpoint{background-color:#ff4d94;border-radius:50%;width:5px;height:5px;position:absolute}.alignment-guide.center .guide-endpoint{background-color:#4d94ff}.alignment-guide.spacing .guide-endpoint{background-color:#ff9f4d}.alignment-guide.vertical .guide-endpoint.top{top:0;left:50%;transform:translate(-50%,-50%)}.alignment-guide.vertical .guide-endpoint.bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.alignment-guide.horizontal .guide-endpoint.left{top:50%;left:0;transform:translate(-50%,-50%)}.alignment-guide.horizontal .guide-endpoint.right{top:50%;right:0;transform:translate(50%,-50%)}.guide-distance-label{color:#fff;white-space:nowrap;pointer-events:none;background-color:#ff9f4d;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute}.guide-distance-label.vertical{top:50%;left:50%;transform:translate(-50%,-50%)translate(8px)}.guide-distance-label.horizontal{top:50%;left:50%;transform:translate(-50%,-50%)translateY(-10px)}.marquee-selection{pointer-events:none;z-index:9998;background-color:#6366f11a;border:1px solid #6366f1;position:absolute}.context-menu{z-index:10000;-webkit-user-select:none;user-select:none;background-color:#252525;border:1px solid #3d3d3d;border-radius:8px;min-width:200px;padding:6px 0;position:fixed;box-shadow:0 8px 24px #0006}.context-menu-item{color:#e0e0e0;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:13px;transition:background-color .1s;display:flex}.context-menu-item:hover:not(.disabled){background-color:#6366f1}.context-menu-item.disabled{color:#606060;cursor:not-allowed}.context-menu-item.danger:not(.disabled){color:#ef4444}.context-menu-item.danger:hover:not(.disabled){color:#fff;background-color:#ef4444}.menu-item-label{flex:1}.menu-item-shortcut{color:gray;margin-left:24px;font-size:11px}.context-menu-item:hover:not(.disabled) .menu-item-shortcut{color:#ffffffb3}.canvas-container{background-color:#0d0d0d;background-image:radial-gradient(circle,#2d2d2d 1px,#0000 1px);background-size:20px 20px;flex:1;position:relative;overflow:hidden}.canvas-container.no-grid{background-image:none}.canvas-viewport{transform-origin:50%;width:100%;height:100%;position:relative}.canvas-artboard{background-color:#fff;flex-shrink:0;width:1440px;height:900px;position:relative;box-shadow:0 4px 24px #00000080}.canvas-element{box-sizing:border-box;position:absolute}.canvas-element.hovered{outline-offset:0;outline:1px solid #6366f1}.canvas-element.selected{outline:none}.selection-box{z-index:1000}.selection-border{pointer-events:none;border:2px solid #6366f1;position:absolute;inset:0}.resize-handle{pointer-events:auto;z-index:10;background-color:#fff;border:2px solid #6366f1;border-radius:2px;width:10px;height:10px;position:absolute}.resize-handle:hover{background-color:#6366f1}.resize-handle.nw{cursor:nwse-resize;top:-5px;left:-5px}.resize-handle.n{cursor:ns-resize;top:-5px;left:50%;transform:translate(-50%)}.resize-handle.ne{cursor:nesw-resize;top:-5px;right:-5px}.resize-handle.e{cursor:ew-resize;top:50%;right:-5px;transform:translateY(-50%)}.resize-handle.se{cursor:nwse-resize;bottom:-5px;right:-5px}.resize-handle.s{cursor:ns-resize;bottom:-5px;left:50%;transform:translate(-50%)}.resize-handle.sw{cursor:nesw-resize;bottom:-5px;left:-5px}.resize-handle.w{cursor:ew-resize;top:50%;left:-5px;transform:translateY(-50%)}.rotation-handle{cursor:grab;z-index:10;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.rotation-handle:active{cursor:grabbing}.rotation-line{background-color:#6366f1;width:2px;height:20px;margin:0 auto}.rotation-circle{background-color:#fff;border:2px solid #6366f1;border-radius:50%;width:12px;height:12px;margin-top:-1px}.rotation-circle:hover{background-color:#6366f1}.size-indicator{color:#fff;white-space:nowrap;pointer-events:none;background-color:#6366f1;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.zoom-indicator{color:#e0e0e0;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#252525;border:1px solid #3d3d3d;border-radius:6px;padding:6px 12px;font-size:12px;position:absolute;bottom:16px;right:16px}.element-text-input{resize:none;background:0 0;border:none;outline:none;overflow:hidden}.element-rectangle,.element-ellipse,.element-button,.element-input,.element-container,.element-card,.element-navbar,.element-form,.element-footer,.element-image{pointer-events:none}.element-text{pointer-events:none;-webkit-user-select:none;user-select:none}.draw-preview{pointer-events:none;z-index:999;background-color:#6366f11a;border:2px dashed #6366f1;position:absolute}.canvas-container.drop-active{background-color:#111}.canvas-container.drop-active .canvas-artboard{outline-offset:4px;outline:2px dashed #6366f1}.drop-indicator{color:#fff;pointer-events:none;z-index:1000;background-color:#6366f1;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #6366f166}.canvas-container.image-drop-active{background-color:#6366f10d}.canvas-container.image-drop-active:before{content:"";pointer-events:none;z-index:1000;border:2px dashed #6366f1;border-radius:12px;position:absolute;inset:16px}.image-drop-indicator{color:#fff;pointer-events:none;z-index:1001;background-color:#6366f1;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #6366f166}.canvas-empty-hint{pointer-events:none;z-index:100;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.canvas-empty-hint p{color:gray;background-color:#1e1e1ee6;border:1px solid #3d3d3d;border-radius:8px;align-items:center;gap:6px;margin:0;padding:10px 16px;font-size:13px;display:flex}.canvas-empty-hint kbd{color:#e0e0e0;background-color:#252525;border:1px solid #3d3d3d;border-radius:4px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-family:inherit;font-size:11px;font-weight:500;display:inline-flex}.artboard-wrapper{position:absolute}.artboard-name{color:gray;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:default;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;top:-28px;left:0}.artboard-name.selected{color:#6366f1}.artboard-name span{font-weight:500}.artboard-name .artboard-size{color:#606060;font-size:11px;font-weight:400}.artboard-name.selected .artboard-size{color:#818cf8}.artboard-name-input{color:#6366f1;background:0 0;border:none;outline:none;width:auto;min-width:100px;margin:0;padding:0;font-size:12px;font-weight:500}.artboard-frame{transition:box-shadow .15s;position:relative;box-shadow:0 4px 24px #00000080}.artboard-frame.selected{box-shadow:0 0 0 2px #6366f1,0 4px 24px #00000080}.canvas-world{width:1px;height:1px;position:absolute;top:50%;left:50%}.frame-preview{pointer-events:none;z-index:999;background-color:#6366f10d;border:2px dashed #6366f1;position:absolute}.frame-preview-label{color:#6366f1;white-space:nowrap;font-size:11px;position:absolute;top:-24px;left:0}.properties-panel{-webkit-user-select:none;user-select:none;background-color:#1a1a1a;border-left:1px solid #2d2d2d;flex-direction:column;width:288px;display:flex;overflow:hidden}.properties-empty{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:24px;display:flex}.empty-icon{color:#404040}.properties-empty p{color:#606060;text-align:center;font-size:13px}.properties-header{border-bottom:1px solid #2d2d2d;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.properties-title{color:#fff;font-size:14px;font-weight:600}.properties-type{color:gray;text-transform:capitalize;background-color:#2d2d2d;border-radius:4px;padding:4px 8px;font-size:12px}.properties-content{flex:1;overflow-y:auto}.properties-section{border-bottom:1px solid #2d2d2d}.section-header{color:gray;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.section-header:hover{color:#e0e0e0;background-color:#252525}.section-title{text-align:left;flex:1}.section-content{padding:0 16px 16px}.property-group{margin-bottom:12px}.property-group:last-child{margin-bottom:0}.property-row-label{color:#606060;margin-bottom:6px;font-size:11px}.property-grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.property-grid-2-with-link{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;display:grid}.property-input-group{flex-direction:column;gap:4px;display:flex}.property-input-group label{color:#606060;font-size:11px}.property-input-group input,.property-input-group select{color:#e0e0e0;background-color:#252525;border:1px solid #3d3d3d;border-radius:4px;width:100%;padding:8px;font-size:13px}.property-input-group input:focus,.property-input-group select:focus{border-color:#6366f1;outline:none}.input-with-unit{background-color:#252525;border:1px solid #3d3d3d;border-radius:4px;align-items:center;display:flex;overflow:hidden}.input-with-unit:focus-within{border-color:#6366f1}.input-with-unit input{color:#e0e0e0;background:0 0;border:none;flex:1;min-width:0;padding:8px;font-size:13px}.input-with-unit input:focus{outline:none}.input-with-unit .unit{color:#606060;background-color:#1a1a1a;padding:0 8px;font-size:11px}.property-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.property-row:last-child{margin-bottom:0}.property-row label{color:gray;flex:0 0 70px;font-size:12px}.property-row input[type=text],.property-row input[type=number]{color:#e0e0e0;background-color:#252525;border:1px solid #3d3d3d;border-radius:4px;flex:1;padding:8px;font-size:13px}.property-row input[type=text]:focus,.property-row input[type=number]:focus{border-color:#6366f1;outline:none}.property-row input.full-width{flex:1}.property-row select{color:#e0e0e0;cursor:pointer;background-color:#252525;border:1px solid #3d3d3d;border-radius:4px;flex:1;padding:8px;font-size:13px}.property-row select:focus{border-color:#6366f1;outline:none}.property-slider-row{align-items:center;gap:12px;display:flex}.property-slider-row input[type=range]{cursor:pointer;-webkit-appearance:none;background:#3d3d3d linear-gradient(90deg,#6366f1 0%,#3d3d3d 0%);border-radius:2px;flex:1;height:4px}.property-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background-color:#fff;border:2px solid #6366f1;border-radius:50%;width:14px;height:14px;transition:all .15s}.property-slider-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.property-input-small{align-items:center;gap:4px;min-width:70px;display:flex}.property-input-small input{color:#e0e0e0;text-align:center;background-color:#252525;border:1px solid #3d3d3d;border-radius:4px;width:50px;padding:6px 8px;font-size:12px}.property-input-small input:focus{border-color:#6366f1;outline:none}.property-input-small .unit{color:#606060;font-size:11px}.color-input-wrapper{flex:1;align-items:center;gap:8px;display:flex}.color-input-wrapper input[type=color]{cursor:pointer;background:0 0;border:1px solid #3d3d3d;border-radius:4px;flex-shrink:0;width:32px;height:32px;padding:0}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.color-input-wrapper input[type=text]{color:#e0e0e0;background-color:#252525;border:1px solid #3d3d3d;border-radius:4px;flex:1;min-width:0;padding:8px;font-size:13px}.color-input-wrapper input[type=text]:focus{border-color:#6366f1;outline:none}.link-button{color:#606060;cursor:pointer;background:0 0;border:1px solid #3d3d3d;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:4px;transition:all .15s;display:flex}.link-button:hover{color:#e0e0e0;background-color:#2d2d2d}.link-button.active{color:#fff;background-color:#6366f1;border-color:#6366f1}.property-toggle-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.property-toggle-row label{color:gray;font-size:12px}.toggle-button{cursor:pointer;background:0 0;border:none;padding:0}.toggle-track{background-color:#3d3d3d;border-radius:10px;width:36px;height:20px;transition:background-color .2s;display:block;position:relative}.toggle-button.active .toggle-track{background-color:#6366f1}.toggle-thumb{background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-button.active .toggle-thumb{transform:translate(16px)}.button-group{background-color:#252525;border-radius:6px;gap:4px;padding:4px;display:flex}.icon-button{color:gray;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:28px;transition:all .15s;display:flex}.icon-button:hover{color:#e0e0e0;background-color:#3d3d3d}.icon-button.active{color:#fff;background-color:#6366f1}.full-width-input{color:#e0e0e0;background-color:#252525;border:1px solid #3d3d3d;border-radius:4px;flex:1;padding:8px;font-size:13px}.full-width-input:focus{border-color:#6366f1;outline:none}.multi-selection-info{background-color:#252525;border-radius:4px;flex-direction:column;gap:4px;margin-bottom:12px;padding:12px 16px;display:flex}.multi-selection-info span{color:gray;font-size:12px}.multi-selection-info span:first-child{color:#e0e0e0;font-weight:500}.multi-selection-actions{gap:8px;margin-bottom:16px;display:flex}.action-button{color:#e0e0e0;cursor:pointer;background-color:#252525;border:1px solid #3d3d3d;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:all .15s;display:flex}.action-button:hover{background-color:#3d3d3d;border-color:#6366f1}.action-button:disabled{opacity:.5;cursor:not-allowed}.mixed-value{color:#606060;font-style:italic}.image-preview{background-color:#252525;border-radius:6px;justify-content:center;align-items:center;width:100%;height:120px;display:flex;overflow:hidden}.image-preview img{object-fit:contain;max-width:100%;max-height:100%}.replace-image-btn{color:#e0e0e0;cursor:pointer;background-color:#252525;border:1px solid #3d3d3d;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;transition:all .15s;display:flex}.replace-image-btn:hover{background-color:#3d3d3d;border-color:#6366f1}.property-hint{color:#606060;margin-top:6px;font-size:11px}.properties-type svg{vertical-align:middle;margin-right:4px;display:inline-block}.slug-input-wrapper{background-color:#252525;border:1px solid #3d3d3d;border-radius:4px;flex:1;align-items:center;display:flex;overflow:hidden}.slug-input-wrapper:focus-within{border-color:#6366f1}.slug-prefix{color:#606060;padding:8px 4px 8px 12px;font-family:monospace;font-size:13px}.slug-input{color:#e0e0e0;background:0 0;border:none;flex:1;min-width:0;padding:8px 8px 8px 0;font-family:monospace;font-size:13px}.slug-input:focus{outline:none}.slug-input.error{color:#ff6b6b}.slug-input.modified{color:#4ecdc4}.slug-icon{flex-shrink:0;padding:0 8px}.slug-icon.error{color:#ff6b6b}.slug-icon.valid{color:#4ecdc4}.slug-error{color:#ff6b6b;margin-top:4px;font-size:11px;display:block}.property-toggles{flex-direction:column;gap:8px;display:flex}.toggle-btn{color:#e0e0e0;cursor:pointer;text-align:left;background-color:#252525;border:1px solid #3d3d3d;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:all .15s;display:flex}.toggle-btn:hover{background-color:#2d2d2d;border-color:#4d4d4d}.toggle-btn.active{background-color:#6366f126;border-color:#6366f1}.toggle-btn:disabled{cursor:default;opacity:.7}.toggle-btn span{flex:1}.toggle-active{color:#6366f1;background-color:#6366f133;border-radius:4px;padding:2px 8px;font-size:11px}.property-row textarea{color:#e0e0e0;resize:vertical;background-color:#252525;border:1px solid #3d3d3d;border-radius:4px;flex:1;min-height:60px;padding:8px;font-family:inherit;font-size:13px}.property-row textarea:focus{border-color:#6366f1;outline:none}.layers-panel{-webkit-user-select:none;user-select:none;background-color:#1a1a1a;border-top:1px solid #2d2d2d;flex-direction:column;display:flex;overflow:hidden}.layers-header{border-bottom:1px solid #2d2d2d;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.layers-title{color:#fff;font-size:13px;font-weight:600}.layers-count{color:#606060;background-color:#2d2d2d;border-radius:10px;padding:2px 8px;font-size:11px}.layers-list{flex:1;padding:4px 0;overflow-y:auto}.layers-empty{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 24px;display:flex}.layers-empty .empty-icon{color:#3d3d3d}.layers-empty p{color:#606060;margin:0;font-size:13px}.layers-empty .empty-hint{color:#404040;text-align:center;font-size:11px}.layer-item{cursor:pointer;border-left:2px solid #0000;align-items:center;gap:8px;padding:8px 12px;transition:background-color .1s;display:flex}.layer-item:hover{background-color:#252525}.layer-item.selected{background-color:#2d2d2d;border-left-color:#6366f1}.layer-item.dragging{opacity:.5;background-color:#3d3d3d}.layer-item.hidden-layer,.layer-item.hidden-layer .layer-name,.layer-item.hidden-layer .layer-icon{opacity:.5}.expand-button{color:#606060;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.expand-button:hover{color:#e0e0e0}.layer-icon{color:gray;flex-shrink:0;justify-content:center;align-items:center;display:flex}.layer-item.selected .layer-icon{color:#6366f1}.layer-name{color:silver;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.layer-item.selected .layer-name{color:#fff}.layer-name-input{color:#fff;background-color:#252525;border:1px solid #6366f1;border-radius:2px;outline:none;flex:1;min-width:0;padding:2px 4px;font-size:12px}.layer-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.layer-item:hover .layer-actions,.layer-item.selected .layer-actions{opacity:1}.layer-action-btn{color:#606060;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.layer-action-btn:hover{color:#e0e0e0;background-color:#3d3d3d}.layer-action-btn.active{color:#6366f1}.context-menu{z-index:10000;background-color:#252525;border:1px solid #3d3d3d;border-radius:8px;min-width:160px;padding:4px;position:fixed;box-shadow:0 4px 16px #0006}.context-menu-item{color:#e0e0e0;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:12px;transition:background-color .1s;display:flex}.context-menu-item:hover{background-color:#3d3d3d}.context-menu-item:active{background-color:#4d4d4d}.context-menu-divider{background-color:#3d3d3d;height:1px;margin:4px 0}.layer-item.drop-target{border-top:2px solid #6366f1}.layer-item.drop-before{box-shadow:inset 0 2px #6366f1}.layer-item.drop-after{box-shadow:inset 0 -2px #6366f1}.layer-item.drop-inside{outline-offset:-1px;background-color:#6366f126;outline:1px dashed #6366f1}.layer-item.folder-item .layer-icon{color:#f59e0b}.layer-item.folder-item.selected .layer-icon{color:#fbbf24}.folder-color-dot{border:1px solid #1a1a1a;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-1px;right:-1px}.layer-icon{position:relative}.layer-action-btn.inherited{opacity:.5}.layer-action-btn.inherited:after{content:"";background-color:#f59e0b;border-radius:50%;width:4px;height:4px;position:absolute;top:2px;right:2px}.layers-header-actions{align-items:center;gap:8px;display:flex}.layers-header-btn{color:#606060;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.layers-header-btn:hover{color:#e0e0e0;background-color:#2d2d2d}.color-picker-submenu{background-color:#2d2d2d;border-radius:4px;flex-wrap:wrap;gap:4px;margin:0 4px 4px;padding:8px 12px;display:flex}.color-option{cursor:pointer;border:2px solid #0000;border-radius:4px;width:20px;height:20px;transition:all .15s}.color-option:hover{transform:scale(1.15)}.color-option.active{border-color:#fff}.submenu-arrow{color:#606060;margin-left:auto}.layer-item.smart-folder .layer-icon:after{content:"";background-color:#8b5cf6;border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:-2px}.smart-folder-badge{color:#a78bfa;position:absolute;top:-4px;right:-4px}.smart-folder-submenu{background-color:#2d2d2d;border-radius:4px;margin:0 4px 4px;padding:4px 0}.smart-folder-submenu .context-menu-item{padding-left:16px}.smart-folder-submenu .context-menu-item svg:first-child{color:#8b5cf6}.right-panel{background-color:#1a1a1a;border-left:1px solid #2d2d2d;flex-direction:column;width:288px;display:flex;overflow:hidden}.right-panel-tabs{border-bottom:1px solid #2d2d2d;flex-shrink:0;display:flex}.tab-button{color:gray;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;margin-bottom:-1px;padding:12px 16px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.tab-button:hover{color:#e0e0e0;background-color:#252525}.tab-button.active{color:#fff;border-bottom-color:#6366f1}.right-panel-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.right-panel-content>*{border-left:none;flex:1;width:100%}.right-panel-content .properties-panel,.right-panel-content .layers-panel{border-top:none;border-left:none}.timeline-panel{background:var(--panel-bg,#1e1e1e);height:100%;color:var(--text-color,#e0e0e0);border-top:1px solid var(--border-color,#333);flex-direction:column;font-size:12px;display:flex}.timeline-header{background:var(--header-bg,#252526);border-bottom:1px solid var(--border-color,#333);justify-content:space-between;align-items:center;gap:16px;padding:8px 12px;display:flex}.timeline-title{align-items:center;gap:8px;font-weight:600;display:flex}.timeline-duration{color:var(--text-secondary,#888);font-size:11px;font-weight:400}.playback-controls{align-items:center;gap:4px;display:flex}.control-btn{background:var(--button-bg,#3c3c3c);width:32px;height:32px;color:var(--text-color,#e0e0e0);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:background .2s,transform .1s;display:flex}.control-btn:hover{background:var(--button-hover,#4c4c4c)}.control-btn:active{transform:scale(.95)}.control-btn.play{background:var(--accent-color,#4a9eff);color:#fff}.control-btn.play:hover{background:var(--accent-hover,#5aadff)}.control-btn.active{background:var(--accent-color,#4a9eff);color:#fff}.timeline-time{min-width:60px;font-family:monospace;font-size:14px}.current-time{color:var(--accent-color,#4a9eff)}.timeline-controls{align-items:center;gap:12px;display:flex}.btn-add-layer{background:var(--accent-color,#4a9eff);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:12px;transition:background .2s}.btn-add-layer:hover:not(:disabled){background:var(--accent-hover,#5aadff)}.btn-add-layer:disabled{background:var(--button-disabled,#555);cursor:not-allowed;opacity:.6}.zoom-controls{align-items:center;gap:4px;display:flex}.zoom-controls button{background:var(--button-bg,#3c3c3c);width:24px;height:24px;color:var(--text-color,#e0e0e0);cursor:pointer;border:none;border-radius:4px}.zoom-controls button:hover{background:var(--button-hover,#4c4c4c)}.zoom-controls span{text-align:center;min-width:40px;font-size:11px}.framerate-select{background:var(--input-bg,#3c3c3c);border:1px solid var(--border-color,#555);color:var(--text-color,#e0e0e0);border-radius:4px;padding:4px 8px;font-size:11px}.timeline-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.timeline-layers-header{background:var(--header-bg,#252526);border-bottom:1px solid var(--border-color,#333);height:30px;position:relative;overflow:auto hidden}.time-ruler{min-width:100%;height:100%;position:relative}.time-mark{border-left:1px solid var(--border-color,#444);height:100%;position:absolute;top:0}.time-mark:before{content:"";border-left:1px solid var(--border-color,#555);height:10px;position:absolute;top:20px;left:0}.time-label{color:var(--text-secondary,#888);white-space:nowrap;font-size:10px;position:absolute;top:4px;left:4px}.playhead{z-index:10;pointer-events:none;position:absolute;top:0}.playhead-head{color:var(--accent-color,#f44);font-size:12px;transform:translate(-50%)}.playhead-line{background:var(--accent-color,#f44);width:2px;height:500px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.timeline-layers{flex:1;overflow:auto}.empty-timeline{height:150px;color:var(--text-secondary,#888);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.empty-timeline p{margin:4px 0}.timeline-layer{border-bottom:1px solid var(--border-color,#333);display:flex}.timeline-layer.locked{opacity:.6}.layer-header{background:var(--layer-header-bg,#2d2d2d);border-left:3px solid #0000;align-items:center;gap:8px;width:200px;min-width:200px;padding:8px;display:flex}.layer-toggle{color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:10px}.layer-toggle:hover{color:var(--text-color,#e0e0e0)}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.layer-controls{gap:2px;display:flex}.layer-btn{width:24px;height:24px;color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:12px;transition:background .2s;display:flex}.layer-btn:hover{background:var(--button-hover,#4c4c4c);color:var(--text-color,#e0e0e0)}.layer-btn.active{color:var(--accent-color,#4a9eff)}.layer-btn.add-keyframe{color:var(--success-color,#4caf50)}.layer-btn.delete:hover{background:var(--error-bg,#5c2d2d);color:var(--error-color,#ff6b6b)}.layer-tracks{background:var(--track-bg,#1e1e1e);cursor:crosshair;flex:1;min-height:40px;position:relative}.keyframe-track{background:#ffffff05;border-radius:2px;height:24px;margin:4px 0;position:relative}.track-property{color:var(--text-secondary,#666);text-transform:capitalize;font-size:10px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.keyframe{color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;transition:transform .1s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.keyframe:hover{transform:translate(-50%,-50%)scale(1.2)}.keyframe.selected{filter:drop-shadow(0 0 4px #ffffff80);transform:translate(-50%,-50%)scale(1.3)}.keyframe:active{cursor:grabbing}.keyframe-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.keyframe-modal{background:var(--panel-bg,#2d2d2d);border-radius:8px;min-width:300px;padding:20px;box-shadow:0 8px 32px #0006}.keyframe-modal h3{margin:0 0 16px;font-size:16px}.form-group label{color:var(--text-secondary,#888);margin-bottom:4px;font-size:12px;display:block}.form-group select,.form-group input{background:var(--input-bg,#3c3c3c);border:1px solid var(--border-color,#555);width:100%;color:var(--text-color,#e0e0e0);border-radius:4px;padding:8px;font-size:12px}.btn-cancel{background:var(--button-bg,#3c3c3c);color:var(--text-color,#e0e0e0);cursor:pointer;border:none;border-radius:4px;padding:8px 16px}.btn-cancel:hover{background:var(--button-hover,#4c4c4c)}.btn-add{background:var(--accent-color,#4a9eff);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px}.btn-add:hover{background:var(--accent-hover,#5aadff)}.keyframe-properties{background:var(--panel-bg,#2d2d2d);border:1px solid var(--border-color,#444);border-radius:6px;min-width:180px;padding:12px;position:absolute;bottom:12px;right:12px}.keyframe-properties h4{color:var(--text-secondary,#888);margin:0 0 8px;font-size:12px}.btn-delete-keyframe{background:var(--error-bg,#5c2d2d);width:100%;color:var(--error-color,#ff6b6b);cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:11px}.btn-delete-keyframe:hover{background:#6c3d3d}.ai-assistant-panel{background:var(--panel-bg,#1e1e1e);height:100%;color:var(--text-color,#e0e0e0);flex-direction:column;display:flex}.ai-header{background:var(--header-bg,#252526);border-bottom:1px solid var(--border-color,#333);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ai-title{align-items:center;gap:8px;font-weight:600;display:flex}.ai-icon{font-size:18px}.ai-actions{gap:4px;display:flex}.ai-actions button{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.ai-actions button:hover{background:var(--button-hover,#3c3c3c)}.ai-actions button.active{background:var(--accent-bg,#4a9eff33)}.ai-settings{background:var(--settings-bg,#252526);border-bottom:1px solid var(--border-color,#333);padding:12px 16px}.setting-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.setting-row label{color:var(--text-secondary,#888);font-size:12px}.setting-row select{background:var(--input-bg,#3c3c3c);border:1px solid var(--border-color,#555);color:var(--text-color,#e0e0e0);border-radius:4px;padding:4px 8px;font-size:12px}.setting-row input[type=checkbox]{cursor:pointer;width:16px;height:16px}.ai-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.message{gap:10px;max-width:90%;display:flex}.message.user{flex-direction:row-reverse;align-self:flex-end}.message.system{align-self:center;max-width:100%}.message-avatar{background:var(--avatar-bg,#3c3c3c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.message.user .message-avatar{background:var(--accent-color,#4a9eff)}.message.system .message-avatar{background:var(--info-bg,#2d3a4d)}.message-content{background:var(--message-bg,#2d2d2d);border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.5}.message.user .message-content{background:var(--accent-color,#4a9eff);color:#fff;border-bottom-right-radius:4px}.message.assistant .message-content{border-bottom-left-radius:4px}.message.system .message-content{background:var(--info-bg,#2d3a4d);text-align:center;color:var(--text-secondary,#888);font-size:12px}.message-text{white-space:pre-wrap;word-break:break-word}.message-time{color:var(--text-secondary,#666);text-align:right;margin-top:4px;font-size:10px}.message.user .message-time{color:#ffffffb3}.code-block{background:var(--code-bg,#1a1a1a);border-radius:8px;margin-top:12px;overflow:hidden}.code-header{background:var(--code-header-bg,#2d2d2d);border-bottom:1px solid var(--border-color,#333);color:var(--text-secondary,#888);justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;display:flex}.code-header button{background:var(--button-bg,#3c3c3c);color:var(--text-color,#e0e0e0);cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:11px}.code-header button:hover{background:var(--button-hover,#4c4c4c)}.code-content{color:var(--code-color,#d4d4d4);margin:0;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.code-content code{white-space:pre}.suggestions-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.suggestion{background:var(--suggestion-bg,#2d2d2d);border-left:3px solid var(--border-color,#555);border-radius:6px;padding:10px 12px}.suggestion.info{border-left-color:var(--info-color,#4a9eff)}.suggestion.warning{border-left-color:var(--warning-color,#ffb347)}.suggestion.error{border-left-color:var(--error-color,#ff6b6b)}.suggestion-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.suggestion-type{text-transform:uppercase;color:var(--text-secondary,#888);font-size:10px;font-weight:600}.suggestion-severity{text-transform:uppercase;border-radius:10px;padding:2px 6px;font-size:10px}.suggestion-severity.info{background:var(--info-bg,#4a9eff33);color:var(--info-color,#4a9eff)}.suggestion-severity.warning{background:var(--warning-bg,#ffb34733);color:var(--warning-color,#ffb347)}.suggestion-severity.error{background:var(--error-bg,#ff6b6b33);color:var(--error-color,#ff6b6b)}.suggestion-message{margin:0;font-size:12px}.suggestion-fix{color:var(--text-secondary,#888);margin:6px 0 0;font-size:11px;font-style:italic}.typing-indicator{gap:4px;padding:4px 0;display:flex}.typing-indicator span{background:var(--text-secondary,#888);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both typing}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.quick-prompts{border-top:1px solid var(--border-color,#333);background:var(--prompts-bg,#252526);flex-wrap:wrap;gap:6px;padding:8px 16px;display:flex}.quick-prompts button{background:var(--button-bg,#3c3c3c);border:1px solid var(--border-color,#555);color:var(--text-color,#e0e0e0);cursor:pointer;border-radius:16px;padding:6px 12px;font-size:11px;transition:all .2s}.quick-prompts button:hover{background:var(--button-hover,#4c4c4c);border-color:var(--accent-color,#4a9eff)}.ai-input-container{background:var(--input-container-bg,#252526);border-top:1px solid var(--border-color,#333);padding:12px 16px}.selected-info{color:var(--text-secondary,#888);margin-bottom:8px;font-size:11px}.ai-input{align-items:flex-end;gap:8px;display:flex}.ai-input textarea{background:var(--input-bg,#3c3c3c);border:1px solid var(--border-color,#555);color:var(--text-color,#e0e0e0);resize:none;border-radius:20px;flex:1;min-height:40px;max-height:120px;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.4}.ai-input textarea:focus{border-color:var(--accent-color,#4a9eff);outline:none}.ai-input textarea::placeholder{color:var(--placeholder-color,#666)}.send-btn{background:var(--accent-color,#4a9eff);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .2s;display:flex}.send-btn:hover:not(:disabled){background:var(--accent-hover,#5aadff);transform:scale(1.05)}.send-btn:disabled{background:var(--button-disabled,#555);cursor:not-allowed}.plugin-marketplace-panel{background:var(--panel-bg,#1e1e1e);height:100%;color:var(--text-color,#e0e0e0);flex-direction:column;display:flex}.marketplace-header{background:var(--header-bg,#252526);border-bottom:1px solid var(--border-color,#333);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.marketplace-header h2{margin:0;font-size:18px;font-weight:600}.search-box{width:300px;position:relative}.search-box input{background:var(--input-bg,#3c3c3c);border:1px solid var(--border-color,#555);width:100%;color:var(--text-color,#e0e0e0);border-radius:8px;padding:10px 14px 10px 36px;font-size:13px}.search-box input:focus{border-color:var(--accent-color,#4a9eff);outline:none}.search-icon{opacity:.6;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.marketplace-tabs{background:var(--tabs-bg,#252526);border-bottom:1px solid var(--border-color,#333);padding:0 20px;display:flex}.marketplace-tabs button{color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:13px;transition:all .2s}.marketplace-tabs button:hover{color:var(--text-color,#e0e0e0)}.marketplace-tabs button.active{color:var(--accent-color,#4a9eff);border-bottom-color:var(--accent-color,#4a9eff)}.marketplace-content{flex:1;display:flex;overflow:hidden}.marketplace-sidebar{background:var(--sidebar-bg,#252526);border-right:1px solid var(--border-color,#333);width:220px;min-width:220px;padding:16px;overflow-y:auto}.sidebar-section{margin-bottom:24px}.sidebar-section h3{text-transform:uppercase;color:var(--text-secondary,#888);letter-spacing:.5px;margin:0 0 12px;font-size:11px;font-weight:600}.category-list{margin:0;padding:0;list-style:none}.category-list li{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:background .2s;display:flex}.category-list li:hover{background:var(--item-hover,#3c3c3c)}.category-list li.active{background:var(--accent-bg,#4a9eff33);color:var(--accent-color,#4a9eff)}.category-icon{font-size:16px}.sidebar-section select{background:var(--input-bg,#3c3c3c);border:1px solid var(--border-color,#555);width:100%;color:var(--text-color,#e0e0e0);border-radius:6px;padding:8px 12px;font-size:13px}.marketplace-main{flex:1;padding:20px;overflow-y:auto}.featured-section{margin-bottom:32px}.featured-section h3,.plugins-section h3{margin:0 0 16px;font-size:16px;font-weight:600}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;display:grid}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.plugin-count{color:var(--text-secondary,#888);font-size:12px}.plugins-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.plugin-card{background:var(--card-bg,#2d2d2d);border:1px solid var(--border-color,#333);cursor:pointer;border-radius:10px;gap:14px;padding:16px;transition:all .2s;display:flex}.plugin-card:hover{border-color:var(--accent-color,#4a9eff);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.plugin-card.featured{background:linear-gradient(135deg,#4a9eff1a,#4a9eff0d);border-color:#4a9eff4d}.plugin-icon{background:var(--icon-bg,#3c3c3c);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.plugin-info{flex:1;min-width:0}.plugin-header{align-items:center;gap:6px;display:flex}.plugin-header h4{margin:0;font-size:14px;font-weight:600}.verified-badge{color:var(--success-color,#4caf50);font-size:12px}.plugin-author{color:var(--text-secondary,#888);margin:2px 0 6px;font-size:11px}.plugin-description{color:var(--text-secondary,#aaa);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.plugin-meta{gap:12px;margin-bottom:8px;font-size:11px;display:flex}.plugin-rating{align-items:center;gap:4px;display:flex}.stars{color:#ffc107;font-size:10px}.rating-value{font-weight:600}.rating-count,.plugin-downloads{color:var(--text-secondary,#888)}.plugin-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--tag-bg,#3c3c3c);color:var(--text-secondary,#888);border-radius:12px;padding:3px 8px;font-size:10px}.plugin-actions{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.plugin-price{color:var(--accent-color,#4a9eff);font-size:14px;font-weight:600}.plugin-free{color:var(--success-color,#4caf50);font-size:12px}.install-btn{background:var(--accent-color,#4a9eff);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s}.install-btn:hover:not(:disabled){background:var(--accent-hover,#5aadff)}.install-btn.installed{background:var(--button-bg,#3c3c3c);color:var(--text-color,#e0e0e0)}.install-btn.installed:hover{background:var(--error-bg,#5c2d2d);color:var(--error-color,#ff6b6b)}.install-btn:disabled{opacity:.6;cursor:not-allowed}.install-btn.large{padding:12px 24px;font-size:14px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state p{color:var(--text-secondary,#888);margin-bottom:16px}.empty-state button{background:var(--button-bg,#3c3c3c);color:var(--text-color,#e0e0e0);cursor:pointer;border:none;border-radius:6px;padding:8px 16px}.plugin-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.plugin-modal{background:var(--panel-bg,#1e1e1e);border-radius:12px;width:100%;max-width:500px;max-height:80vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 16px 48px #0006}.close-btn{background:var(--button-bg,#3c3c3c);width:32px;height:32px;color:var(--text-color,#e0e0e0);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:16px;right:16px}.close-btn:hover{background:var(--button-hover,#4c4c4c)}.modal-header{gap:16px;margin-bottom:20px;display:flex}.modal-icon{background:var(--icon-bg,#3c3c3c);border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.modal-title h2{align-items:center;gap:8px;margin:0 0 4px;font-size:20px;display:flex}.modal-title p{color:var(--text-secondary,#888);margin:0;font-size:13px}.modal-stats{background:var(--stats-bg,#2d2d2d);border-radius:8px;justify-content:space-around;margin-bottom:20px;padding:16px;display:flex}.stat{text-align:center}.stat-value{color:var(--accent-color,#4a9eff);font-size:18px;font-weight:600;display:block}.stat-label{color:var(--text-secondary,#888);font-size:11px}.modal-description{margin-bottom:16px}.modal-description h3{margin:0 0 8px;font-size:14px;font-weight:600}.modal-description p{color:var(--text-secondary,#aaa);margin:0;font-size:13px;line-height:1.6}.modal-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.modal-actions{border-top:1px solid var(--border-color,#333);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.brush-panel{background:var(--panel-bg,#1e1e1e);height:100%;color:var(--text-color,#e0e0e0);flex-direction:column;display:flex}.brush-toolbar{background:var(--toolbar-bg,#252526);border-bottom:1px solid var(--border-color,#333);justify-content:space-between;padding:8px 12px;display:flex}.tool-group{gap:4px;display:flex}.tool-btn{background:var(--button-bg,#3c3c3c);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.tool-btn:hover:not(:disabled){background:var(--button-hover,#4c4c4c)}.tool-btn.active{background:var(--accent-color,#4a9eff);border-color:var(--accent-color,#4a9eff)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.brush-content{flex:1;display:flex;overflow:hidden}.brush-sidebar{background:var(--sidebar-bg,#252526);border-right:1px solid var(--border-color,#333);width:240px;min-width:240px;padding:12px;overflow-y:auto}.brush-section{margin-bottom:20px}.brush-section h4{text-transform:uppercase;color:var(--text-secondary,#888);letter-spacing:.5px;margin:0 0 10px;font-size:11px;font-weight:600}.brush-section h5{color:var(--text-secondary,#666);margin:10px 0 6px;font-size:10px;font-weight:500}.preset-btn{background:var(--button-bg,#3c3c3c);color:var(--text-color,#e0e0e0);text-transform:capitalize;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px;font-size:11px;transition:all .2s}.preset-btn:hover{background:var(--button-hover,#4c4c4c)}.preset-btn.active{background:var(--accent-bg,#4a9eff33);border-color:var(--accent-color,#4a9eff);color:var(--accent-color,#4a9eff)}.setting-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.setting-row label{width:60px;color:var(--text-secondary,#888);font-size:11px}.setting-row input[type=range]{appearance:none;background:var(--track-bg,#3c3c3c);border-radius:2px;flex:1;height:4px}.setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-color,#4a9eff);cursor:pointer;border-radius:50%;width:14px;height:14px}.setting-row span{text-align:right;width:45px;color:var(--text-secondary,#888);font-family:monospace;font-size:11px}.brush-section select{background:var(--input-bg,#3c3c3c);border:1px solid var(--border-color,#555);width:100%;color:var(--text-color,#e0e0e0);border-radius:4px;padding:8px;font-size:12px}.color-picker-row{gap:8px;margin-bottom:10px;display:flex}.color-picker-row input[type=color]{border:1px solid var(--border-color,#555);cursor:pointer;border-radius:4px;width:40px;height:32px;padding:0}.color-picker-row input[type=text]{background:var(--input-bg,#3c3c3c);border:1px solid var(--border-color,#555);color:var(--text-color,#e0e0e0);border-radius:4px;flex:1;padding:6px 8px;font-family:monospace;font-size:12px}.color-swatches{flex-wrap:wrap;gap:4px;display:flex}.color-swatches.recent{margin-top:6px}.swatch{border:1px solid var(--border-color,#555);cursor:pointer;border-radius:4px;width:20px;height:20px;transition:transform .1s}.swatch:hover{border-color:var(--accent-color,#4a9eff);transform:scale(1.15)}.canvas-area{background:var(--canvas-bg,#1a1a1a);flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.brush-preview{pointer-events:none;box-shadow:0 0 0 1px var(--border-color,#555);border-radius:50%;position:absolute;top:20px;right:20px}.drawing-canvas{border:1px solid var(--border-color,#444);background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000004d}.drawing-canvas.brush{cursor:crosshair}.drawing-canvas.eraser{cursor:cell}.drawing-canvas.eyedropper{cursor:crosshair}.drawing-canvas.fill{cursor:cell}.collaboration-panel{background:var(--panel-bg,#1e1e1e);height:100%;color:var(--text-color,#e0e0e0);flex-direction:column;display:flex}.collab-header{background:var(--header-bg,#252526);border-bottom:1px solid var(--border-color,#333);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.collab-header h2{margin:0;font-size:16px;font-weight:600}.online-users{gap:-8px;display:flex}.mini-avatar{color:#fff;border:2px solid var(--panel-bg,#1e1e1e);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-8px;font-size:11px;font-weight:600;display:flex}.mini-avatar:first-child{margin-left:0}.mini-avatar.more{background:var(--button-bg,#3c3c3c);font-size:10px}.collab-tabs{background:var(--tabs-bg,#252526);border-bottom:1px solid var(--border-color,#333);padding:0 12px;display:flex;overflow-x:auto}.collab-tabs button{color:var(--text-secondary,#888);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:4px;padding:10px 14px;font-size:12px;transition:all .2s;display:flex}.collab-tabs button:hover{color:var(--text-color,#e0e0e0)}.collab-tabs button.active{color:var(--accent-color,#4a9eff);border-bottom-color:var(--accent-color,#4a9eff)}.badge{background:var(--accent-color,#4a9eff);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px}.collab-content{flex:1;overflow-y:auto}.team-tab{padding:16px}.team-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.team-header h3{margin:0;font-size:14px}.invite-btn{background:var(--accent-color,#4a9eff);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:12px}.invite-btn:hover{background:var(--accent-hover,#5aadff)}.online-indicator{color:var(--text-secondary,#888);align-items:center;gap:6px;margin-bottom:16px;font-size:12px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.online{background:var(--success-color,#4caf50)}.team-list{flex-direction:column;gap:8px;display:flex}.team-member{background:var(--item-bg,#2d2d2d);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.member-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex;position:relative}.status-dot{border:2px solid var(--item-bg,#2d2d2d);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.status-dot.online{background:var(--success-color,#4caf50)}.status-dot.away{background:var(--warning-color,#ffc107)}.status-dot.offline{background:var(--text-secondary,#666)}.member-info{flex:1;min-width:0}.member-name{font-size:13px;font-weight:500;display:block}.member-email{color:var(--text-secondary,#888);text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.member-role select{background:var(--input-bg,#3c3c3c);border:1px solid var(--border-color,#555);color:var(--text-color,#e0e0e0);border-radius:4px;padding:4px 8px;font-size:11px}.role-badge{text-transform:capitalize;border-radius:4px;padding:4px 8px;font-size:11px}.role-badge.owner{background:var(--accent-bg,#4a9eff33);color:var(--accent-color,#4a9eff)}.remove-btn{width:24px;height:24px;color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:16px;display:flex}.remove-btn:hover{background:var(--error-bg,#ff6b6b33);color:var(--error-color,#ff6b6b)}.comments-tab{flex-direction:column;height:100%;display:flex}.comments-header{border-bottom:1px solid var(--border-color,#333);padding:12px 16px}.filter-buttons{gap:4px;display:flex}.filter-buttons button{background:var(--button-bg,#3c3c3c);color:var(--text-secondary,#888);cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:11px}.filter-buttons button:hover{background:var(--button-hover,#4c4c4c)}.filter-buttons button.active{background:var(--accent-bg,#4a9eff33);color:var(--accent-color,#4a9eff)}.new-comment{border-bottom:1px solid var(--border-color,#333);gap:8px;padding:12px 16px;display:flex}.new-comment textarea{background:var(--input-bg,#3c3c3c);border:1px solid var(--border-color,#555);color:var(--text-color,#e0e0e0);resize:none;border-radius:6px;flex:1;padding:10px;font-family:inherit;font-size:12px}.new-comment textarea:focus{border-color:var(--accent-color,#4a9eff);outline:none}.new-comment button{background:var(--accent-color,#4a9eff);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-end;padding:8px 16px;font-size:12px}.new-comment button:disabled{background:var(--button-disabled,#555);cursor:not-allowed}.comments-list{flex:1;padding:16px;overflow-y:auto}.empty-state{text-align:center;color:var(--text-secondary,#888);padding:32px}.empty-icon{margin-bottom:8px;font-size:32px;display:block}.comment-item{background:var(--item-bg,#2d2d2d);border-radius:8px;margin-bottom:12px;padding:12px}.comment-item.resolved{opacity:.6}.comment-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.user-info{align-items:center;gap:8px;display:flex}.user-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.user-avatar.small{width:24px;height:24px;font-size:10px}.user-name{font-size:12px;font-weight:500}.comment-time{color:var(--text-secondary,#888);font-size:10px}.comment-actions{gap:4px;display:flex}.comment-actions button{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.comment-actions button:hover{opacity:1;background:var(--button-hover,#3c3c3c)}.resolve-btn.resolved{color:var(--success-color,#4caf50)}.delete-btn:hover{color:var(--error-color,#ff6b6b)}.comment-content{margin:0;font-size:13px;line-height:1.5}.replies{border-left:2px solid var(--border-color,#444);margin-top:12px;padding-left:20px}.reply-item{gap:8px;margin-bottom:8px;display:flex}.reply-content{flex:1}.reply-content p{margin:4px 0;font-size:12px}.reply-time{color:var(--text-secondary,#888);font-size:10px}.reply-btn{color:var(--accent-color,#4a9eff);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:4px 8px;font-size:11px}.reply-input{gap:6px;margin-top:8px;display:flex}.reply-input input{background:var(--input-bg,#3c3c3c);border:1px solid var(--border-color,#555);color:var(--text-color,#e0e0e0);border-radius:4px;flex:1;padding:6px 10px;font-size:11px}.reply-input button{background:var(--accent-color,#4a9eff);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 10px;font-size:11px}.reply-input button.cancel{background:var(--button-bg,#3c3c3c)}.activity-tab{padding:16px}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{background:var(--item-bg,#2d2d2d);border-radius:8px;gap:12px;padding:12px;display:flex}.activity-icon{background:var(--icon-bg,#3c3c3c);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.activity-content{flex:1}.activity-content p{margin:0;font-size:12px}.activity-time{color:var(--text-secondary,#888);font-size:10px}.video-tab{justify-content:center;align-items:center;height:100%;padding:16px;display:flex}.video-preview{text-align:center;padding:32px}.no-video{color:var(--text-secondary,#888)}.video-icon{margin-bottom:16px;font-size:48px;display:block}.video-desc{max-width:300px;margin:8px auto 16px;font-size:12px}.start-call-btn{background:var(--accent-color,#4a9eff);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:13px}.start-call-btn:disabled{background:var(--button-disabled,#555);cursor:not-allowed}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.invite-modal{background:var(--panel-bg,#2d2d2d);border-radius:8px;min-width:320px;padding:20px}.invite-modal h3{margin:0 0 16px;font-size:16px}.invite-modal input{background:var(--input-bg,#3c3c3c);border:1px solid var(--border-color,#555);width:100%;color:var(--text-color,#e0e0e0);border-radius:6px;margin-bottom:16px;padding:10px;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.cancel-btn{background:var(--button-bg,#3c3c3c);color:var(--text-color,#e0e0e0);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:12px}.pages-panel{background:var(--panel-bg,#1e1e1e);height:100%;color:var(--text-color,#e0e0e0);flex-direction:column;display:flex}.pages-panel-header{border-bottom:1px solid var(--border-color,#333);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pages-panel-header h3{color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:600}.add-page-btn{background:var(--accent-color,#4a9eff);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.add-page-btn:hover{background:#5aacff;transform:scale(1.05)}.pages-list{flex:1;padding:8px 0;overflow-y:auto}.pages-list::-webkit-scrollbar{width:6px}.pages-list::-webkit-scrollbar-track{background:0 0}.pages-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.pages-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.page-item-container{-webkit-user-select:none;user-select:none}.page-item{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:6px;padding:8px 16px 8px 12px;transition:all .15s;display:flex}.page-item:hover{background:#ffffff0d}.page-item.active{border-left-color:var(--accent-color,#4a9eff);background:#4a9eff26}.page-item.dragging{opacity:.5}.page-item.drag-over{border-top:2px solid var(--accent-color,#4a9eff);background:#4a9eff40}.page-item-drag-handle{color:var(--text-secondary,#666);cursor:grab;opacity:0;padding:2px;transition:opacity .2s}.page-item:hover .page-item-drag-handle{opacity:1}.page-item-drag-handle:active{cursor:grabbing}.page-expand-btn{width:18px;height:18px;color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-expand-btn:hover{color:var(--text-color,#e0e0e0);background:#ffffff1a}.page-expand-placeholder{flex-shrink:0;width:18px}.page-item-icon{color:var(--text-secondary,#888);flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-item-icon .home-icon{color:var(--accent-color,#4a9eff)}.page-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.page-item-badges{align-items:center;gap:4px;display:flex}.page-badge{border-radius:3px;justify-content:center;align-items:center;padding:2px 4px;font-size:10px;display:flex}.page-badge.hidden{color:var(--text-secondary,#666)}.pages-empty{color:var(--text-secondary,#666);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.pages-empty p{margin:0 0 12px;font-size:13px}.pages-empty button{background:var(--accent-color,#4a9eff);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.pages-empty button:hover{background:#5aacff}.pages-context-menu{z-index:1000;background:var(--panel-bg,#252526);border:1px solid var(--border-color,#444);border-radius:8px;min-width:180px;padding:4px 0;animation:.15s ease-out contextMenuFadeIn;position:fixed;box-shadow:0 4px 12px #0006}@keyframes contextMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pages-context-menu button{width:100%;color:var(--text-color,#e0e0e0);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-size:12px;transition:background .15s;display:flex}.pages-context-menu button:hover{background:#ffffff14}.pages-context-menu button.delete{color:#ff6b6b}.pages-context-menu button.delete:hover{background:#ff6b6b26}.pages-context-menu button:disabled{color:var(--text-secondary,#666);cursor:not-allowed}.pages-context-menu button:disabled:hover{background:0 0}.context-menu-divider{background:var(--border-color,#333);height:1px;margin:4px 8px}.modal-overlay{z-index:1001;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.add-page-modal{background:var(--panel-bg,#252526);border:1px solid var(--border-color,#444);border-radius:12px;width:400px;max-width:90vw;max-height:80vh;padding:24px;animation:.2s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 8px 32px #0006}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.add-page-modal h3{color:var(--text-color,#e0e0e0);margin:0 0 20px;font-size:18px;font-weight:600}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.form-group input[type=text]{background:var(--input-bg,#1a1a1a);border:1px solid var(--border-color,#444);width:100%;color:var(--text-color,#e0e0e0);box-sizing:border-box;border-radius:6px;padding:10px 12px;font-size:14px}.form-group input[type=text]:focus{border-color:var(--accent-color,#4a9eff);outline:none;box-shadow:0 0 0 3px #4a9eff33}.preset-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.preset-option{background:var(--input-bg,#1a1a1a);border:1px solid var(--border-color,#444);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;padding:12px;transition:all .15s;display:flex}.preset-option:hover{border-color:var(--text-secondary,#666);background:#ffffff0d}.preset-option.selected{border-color:var(--accent-color,#4a9eff);background:#4a9eff26}.preset-name{color:var(--text-color,#e0e0e0);margin-bottom:2px;font-size:13px;font-weight:500}.preset-size{color:var(--text-secondary,#888);font-size:11px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-secondary{border:1px solid var(--border-color,#444);color:var(--text-color,#e0e0e0);cursor:pointer;background:0 0;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .15s}.btn-secondary:hover{border-color:var(--text-secondary,#666);background:#ffffff0d}.btn-primary{background:var(--accent-color,#4a9eff);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .15s}.btn-primary:hover{background:#5aacff}.sitemap-view{background:var(--panel-bg,#1e1e1e);height:100%;color:var(--text-color,#e0e0e0);flex-direction:column;display:flex}.sitemap-toolbar{border-bottom:1px solid var(--border-color,#333);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sitemap-stats{gap:16px;display:flex}.sitemap-stats .stat{color:var(--text-secondary,#888);align-items:center;gap:6px;font-size:12px;display:flex}.sitemap-stats .stat.broken{color:#ff6b6b}.sitemap-zoom-controls{align-items:center;gap:4px;display:flex}.sitemap-zoom-controls button{border:1px solid var(--border-color,#444);width:28px;height:28px;color:var(--text-secondary,#888);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.sitemap-zoom-controls button:hover:not(:disabled){color:var(--text-color,#e0e0e0);background:#ffffff0d}.sitemap-zoom-controls button:disabled{opacity:.5;cursor:not-allowed}.sitemap-zoom-controls .zoom-value{text-align:center;min-width:48px;color:var(--text-secondary,#888);font-family:monospace;font-size:12px}.sitemap-canvas-wrapper{flex:1;padding:24px;overflow:auto}.sitemap-canvas{transform-origin:0 0;min-width:100%;min-height:100%;transition:transform .2s}.sitemap-tree{flex-direction:column;align-items:center;gap:32px;display:flex}.sitemap-node-wrapper{flex-direction:column;align-items:center;display:flex}.sitemap-node{background:var(--tabs-bg,#252526);border:2px solid var(--border-color,#444);cursor:pointer;border-radius:8px;min-width:160px;padding:12px 16px;transition:all .15s}.sitemap-node:hover{border-color:var(--text-secondary,#666);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.sitemap-node.active{border-color:var(--accent-color,#4a9eff);background:#4a9eff1a}.sitemap-node.has-broken{border-color:#ff6b6b}.sitemap-node-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.sitemap-node-header .home-icon{color:var(--accent-color,#4a9eff)}.sitemap-node-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sitemap-node-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.sitemap-node-slug{color:var(--text-secondary,#666);font-family:monospace;font-size:11px}.sitemap-node-badges{gap:4px;display:flex}.sitemap-node-badges .badge{border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sitemap-node-badges .badge.hidden{color:var(--text-secondary,#666)}.sitemap-node-badges .badge.links{color:var(--accent-color,#4a9eff)}.sitemap-node-badges .badge.broken{color:#ff6b6b}.sitemap-children{flex-direction:column;align-items:center;padding-top:24px;display:flex;position:relative}.sitemap-connector{background:var(--border-color,#444);width:2px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.sitemap-children-list{gap:24px;display:flex;position:relative}.sitemap-children-list:before{content:"";background:var(--border-color,#444);height:2px;position:absolute;top:-24px;left:50%;right:50%}.sitemap-children-list>.sitemap-node-wrapper{position:relative}.sitemap-children-list>.sitemap-node-wrapper:before{content:"";background:var(--border-color,#444);width:2px;height:24px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.sitemap-children-list>.sitemap-node-wrapper:first-child:after,.sitemap-children-list>.sitemap-node-wrapper:last-child:after{content:"";background:var(--border-color,#444);height:2px;position:absolute;top:-24px}.sitemap-children-list>.sitemap-node-wrapper:first-child:after{left:50%;right:calc(-50% - 12px)}.sitemap-children-list>.sitemap-node-wrapper:last-child:after{left:calc(-50% - 12px);right:50%}.sitemap-children-list>.sitemap-node-wrapper:only-child:after{display:none}.sitemap-empty{height:100%;color:var(--text-secondary,#666);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.sitemap-empty p{color:var(--text-color,#e0e0e0);margin:0;font-size:14px}.sitemap-empty span{font-size:12px}.bottom-panel-container{background:var(--panel-bg,#1e1e1e);border-top:1px solid var(--border-color,#333);flex-direction:column;flex-shrink:0;display:flex}.bottom-panel-container.open{flex-shrink:0}.bottom-panel-container.resizing{-webkit-user-select:none;user-select:none}.resize-handle{cursor:ns-resize;background:#3a3a3a;justify-content:center;align-items:center;width:100%;height:4px;transition:all .15s;display:flex}.resize-handle:hover,.resize-handle.active{background:#4a9eff;height:6px}.resize-handle-grip{gap:4px;display:flex}.resize-handle-grip span{background:#ffffff4d;border-radius:1px;width:20px;height:2px}.resize-handle:hover .resize-handle-grip span,.resize-handle.active .resize-handle-grip span{background:#fffc}.bottom-panel-tabs{background:var(--tabs-bg,#252526);border-bottom:1px solid var(--border-color,#333);justify-content:space-between;align-items:center;min-height:36px;padding:0 8px;display:flex}.tabs-list{gap:2px;display:flex;overflow-x:auto}.tabs-right{align-items:center;gap:8px;display:flex}.panel-height-indicator{color:var(--text-secondary,#666);background:#ffffff0d;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:10px}.panel-tab{color:var(--text-secondary,#888);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.panel-tab:hover{color:var(--text-color,#e0e0e0);background:#ffffff0d}.panel-tab.active{color:var(--accent-color,#4a9eff);border-bottom-color:var(--accent-color,#4a9eff);background:#4a9eff1a}.tab-icon{font-size:14px}.tab-label{font-weight:500}.close-panel-btn{width:28px;height:28px;color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.close-panel-btn:hover{background:var(--button-hover,#3c3c3c);color:var(--text-color,#e0e0e0)}.bottom-panel-content{background:var(--panel-bg,#1e1e1e);transition:height 50ms ease-out;overflow:hidden}.bottom-panel-container.resizing .bottom-panel-content{transition:none}@media (max-width:1200px){.tab-label{display:none}.panel-tab{padding:8px 10px}.tab-icon{font-size:16px}}@media (max-width:768px){.bottom-panel-tabs{overflow-x:auto}.tabs-list{flex-wrap:nowrap}.panel-height-indicator{display:none}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast-item{pointer-events:all;background-color:#1e1e1e;border:1px solid #3d3d3d;border-radius:8px;align-items:flex-start;gap:12px;min-width:300px;max-width:420px;padding:14px 16px;animation:.3s ease-out toast-enter;display:flex;box-shadow:0 4px 16px #0006}.toast-item.toast-exit{animation:.3s ease-out forwards toast-exit}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.toast-success .toast-icon{color:#22c55e}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-content{flex:1;min-width:0}.toast-title{color:#fff;font-size:13px;font-weight:500;line-height:1.4}.toast-message{color:#a0a0a0;margin-top:4px;font-size:12px;line-height:1.4}.toast-dismiss{color:#606060;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin:-4px -4px -4px 0;transition:all .15s;display:flex}.toast-dismiss:hover{color:#fff;background-color:#2d2d2d}.toast-success{border-left:3px solid #22c55e}.toast-error{border-left:3px solid #ef4444}.toast-warning{border-left:3px solid #f59e0b}.toast-info{border-left:3px solid #3b82f6}.loading-screen{z-index:10000;background-color:#0a0a0a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content{flex-direction:column;align-items:center;gap:24px;display:flex}.loading-logo .logo-text{color:#fff;letter-spacing:-1px;font-size:32px;font-weight:700}.loading-spinner{width:48px;height:48px;position:relative}.loading-spinner.small{width:24px;height:24px}.spinner-ring{border:3px solid #2d2d2d;border-top-color:#6366f1;border-radius:50%;width:100%;height:100%;animation:.8s linear infinite spin}.loading-spinner.small .spinner-ring{border-width:2px}.loading-message{color:#606060;margin:0;font-size:14px}.loading-overlay{z-index:9998;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-overlay-content{background-color:#1e1e1e;border:1px solid #3d3d3d;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;display:flex;box-shadow:0 8px 32px #0006}.loading-overlay-message{color:#e0e0e0;margin:0;font-size:14px}.skeleton{background:linear-gradient(90deg,#2d2d2d 25%,#3d3d3d 50%,#2d2d2d 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.onboarding-backdrop{z-index:3000;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.onboarding-modal{background-color:#1e1e1e;border:1px solid #3d3d3d;border-radius:16px;width:480px;max-width:90vw;padding:40px;position:relative;box-shadow:0 16px 64px #00000080}.onboarding-close{color:#606060;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.onboarding-close:hover{color:#fff;background-color:#2d2d2d}.onboarding-content{text-align:center;margin-bottom:32px}.onboarding-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.onboarding-title{color:#fff;margin:0 0 16px;font-size:24px;font-weight:600}.onboarding-description{color:#a0a0a0;margin:0;font-size:15px;line-height:1.6}.onboarding-progress{justify-content:center;align-items:center;gap:8px;margin-bottom:32px;display:flex}.onboarding-dot{cursor:pointer;background-color:#3d3d3d;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.onboarding-dot:hover{background-color:#505050}.onboarding-dot.active{background-color:#6366f1;border-radius:4px;width:24px}.onboarding-dot.completed{background-color:#6366f1}.onboarding-footer{justify-content:space-between;align-items:center;display:flex}.onboarding-checkbox{color:gray;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.onboarding-checkbox input{accent-color:#6366f1;cursor:pointer;width:16px;height:16px}.onboarding-actions{gap:12px;display:flex}.onboarding-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.onboarding-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.onboarding-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.onboarding-btn.secondary{color:#e0e0e0;background-color:#2d2d2d}.onboarding-btn.secondary:hover{background-color:#3d3d3d}.app{background-color:#0d0d0d;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.app-main{flex:1;min-height:0;display:flex;overflow:hidden}