:root{--color-bg-dark: #0a0a0a;--color-bg-medium: #1a1a1a;--color-bg-light: #2a2a2a;--color-text-primary: #ffffff;--color-text-secondary: #888888;--color-primary: #00f0ff;--color-primary-dark: #00b4d8;--color-primary-light: #48f6ff;--color-primary-glow: rgba(0, 240, 255, .3);--kc-accent: var(--color-primary);--kc-accent-dark: var(--color-primary-dark);--kc-accent-light: var(--color-primary-light);--kc-accent-glow: var(--color-primary-glow);--kc-accent-rgb: 0, 240, 255;--kc-surface-0: rgba(255, 255, 255, .05);--kc-surface-1: rgba(18, 18, 21, .95);--kc-surface-2: rgba(12, 12, 15, .98);--kc-border: rgba(255, 255, 255, .1);--kc-border-strong: rgba(255, 255, 255, .2);--kc-text-primary: rgba(255, 255, 255, .95);--kc-text-secondary: rgba(160, 174, 192, .8);--kc-selected-bg: rgba(0, 240, 255, .15)}[data-theme=cyan]{--color-primary: #00f0ff;--color-primary-dark: #00b4d8;--color-primary-light: #48f6ff;--color-primary-glow: rgba(0, 240, 255, .3);--kc-accent: var(--color-primary);--kc-accent-dark: var(--color-primary-dark);--kc-accent-light: var(--color-primary-light);--kc-accent-glow: var(--color-primary-glow);--kc-accent-rgb: 0, 240, 255;--kc-selected-bg: rgba(0, 240, 255, .15)}[data-theme=classic]{--color-primary: #646cff;--color-primary-dark: #4c50cc;--color-primary-light: #7c80ff;--color-primary-glow: rgba(100, 108, 255, .3);--kc-accent: var(--color-primary);--kc-accent-dark: var(--color-primary-dark);--kc-accent-light: var(--color-primary-light);--kc-accent-glow: var(--color-primary-glow);--kc-accent-rgb: 100, 108, 255;--kc-selected-bg: rgba(100, 108, 255, .15)}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background-color:var(--color-bg-dark)}.header{background-color:var(--color-bg-medium);padding:.5rem 1.5rem;border-bottom:2px solid var(--color-primary);display:flex;align-items:center;gap:1.5rem}.header h1{margin:0;font-size:1.25rem;color:var(--color-primary);font-weight:700;text-shadow:0 0 10px var(--color-primary-glow)}.header p{margin:0;color:var(--color-text-secondary);font-size:.75rem}.content{flex:1;overflow:hidden;position:relative}.panel-left,.panel-right{background-color:var(--color-bg-medium);overflow:hidden}.resize-handle{position:relative;background-color:var(--color-bg-dark);transition:background-color .2s cubic-bezier(.4,0,.2,1)}.resize-handle-vertical{width:4px;cursor:col-resize}.resize-handle-vertical:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:40px;background:linear-gradient(180deg,transparent 0%,var(--color-primary) 50%,transparent 100%);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);pointer-events:none;border-radius:2px}.resize-handle:hover{background-color:var(--color-primary)}.resize-handle-vertical:hover:after{opacity:.5}.resize-handle[data-resize-handle-active]{background-color:var(--color-primary)}.resize-handle-vertical[data-resize-handle-active]:after{opacity:.8}.panel-collapse-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:48px;background:var(--color-bg-light);border:1px solid #444;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10}.resize-handle:hover .panel-collapse-btn{opacity:1}.panel-collapse-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 15px var(--color-primary-glow)}.panel-collapse-btn:active{transform:translate(-50%,-50%) scale(.95)}.robot-jogging-panel{display:flex;flex-direction:column;gap:6px;padding:4px;background:#1a202c;color:#e2e8f0;height:100%;overflow-y:auto}.jog-mode-selector{display:flex;gap:4px;background:#2d3748;padding:2px;border-radius:6px}.mode-button{flex:1;display:flex;align-items:center;justify-content:center;gap:2px;padding:4px;background:transparent;border:none;border-radius:4px;color:#a0aec0;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}.mode-button:hover{background:#4a5568;color:#e2e8f0}.mode-button.active{background:#3182ce;color:#fff}.jog-step-control{display:flex;align-items:center;justify-content:space-between;gap:4px;background:#2d3748;padding:3px;border-radius:4px;width:100%}.jog-step-control label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#a0aec0;white-space:nowrap}.step-selector{display:flex;align-items:center;gap:2px}.step-selector button{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#4a5568;border:none;border-radius:3px;color:#e2e8f0;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s}.step-selector button:hover{background:#718096}.step-selector button:active{transform:scale(.95)}.step-selector input{background:#1a202c;border:1px solid #4a5568;border-radius:3px;color:#fffffff2;-webkit-text-fill-color:rgba(255,255,255,.95);font-size:10px;font-weight:700;text-align:center;padding:0 3px;width:28px;height:18px;line-height:16px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.step-selector input::-webkit-outer-spin-button,.step-selector input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.step-selector input[type=number]{-moz-appearance:textfield}.step-selector .unit{color:#e2e8f0;font-size:10px;font-weight:600}.joint-jog-mode{display:flex;flex-direction:column;gap:6px}.joints-grid{display:flex;flex-direction:column;gap:2px}.joint-jog-item{background:#2d3748;border-radius:3px;padding:3px 6px;display:grid;grid-template-columns:25px 1fr 1fr;gap:4px;align-items:center;border:1px solid #4a5568;width:100%}.joint-label{font-size:10px;font-weight:700;color:#63b3ed;letter-spacing:.3px;text-transform:uppercase}.joint-value{font-size:11px;font-weight:700;color:#48bb78;font-family:Courier New,monospace;text-align:left}.jog-buttons{display:flex;gap:2px;min-width:50px;width:100%;justify-content:flex-end}.jog-btn{width:24px;height:18px;display:flex;align-items:center;justify-content:center;border:none;border-radius:3px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.jog-btn:active{transform:scale(.95)}.jog-minus{background:#fc8181;color:#fff}.jog-minus:hover{background:#f56565}.jog-plus{background:#68d391;color:#fff}.jog-plus:hover{background:#48bb78}.joint-limits{display:flex;align-items:center;gap:6px;font-size:10px;color:#718096}.limit-bar{flex:1;height:4px;background:#4a5568;border-radius:2px;position:relative}.limit-indicator{position:absolute;top:-2px;width:8px;height:8px;background:#63b3ed;border-radius:50%;transform:translate(-50%)}.tcp-controls{display:flex;flex-direction:column;gap:4px}.tcp-section{background:#2d3748;border-radius:4px;padding:4px}.tcp-section h4{margin:0 0 3px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#a0aec0}.tcp-axis-group{display:flex;flex-direction:column;gap:2px;width:100%}.tcp-axis{display:flex;align-items:center;justify-content:space-between;gap:1px;width:100%}.axis-label{width:12px;font-size:8px;font-weight:700;color:#63b3ed;text-align:center}.tcp-axis .jog-btn{width:18px;height:14px;font-size:8px;flex:1;max-width:30px}.tcp-info{background:#2d3748;border-radius:4px;padding:4px;border-left:2px solid #ed8936}.info-text{margin:0 0 2px;font-size:9px;font-weight:600;color:#e2e8f0}.info-subtext{margin:0;font-size:8px;color:#a0aec0;line-height:1.2}.panel-actions{display:flex;gap:6px;padding-top:4px;border-top:1px solid #4a5568}.reset-button{flex:none;padding:4px 8px;background:#4a5568;border:none;border-radius:4px;color:#e2e8f0;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s}.reset-button:hover{background:#718096}.reset-button:active{transform:scale(.98)}@media (max-width: 768px){.joints-grid{grid-template-columns:1fr}}.poses-mode{display:flex;flex-direction:column;gap:8px}.poses-content{background:#2d3748;border-radius:4px;padding:8px}.poses-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.poses-header h4{margin:0;font-size:11px;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px}.poses-actions{display:flex;gap:4px}.pose-action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#4a5568;border:none;border-radius:3px;color:#e2e8f0;cursor:pointer;transition:all .15s}.pose-action-btn:hover{background:#718096}.pose-action-btn:active{transform:scale(.95)}.poses-list{min-height:60px}.poses-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;text-align:center;color:#a0aec0}.poses-empty p{margin:0;font-size:11px;word-wrap:break-word;overflow-wrap:break-word}.poses-hint{font-size:10px;color:#718096;margin-top:4px}.poses-count{font-size:10px;color:#a0aec0;padding:2px 6px;background:#2d3748;border-radius:10px}.pose-add-section{display:flex;gap:6px;padding:8px;background:#1a202c;border-radius:4px;margin-bottom:8px}.pose-name-input{flex:1;padding:6px 8px;font-size:11px;background:#2d3748;border:1px solid #4a5568;border-radius:3px;color:#e2e8f0;outline:none}.pose-name-input::-moz-placeholder{color:#718096}.pose-name-input::placeholder{color:#718096}.pose-name-input:focus{border-color:#63b3ed}.pose-save-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:11px;background:#3182ce;border:none;border-radius:3px;color:#fff;cursor:pointer;transition:all .15s}.pose-save-btn:hover:not(:disabled){background:#2c5282}.pose-save-btn:disabled{opacity:.4;cursor:not-allowed}.pose-item{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#2d3748;border-radius:4px;margin-bottom:4px;transition:background .15s}.pose-item:hover{background:#374151}.pose-info{display:flex;flex-direction:column;gap:2px;flex:1}.pose-name{font-size:12px;font-weight:500;color:#e2e8f0}.pose-joints{font-size:10px;color:#a0aec0}.pose-actions{display:flex;gap:4px}.pose-load-btn,.pose-delete-btn{display:flex;align-items:center;gap:3px;padding:4px 8px;font-size:10px;border:none;border-radius:3px;cursor:pointer;transition:all .15s}.pose-load-btn{background:#48bb78;color:#fff}.pose-load-btn:hover{background:#38a169}.pose-delete-btn{background:#4a5568;color:#e2e8f0}.pose-delete-btn:hover{background:#e53e3e;color:#fff}.joint-groups{display:flex;flex-direction:column;gap:4px}.joint-group{background:#1a202c;border-radius:4px;overflow:hidden}.joint-group-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;cursor:pointer;background:#2d3748;transition:background .15s}.joint-group-header:hover{background:#374151}.joint-group-info{display:flex;align-items:center;gap:6px}.group-icon{font-size:16px;line-height:1}.group-name{font-size:12px;font-weight:500;color:#e2e8f0}.group-count{font-size:10px;color:#a0aec0}.joint-group-content{padding:6px;display:flex;flex-direction:column;gap:4px}.keyframe-playback-panel{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--panel-bg, #1a1a1a);border-radius:8px;border:1px solid var(--panel-border, #333)}.keyframe-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--panel-border, #333)}.keyframe-header h3{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary, #ffffff)}.keyframe-count{font-size:.75rem;color:var(--text-secondary, #888);padding:2px 8px;background:var(--badge-bg, #2a2a2a);border-radius:12px}.keyframe-empty-state{padding:24px;text-align:center;color:var(--text-secondary, #888)}.empty-message{font-size:.9rem;margin:0 0 8px;color:var(--text-primary, #ffffff)}.empty-hint{font-size:.8rem;margin:0;color:var(--text-secondary, #888)}.keyframe-playback-panel.compact-empty{padding:0;gap:0}.keyframe-empty-state-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;text-align:center;background:#ffffff05;border-radius:6px;min-height:40px}.empty-message-compact{font-size:11px;color:#fff9;margin:0;line-height:1.2}.empty-hint-compact{font-size:10px;color:#fff6;margin:2px 0 0;line-height:1.2}.keyframe-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:4px;background:var(--list-bg, #0f0f0f);border-radius:6px}.keyframe-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--item-bg, #1a1a1a);border:1px solid var(--item-border, #2a2a2a);border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:left}.keyframe-item:hover{background:var(--item-hover-bg, #252525);border-color:var(--item-hover-border, #3a3a3a)}.keyframe-item.active{background:var(--item-active-bg, #1e3a8a);border-color:var(--item-active-border, #3b82f6)}.keyframe-item-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.keyframe-name{font-size:.85rem;font-weight:500;color:var(--text-primary, #ffffff)}.keyframe-description{font-size:.75rem;color:var(--text-secondary, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keyframe-active-icon{color:var(--accent-color, #3b82f6);flex-shrink:0}.keyframe-controls{display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--control-bg, #0f0f0f);border-radius:6px}.playback-buttons{display:flex;gap:8px;justify-content:center}.control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--button-bg, #2a2a2a);border:1px solid var(--button-border, #3a3a3a);border-radius:6px;color:var(--text-primary, #ffffff);cursor:pointer;transition:all .15s ease}.control-btn:hover{background:var(--button-hover-bg, #3a3a3a);border-color:var(--button-hover-border, #4a4a4a)}.control-btn:active{transform:scale(.95)}.control-btn.play-pause{width:44px;height:44px;background:var(--primary-bg, #3b82f6);border-color:var(--primary-border, #60a5fa)}.control-btn.play-pause:hover{background:var(--primary-hover-bg, #2563eb);border-color:var(--primary-hover-border, #3b82f6)}.playback-options{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--divider, #2a2a2a)}.playback-option{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-primary, #ffffff);cursor:pointer}.playback-option input[type=checkbox]{cursor:pointer}.playback-speed{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-primary, #ffffff)}.playback-speed label{color:var(--text-secondary, #888)}.playback-speed select{padding:2px 6px;background:var(--input-bg, #1a1a1a);border:1px solid var(--input-border, #3a3a3a);border-radius:4px;color:var(--text-primary, #ffffff);font-size:.8rem;cursor:pointer}.keyframe-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 16px;font-size:.85rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease;border:none}.action-btn.primary{background:var(--primary-bg, #3b82f6);color:#fff}.action-btn.primary:hover{background:var(--primary-hover-bg, #2563eb)}.action-btn.primary:disabled{background:var(--disabled-bg, #2a2a2a);color:var(--disabled-text, #555);cursor:not-allowed}.action-btn.secondary{background:var(--secondary-bg, #2a2a2a);color:var(--text-primary, #ffffff);border:1px solid var(--secondary-border, #3a3a3a)}.action-btn.secondary:hover{background:var(--secondary-hover-bg, #3a3a3a);border-color:var(--secondary-hover-border, #4a4a4a)}.keyframe-info{padding:8px;background:var(--info-bg, #0f0f0f);border-radius:6px;border:1px solid var(--info-border, #2a2a2a)}.info-header{font-size:.75rem;font-weight:600;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.info-content{display:flex;flex-direction:column;gap:4px}.info-row{display:flex;justify-content:space-between;font-size:.8rem}.info-label{color:var(--text-secondary, #888)}.info-value{color:var(--text-primary, #ffffff);font-weight:500}.keyframe-list::-webkit-scrollbar{width:6px}.keyframe-list::-webkit-scrollbar-track{background:var(--scrollbar-track, #0f0f0f);border-radius:3px}.keyframe-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #3a3a3a);border-radius:3px}.keyframe-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #4a4a4a)}.kinematics-panel{width:100%;height:100%;display:flex;flex-direction:column;background:#1a1a1a;color:#e0e0e0;animation:slideInLeft .3s ease-out}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#252526;border-bottom:2px solid #646cff}.panel-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.close-button{background:none;border:none;color:#888;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);border-radius:4px}.close-button:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.workflow-progress{display:flex;align-items:center;padding:1.5rem;background:#222;gap:.5rem;overflow-x:auto}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px}.step-number{width:32px;height:32px;border-radius:50%;background:#333;color:#888;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.step.active .step-number{background:#646cff;color:#fff;box-shadow:0 0 10px #646cff80;transform:scale(1.1);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 10px #646cff80}50%{box-shadow:0 0 20px #646cffcc}}.step.complete .step-number{background:#4caf50;color:#fff;transform:scale(1)}.step-label{font-size:.75rem;color:#888;text-align:center;white-space:nowrap}.step.active .step-label{color:#fff;font-weight:500}.step-arrow{color:#444;flex-shrink:0}.panel-content{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}.step-content{display:flex;flex-direction:column;gap:1.5rem}.section-header{display:flex;align-items:center;gap:.75rem;color:#646cff;margin-bottom:.5rem}.section-header h3{margin:0;font-size:1rem;font-weight:600}.instruction-text{color:#b0b0b0;line-height:1.6;margin:0}.info-box,.suggestion-box,.success-box{padding:1rem;border-radius:6px;display:flex;align-items:flex-start;gap:.75rem}.info-box{background:#1e3a5f;border-left:4px solid #3b82f6}.suggestion-box{background:#1e2a1a;border-left:4px solid #8bc34a;flex-direction:column}.success-box{background:#1a2e1a;border-left:4px solid #4CAF50;flex-direction:column}.info-box p,.suggestion-box p,.success-box p{margin:0;line-height:1.5}.suggestion-header{display:flex;align-items:center;gap:.5rem;color:#8bc34a;font-weight:600}.instructions h3{margin:0 0 .75rem;font-size:.95rem;color:#fff}.instructions ol{margin:0;padding-left:1.5rem;color:#b0b0b0;line-height:1.8}.primary-button,.secondary-button,.quick-action-button,.next-button{padding:.75rem 1.25rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.primary-button{background:#646cff;color:#fff}.primary-button:after,.quick-action-button:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transform:scale(0);transition:transform .6s,opacity .6s;pointer-events:none}.primary-button:active:after,.quick-action-button:active:after{transform:scale(2.5);opacity:.6;transition:transform 0s,opacity 0s}.primary-button:hover{background:#535bf2;transform:translateY(-2px);box-shadow:0 4px 12px #646cff4d}.primary-button:active{transform:translateY(0)}.secondary-button{background:#333;color:#e0e0e0}.secondary-button:hover{background:#444}.quick-action-button{background:#8bc34a;color:#1a1a1a;font-weight:600;margin:.5rem 0}.quick-action-button:hover{background:#9ccc65;transform:translateY(-1px);box-shadow:0 4px 12px #8bc34a4d}.next-button{background:#646cff;color:#fff;margin-top:1rem}.next-button:hover{background:#535bf2}.hint{font-size:.75rem;color:#888;margin:.25rem 0;font-style:italic}.joints-list{background:#252526;border-radius:6px;padding:.75rem;max-height:300px;overflow-y:auto}.joint-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#2a2a2a;border-radius:4px;margin-bottom:.5rem;transition:all .15s cubic-bezier(.4,0,.2,1);animation:slideUp .2s ease-out}.joint-item:hover{background:#333;transform:translate(4px);box-shadow:-4px 0 #646cff}.joint-info{display:flex;align-items:center;gap:.75rem;color:#e0e0e0}.joint-name{font-weight:500}.joint-type{font-size:.75rem;padding:.25rem .5rem;background:#646cff;border-radius:3px;color:#fff}.delete-button{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s}.delete-button:hover{background:#f44;color:#fff}.empty-state{text-align:center;padding:2rem;color:#666}.joint-creator{background:#252526;border-radius:6px;padding:1.25rem;border:1px solid #646cff}.joint-creator h4{margin:0 0 1rem;color:#646cff;font-size:.95rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.85rem;color:#b0b0b0;font-weight:500}.form-group input[type=text],.form-group select{width:100%;padding:.6rem;background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:.9rem}.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}.button-group{display:flex;gap:.75rem;margin-top:1.25rem}.button-group button{flex:1}.joints-control{display:flex;flex-direction:column;gap:1.25rem}.joint-control{background:#252526;padding:1rem;border-radius:6px}.joint-control label{display:block;margin-bottom:.75rem;font-weight:500;color:#e0e0e0}.slider-group{display:flex;align-items:center;gap:1rem}.slider-group .value{min-width:60px;text-align:right;font-family:Courier New,monospace;color:#646cff;font-weight:600}.slider-group input[type=range]{flex:1;height:6px;border-radius:3px;background:#333;outline:none;-webkit-appearance:none}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#646cff;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.slider-group input[type=range]::-webkit-slider-thumb:hover{background:#535bf2;transform:scale(1.2)}.slider-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#646cff;cursor:pointer;border:none;-moz-transition:all .2s;transition:all .2s}.slider-group input[type=range]::-moz-range-thumb:hover{background:#535bf2;transform:scale(1.2)}.panel-content::-webkit-scrollbar,.joints-list::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track,.joints-list::-webkit-scrollbar-track{background:#1a1a1a}.panel-content::-webkit-scrollbar-thumb,.joints-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover,.joints-list::-webkit-scrollbar-thumb:hover{background:#555}.input-with-button{display:flex;gap:.5rem;align-items:center}.input-with-button input{flex:1}.select-button{padding:.6rem 1rem;background:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;white-space:nowrap;transition:all .2s;min-width:80px}.select-button:hover{background:#535bf2}.select-button.active{background:#8bc34a;color:#1a1a1a;animation:pulse-select 1.5s ease-in-out infinite}@keyframes pulse-select{0%,to{box-shadow:0 0 #8bc34ab3}50%{box-shadow:0 0 0 8px #8bc34a00}}.hint.active{color:#8bc34a;font-weight:500;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.selection-preview{margin-top:.75rem;padding:.75rem;background:#2a2a2a;border-radius:4px;border:1px dashed #646cff}.swap-button{width:100%;padding:.6rem;background:#333;color:#e0e0e0;border:1px solid #646cff;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.swap-button:hover{background:#444;border-color:#535bf2;color:#fff}.joint-actions{display:flex;gap:.5rem;margin-top:.5rem}.icon-button{padding:.5rem .75rem;background:#333;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s;flex:1}.icon-button:hover{background:#646cff;color:#fff;transform:translateY(-1px)}.icon-button:active{transform:translateY(0)}.motion-controls{margin-top:1rem;padding-top:1rem;border-top:1px solid #333}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);z-index:10000;opacity:1;transition:opacity .5s ease-out;overflow:hidden}.splash-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.splash-screen.fade-out{opacity:0;pointer-events:none}.splash-content{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:600px;padding:2rem;text-align:center;position:relative;z-index:1;animation:splash-content-entrance .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes splash-content-entrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.splash-logo-container{margin-bottom:3rem}.splash-logo{display:inline-block;margin-bottom:1.5rem;animation:splash-logo-float 3s ease-in-out infinite;position:relative}@keyframes splash-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.splash-logo-gradient{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00f0ff26,#00b4ff1a);backdrop-filter:blur(20px);border-radius:30px;border:2px solid rgba(0,240,255,.3);box-shadow:0 8px 32px #0000004d,0 0 60px #00f0ff33,inset 0 0 20px #00f0ff1a;position:relative;overflow:hidden}.splash-logo-gradient:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,240,255,.2) 0%,transparent 70%);opacity:.8}.splash-logo-icon{color:#00f0ff;filter:drop-shadow(0 0 15px rgba(0,240,255,.6));z-index:1;position:relative}.splash-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#00f0ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .75rem;letter-spacing:-1px;filter:drop-shadow(0 4px 20px rgba(0,240,255,.3))}.splash-subtitle{font-size:1.25rem;font-weight:600;color:#00f0ffe6;margin:0 0 1rem;text-shadow:0 2px 10px rgba(0,240,255,.4);letter-spacing:2px;text-transform:uppercase}.splash-tagline{font-size:1.125rem;font-weight:400;font-style:italic;color:#fffc;margin:0;min-height:1.5em;text-shadow:0 2px 8px rgba(0,0,0,.3);transition:opacity .5s ease-in-out}.splash-loading{width:100%;max-width:320px}.splash-progress-container{margin-bottom:1.5rem}.splash-progress-bar{width:100%;height:6px;background:#0000004d;border-radius:8px;border:1px solid rgba(0,240,255,.2);overflow:hidden;position:relative}.splash-progress-fill{height:100%;background:linear-gradient(90deg,#00b4d8,#00f0ff);border-radius:8px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #00f0ff66,inset 0 1px #ffffff4d;position:relative;z-index:1}.splash-progress-text{margin-top:.75rem;font-size:.875rem;font-weight:700;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.5)}.splash-spinner{position:relative;width:120px;height:8px;margin:0 auto 1.5rem;background:#0000004d;border-radius:8px;overflow:hidden;border:1px solid rgba(0,240,255,.2)}.splash-spinner-ring{position:absolute;top:0;left:0;height:100%;width:40%;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.4) 50%,transparent 100%);border-radius:8px;animation:splash-spinner-slide 2s ease-in-out infinite}.splash-spinner-ring:nth-child(1){opacity:1}.splash-spinner-ring:nth-child(2),.splash-spinner-ring:nth-child(3){display:none}@keyframes splash-spinner-slide{0%,to{transform:translate(-100%)}50%{transform:translate(250%)}}.splash-message{font-size:.875rem;font-weight:500;color:#ffffffd9;margin:0 0 2rem}.splash-features{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.splash-feature{display:flex;flex-direction:column;align-items:center;gap:.5rem}.splash-feature-icon{font-size:1.5rem;opacity:.9}.splash-feature-text{font-size:.75rem;font-weight:600;color:#00f0ffcc;text-transform:uppercase;letter-spacing:.5px;text-align:center}@media (max-width: 640px){.splash-features{flex-direction:column;gap:1rem}}.splash-error{width:100%;max-width:400px;padding:2rem;background:#ffffff1a;backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2)}.splash-error-icon{color:#fca5a5;margin-bottom:1rem}.splash-error-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .75rem}.splash-error-message{font-size:.875rem;color:#ffffffe6;margin:0 0 1.5rem;line-height:1.5}.splash-retry-button{padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;color:#667eea;background:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.splash-retry-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.splash-retry-button:active{transform:translateY(0)}.splash-footer{margin-top:3rem}.splash-version{font-size:.75rem;font-weight:500;color:#ffffffb3;margin:0 0 .25rem}.splash-copyright{font-size:.75rem;color:#fff9;margin:0}@media (max-width: 640px){.splash-content{padding:1.5rem}.splash-logo-gradient{width:80px;height:80px}.splash-logo-icon{width:40px;height:40px}.splash-title{font-size:2rem}.splash-subtitle{font-size:.875rem}.splash-error{padding:1.5rem}}@media (min-resolution: 192dpi){.splash-screen{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion: reduce){.splash-screen,.splash-logo,.splash-message,.splash-progress-fill{animation:none;transition:none}.splash-spinner-ring{animation:none}}.view-dropdown{position:relative;display:inline-block}.view-dropdown-button-group{display:flex;align-items:center;position:relative}.view-dropdown-main-btn{display:flex;align-items:center;justify-content:center;gap:2px;width:50px;height:35px;padding:0;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff9;cursor:pointer;transition:all .15s ease;flex-shrink:0}.view-dropdown-main-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.view-dropdown-main-btn:active{transform:translateY(0);box-shadow:0 1px 4px #0003}.view-dropdown-arrow-btn{background:transparent;border:none;cursor:pointer;z-index:2}.view-dropdown-menu{position:fixed;background:#252526;border:1px solid #3e3e42;border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:120px;overflow:hidden}.view-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:#ccc;cursor:pointer;transition:all .2s ease;text-align:left}.view-dropdown-item:hover{background:#2a2d2e;color:#fff}.view-dropdown-item.active{background:#094771;color:#fff}.view-dropdown-item.active:hover{background:#0e639c}.view-dropdown-menu{animation:dropdownSlideDown .15s ease-out}.save-dropdown{position:relative;display:inline-block}.save-dropdown-button-group{display:flex;align-items:center;position:relative}.save-dropdown-main-btn{display:flex;align-items:center;justify-content:center;gap:2px;width:50px;height:35px;padding:0;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff9;cursor:pointer;transition:all .15s ease;flex-shrink:0}.save-dropdown-main-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.save-dropdown-main-btn:active{transform:translateY(0);box-shadow:0 1px 4px #0003}.save-dropdown-arrow-btn{background:transparent;border:none;cursor:pointer;z-index:2}.dropdown-chevron{transition:transform .2s ease}.dropdown-chevron.open{transform:rotate(180deg)}.save-dropdown-menu{position:fixed;background:#252526;border:1px solid #3e3e42;border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:180px;overflow:hidden}.save-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;color:#ccc;cursor:pointer;transition:all .2s ease;text-align:left}.save-dropdown-item:hover{background:#2a2d2e;color:#fff}.save-dropdown-item.active{background:#1a5c38;color:#fff}.save-dropdown-item.active:hover{background:#1f6b43}.item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.item-label{font-size:13px;font-weight:500}.save-dropdown-menu{animation:dropdownSlideDown .15s ease-out}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ribbon-toolbar-excel{display:flex;align-items:stretch;gap:1px;background:var(--kc-surface-0);padding:0;border-radius:6px;overflow-x:auto}.ribbon-category-excel{display:flex;flex-direction:column;align-items:center;padding:4px 8px;border-right:1px solid var(--kc-border);min-width:-moz-fit-content;min-width:fit-content}.ribbon-category-excel:last-child{border-right:none}.ribbon-category-label{font-size:10px;font-weight:600;color:var(--kc-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;white-space:nowrap}.ribbon-buttons-row{display:flex;align-items:center;gap:4px}.ribbon-btn{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:0;margin:10;background:var(--kc-surface-0);border:1px solid var(--kc-border);border-radius:4px;color:var(--kc-text-primary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.ribbon-btn:hover{background:rgba(var(--kc-accent-rgb),.1);border-color:rgba(var(--kc-accent-rgb),.2);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.ribbon-btn:active{transform:translateY(0);box-shadow:0 1px 4px #0003}.ribbon-btn.active{background:rgba(var(--kc-accent-rgb),.2);border-color:rgba(var(--kc-accent-rgb),.4);color:rgb(var(--kc-accent-rgb));box-shadow:0 0 8px var(--kc-accent-glow)}.ribbon-btn.active:hover{background:rgba(var(--kc-accent-rgb),.25);border-color:rgba(var(--kc-accent-rgb),.5)}.ribbon-btn svg{width:32px;height:32px;color:inherit;stroke-width:2}.ribbon-btn div[style*="position: relative"] svg{width:17px!important;height:17px!important}.ribbon-btn:focus{outline:2px solid rgba(var(--kc-accent-rgb),.5);outline-offset:2px}.ribbon-btn:disabled{opacity:.3;cursor:not-allowed;background:#ffffff05;border-color:#ffffff0d}.ribbon-btn:disabled:hover{transform:none;box-shadow:none}@media (max-width: 1200px){.ribbon-category-label{font-size:9px}.ribbon-category-excel{padding:3px 6px}.ribbon-btn{width:40px;height:40px}.ribbon-btn svg{width:28px;height:28px}}@media (max-width: 900px){.ribbon-category-label{display:none}.ribbon-category-excel{flex-direction:row;padding:4px}.ribbon-btn{width:36px;height:36px}.ribbon-btn svg{width:24px;height:24px}}@media (prefers-contrast: high){.ribbon-toolbar-excel{background:#0000004d}.ribbon-category-excel{border-right-color:#ffffff4d}.ribbon-btn{border-color:#ffffff4d}.ribbon-btn.active{background:rgba(var(--kc-accent-rgb),.4);border-color:rgba(var(--kc-accent-rgb),.7)}}.scene-tree{width:100%;height:100%;display:flex;flex-direction:column;background:#1e1e1e;color:#ccc;border-right:1px solid #333}.scene-tree-header{display:none}.scene-tree-header h2{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ccc}.scene-tree-search{margin-top:80px;display:flex;align-items:center;gap:8px;padding:8px 4px;background:#252526;border-bottom:1px solid #333;position:relative;flex-shrink:0}.scene-tree-search .search-icon{color:#858585;flex-shrink:0}.scene-tree-search input{flex:1;background:#3c3c3c;border:1px solid #454545;color:#ccc;padding:6px 8px;border-radius:4px;font-size:12px;outline:none;transition:all .2s ease}.scene-tree-search input:focus{border-color:#646cff;background:#404040}.scene-tree-search input::-moz-placeholder{color:#6e6e6e}.scene-tree-search input::placeholder{color:#6e6e6e}.scene-tree-search .clear-search{background:none;border:none;color:#858585;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .15s ease}.scene-tree-search .clear-search:hover{background:#3e3e42;color:#fff}.bulk-operations{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;background:#2d2d30;border-bottom:1px solid #333;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-operations .bulk-count{font-size:12px;color:#ccc;font-weight:500}.bulk-operations .bulk-actions{display:flex;gap:6px}.bulk-operations button{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#3e3e42;border:1px solid #454545;color:#ccc;font-size:11px;border-radius:3px;cursor:pointer;transition:all .15s ease}.bulk-operations button:hover{background:#4e4e52;border-color:#646cff;color:#fff}.bulk-operations button.delete-btn:hover{background:#dc3545;border-color:#dc3545;color:#fff}.scene-tree-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.tree-node{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-node-row{display:flex;align-items:center;gap:6px;padding:4px;cursor:pointer;transition:all .2s ease;position:relative;min-width:0;flex-wrap:nowrap;white-space:nowrap}.tree-node-row:hover{background:#2a2d2e;transform:translate(2px)}.tree-node-row.selected{background:#094771}.tree-node-row.selected:hover{background:#0e639c;transform:translate(2px)}.tree-node-row.locked{opacity:.6}.tree-node-row.drag-over{background:#0e639c;border:2px dashed #646cff}.tree-node-row.highlighted{background:#3d3d00;animation:highlightPulse 1.5s ease-in-out infinite}@keyframes highlightPulse{0%,to{background:#3d3d00}50%{background:#4d4d00}}.tree-node-arrow{display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:#ccc}.tree-node-arrow:hover{color:#fff}.tree-node-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:#7cb3d1;margin-top:2px}.tree-node-name{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ccc;line-height:1.3;min-width:0}.tree-node-count{margin-left:6px;font-size:11px;color:#858585}.tree-node-badges{display:inline-flex;gap:4px;margin-left:8px;align-items:center}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 5px;border-radius:3px;font-size:9px;font-weight:600;text-transform:uppercase;line-height:1;transition:all .2s ease}.status-badge.physics{background:#28a745;color:#fff}.status-badge.grounded{background:#ffc107;color:#000;padding:2px 4px}.status-badge.constraint{background:#17a2b8;color:#fff;padding:2px 4px}.status-badge:hover{transform:scale(1.1);box-shadow:0 2px 4px #0000004d}.tree-node-actions{display:flex;gap:2px;opacity:0;transition:all .2s ease}.tree-node-row:hover .tree-node-actions,.tree-node-row.selected .tree-node-actions{opacity:1}.tree-node-action{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;color:#858585;cursor:pointer;border-radius:3px;transition:all .2s ease}.tree-node-action:hover:not(:disabled){background:#3e3e42;color:#fff}.tree-node-action:disabled,.tree-node-action.disabled{opacity:.3;cursor:not-allowed;background:#2a2a2a;color:#666}.tree-node-action:disabled:hover,.tree-node-action.disabled:hover{background:#2a2a2a;color:#666}.scene-tree-content::-webkit-scrollbar{width:10px}.scene-tree-content::-webkit-scrollbar-track{background:#1e1e1e}.scene-tree-content::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}.scene-tree-content::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.coordinate-frame{position:absolute!important;bottom:12px!important;left:12px!important;pointer-events:none;z-index:1000;padding:0!important;margin:0!important;width:90px!important;height:90px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important}.coordinate-frame canvas{display:block!important;background:transparent!important;margin:0!important;padding:0!important}.selection-indicator{position:absolute!important;top:90px!important;left:12px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;background:transparent!important;color:#fff!important;padding:0!important;margin:0!important;border-radius:0!important;font-size:13px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-weight:600!important;letter-spacing:.3px!important;line-height:1.2!important;width:auto!important;height:auto!important;white-space:nowrap!important;overflow:visible!important;border:none;backdrop-filter:none;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7);z-index:900;transition:background-color .2s ease,border-color .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none}.selection-indicator-icon{font-size:14px!important;line-height:1!important;flex-shrink:0!important;flex-grow:0!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;display:inline-block!important;text-align:center!important;overflow:hidden!important;margin:0!important;padding:0!important}.selection-indicator-text{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;flex-shrink:0!important;flex-grow:0!important;text-align:left!important;margin:0!important;padding:0!important;display:inline-block!important}.selection-indicator-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#fff3;color:#fff;font-size:11px;font-weight:600;border-radius:10px;flex-shrink:0}.selection-indicator.no-selection{color:#fff}.selection-indicator.no-selection .selection-indicator-badge{display:none}.selection-indicator:hover{cursor:default}.selection-indicator:not(.no-selection){color:#fff}.selection-indicator:not(.no-selection):hover{color:#fff}@media (min-resolution: 192dpi){.selection-indicator{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-panel{position:absolute;min-width:150px;min-height:200px;max-width:1200px;max-height:90vh;background:#0c0c0ffa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease-out;display:flex;flex-direction:column;overflow:hidden;color:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.floating-panel:hover{border-color:#ffffff26}.floating-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#121215f2;border-bottom:1px solid rgba(255,255,255,.1);border-radius:12px 12px 0 0}.floating-panel-title-section{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.floating-panel-title-group{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.floating-panel-title{margin:0;font-size:14px;font-weight:700;color:#fffffff2;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-panel-subtitle{font-size:10px;color:#a0aec0cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.floating-panel-icon{display:flex;align-items:center;justify-content:center}.floating-panel-pin-indicator{display:flex;align-items:center;justify-content:center;color:#3b82f6cc}.floating-panel-controls{display:flex;align-items:center;gap:3px}.floating-panel-control-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:3px;color:#ffffffe6;cursor:pointer;transition:all .2s;flex-shrink:0}.floating-panel-control-btn svg{width:16px!important;height:16px!important;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block;flex-shrink:0;opacity:1;visibility:visible}.floating-panel-control-btn svg *{stroke:inherit}.floating-panel-control-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fffffff2;transform:scale(1.05)}.floating-panel-control-btn.pin-btn.pinned{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6e6}.floating-panel-control-btn.pin-btn:hover{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6e6}.floating-panel-control-btn.minimize-btn:hover{background:#eab30826;border-color:#eab3084d;color:#eab308e6}.floating-panel-control-btn.maximize-btn:hover{background:#22c55e26;border-color:#22c55e4d;color:#22c55ee6}.floating-panel-control-btn.close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.floating-panel-content{flex:1;overflow:hidden;min-height:0}.floating-panel.dragging{opacity:.9;transform:scale(1.02);box-shadow:0 30px 100px #0006}.floating-panel.docked-left{position:fixed;top:0;left:0;bottom:0;width:400px;max-width:50vw;border-radius:0;border-left:none}.floating-panel.docked-right{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:50vw;border-radius:0;border-right:none}.floating-panel.docked-bottom{position:fixed;bottom:0;left:0;right:0;height:300px;max-height:50vh;border-radius:0;border-bottom:none}.floating-panel.minimized{height:auto}.floating-panel.minimized .floating-panel-content{display:none}@media (max-width: 768px){.floating-panel{min-width:280px;max-width:95vw}.floating-panel-header{padding:12px 16px}.floating-panel-content{padding:16px}}.asset-library-dark-panel{background:#0c0c0ffa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden;color:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.asset-library-dark-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#121215f2;border-bottom:1px solid rgba(255,255,255,.1)}.asset-library-dark-title{margin:0;font-size:18px;font-weight:700;color:#fffffff2;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.asset-library-dark-icon{display:flex;align-items:center;justify-content:center}.asset-library-dark-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s}.asset-library-dark-close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.asset-library-dark-content{flex:1;min-height:0;overflow:visible;padding:12px}.asset-library-dark-content::-webkit-scrollbar{width:8px}.asset-library-dark-content::-webkit-scrollbar-track{background:transparent}.asset-library-dark-content::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:4px}.asset-library-dark-content::-webkit-scrollbar-thumb:hover{background:#3b82f680}.asset-library-dark-section{margin-bottom:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px}.asset-library-dark-section:last-child{margin-bottom:0}.asset-library-dark-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.asset-library-dark-section-title{font-size:13px;font-weight:600;color:#ffffffe6;margin:0;text-transform:uppercase;letter-spacing:.5px}.asset-library-dark-section-hint{font-size:11px;color:#ffffff80;font-style:italic}.asset-library-dark-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fffc;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.asset-library-dark-button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.asset-library-dark-button:disabled{opacity:.4;cursor:not-allowed}.asset-library-dark-select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 10px;color:#ffffffe6;font-size:12px;cursor:pointer;transition:all .2s}.asset-library-dark-select:hover{background:#ffffff14;border-color:#ffffff26}.asset-library-dark-select:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f61a}.asset-library-dark-select option{background:#0c0c0ffa;color:#ffffffe6}.asset-library-dark-disabled-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:6px;color:#fff6;font-size:11px;text-align:center;gap:6px}.asset-library-dark-disabled-icon{opacity:.5}.base-panel-container{display:flex;flex-direction:column;width:100%;height:100%;background:#0c0c0ffa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden}.base-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#121215f2;border-bottom:1px solid rgba(255,255,255,.1)}.base-panel-title{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;color:#fffffff2;letter-spacing:-.02em}.base-panel-icon{color:#fffc}.base-panel-controls{display:flex;gap:6px}.base-panel-control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s}.base-panel-control-btn:hover{background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.base-panel-control-btn.close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.base-panel-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#0c0c0ff2}.base-panel-section{padding:20px;border-bottom:1px solid rgba(255,255,255,.05)}.base-panel-section:last-child{border-bottom:none}.base-panel-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.base-panel-section-title{font-size:14px;font-weight:600;color:#ffffffe6;margin:0;text-transform:uppercase;letter-spacing:.5px}.base-panel-section-hint{font-size:11px;color:#fff6;font-style:italic}.base-panel-select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#ffffffe6;font-size:13px;cursor:pointer;transition:all .2s}.base-panel-select:hover{background:#ffffff14;border-color:#ffffff26}.base-panel-select:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f61a}.base-panel-select option{background:#0c0c0ffa;color:#ffffffe6}.base-panel-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.base-panel-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.base-panel-btn:disabled{opacity:.4;cursor:not-allowed}.base-panel-btn-primary{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6e6}.base-panel-btn-primary:hover:not(:disabled){background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.base-panel-disabled{display:flex;align-items:center;justify-content:center;padding:24px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:8px;color:#fff6;font-size:12px;text-align:center}.base-panel-disabled-icon{margin-bottom:8px;opacity:.5}.base-panel-grid{display:grid;gap:12px}.base-panel-grid-2{grid-template-columns:1fr 1fr}.base-panel-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.base-panel-header{padding:12px 16px}.base-panel-section{padding:16px}.base-panel-grid-2,.base-panel-grid-3{grid-template-columns:1fr}}.floating-kinematics-content{display:flex;flex-direction:column;min-height:100%;overflow:visible;padding:0;gap:4px}.asset-library-dark-content{padding:8px!important}.asset-library-dark-section{margin:4px 0}.pose-library-footer{margin-top:auto;padding:4px 6px;background:#ffffff08;border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 8px 8px}.pose-library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1px}.pose-library-title{font-size:11px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.pose-library-actions{display:flex;gap:4px}.pose-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:3px;color:#fff9;cursor:pointer;transition:all .15s}.pose-action-btn:hover{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6cc}.pose-library-info{text-align:center}.pose-count{font-size:10px;color:#fff9}.pose-count-disabled{font-size:10px;color:#ffffff4d}.kinematics-device-selection{padding:20px;border-bottom:1px solid rgba(255,255,255,.05)}.device-selection-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.device-selection-header label{font-size:12px;font-weight:600;color:#fffc;min-width:80px}.device-selector{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#ffffffe6;font-size:13px;cursor:pointer;transition:all .2s}.device-selector:hover{background:#ffffff14;border-color:#ffffff26}.device-selector:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f61a}.device-selector option{background:#0c0c0ffa;color:#ffffffe6}.active-device-info{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.device-info{flex:1;min-width:0}.device-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:4px}.pinned-indicator{display:flex;align-items:center;gap:4px;font-size:10px;color:#3b82f6cc;background:#3b82f626;padding:2px 6px;border-radius:4px;font-weight:600}.device-specs{font-size:11px;color:#fff9}.pin-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s}.pin-button:hover{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6cc}.pin-button.pinned{background:#3b82f633;border-color:#3b82f666;color:#3b82f6e6}.kinematics-controls{flex:1;overflow:visible;display:flex;flex-direction:column}.keyframe-section,.jogging-section,.general-tools-section{padding:20px;border-bottom:1px solid rgba(255,255,255,.05)}.keyframe-section:last-child,.jogging-section:last-child,.general-tools-section:last-child{border-bottom:none}.disabled-controls{display:flex;align-items:center;justify-content:center;padding:24px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:8px;color:#fff6;font-size:12px;text-align:center}.disabled-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.disabled-placeholder-icon{opacity:.5}.general-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.tool-button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.kinematics-device-list{padding:20px;display:flex;flex-direction:column;gap:16px}.device-list-header{font-size:12px;color:#fff9;text-align:center;margin-bottom:8px}.device-list{display:flex;flex-direction:column;gap:8px}.device-list-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .2s;text-align:left}.device-list-item:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.device-item-name{font-size:13px;font-weight:600;color:#ffffffe6;margin-bottom:4px}.device-item-specs{font-size:11px;color:#fff9}.kinematics-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;height:100%}.empty-state-icon{color:#ffffff4d;margin-bottom:16px}.empty-state-text{font-size:16px;font-weight:600;color:#ffffffb3;margin-bottom:8px}.empty-state-hint{font-size:12px;color:#ffffff80;line-height:1.4}.kinematics-controls::-webkit-scrollbar{width:6px}.kinematics-controls::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.kinematics-controls::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.kinematics-controls::-webkit-scrollbar-thumb:hover{background:#3b82f680}@media (max-width: 768px){.kinematics-device-header,.kinematics-controls{padding:12px 16px}.device-name{font-size:13px}.pin-button{width:28px;height:28px}}.floating-kinematics-analysis-content{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;gap:8px}.analysis-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.analysis-options{display:flex;flex-direction:column;gap:8px}.option-group{display:flex;flex-direction:column;gap:4px}.option-label{font-size:11px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.option-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:6px 8px;color:#ffffffe6;font-size:12px;cursor:pointer;transition:all .15s}.option-select:hover{background:#ffffff14;border-color:#fff3}.option-select:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f61a}.analysis-results{min-height:100px;background:#ffffff05;border-radius:6px;padding:12px}.result-placeholder{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.result-placeholder p{margin:0;font-size:12px;color:#ffffff80;font-style:italic}.actuator-panel-pro{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;overflow:hidden}.section-label{font-size:11px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.device-select-section{flex-shrink:0}.device-select,.actuator-select{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px 10px;color:#ffffffe6;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.device-select:hover,.actuator-select:hover{background:#ffffff1f;border-color:#ffffff40}.device-select:focus,.actuator-select:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f626}.device-select option,.actuator-select option{background:#141414fa;color:#ffffffe6}.no-devices{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;color:#fff6;font-size:12px;text-align:center;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:6px}.actuator-select-section{flex-shrink:0}.actuator-info-section{flex-shrink:0;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.info-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.info-label{color:#fff9;font-weight:500}.info-badge{font-size:10px;font-weight:700;padding:2px 6px;background:#3b82f633;color:#3b82f6e6;border-radius:4px;letter-spacing:.5px}.status-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:#fffc}.status-dot{width:8px;height:8px;border-radius:50%;transition:all .3s}.status-dot.enabled{background:#22c55ecc;box-shadow:0 0 8px #22c55e66}.status-dot.disabled{background:#9ca3af80}.fault-icon{color:#ef4444e6}.info-value{color:#ffffffe6;font-weight:600;font-family:Courier New,monospace}.quick-actions-section{flex-shrink:0}.action-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.action-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:10px;color:#fffc;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn.open{border-color:#22c55e4d}.action-btn.open:hover:not(:disabled){background:#22c55e26;border-color:#22c55e80;color:#22c55ee6}.action-btn.close{border-color:#3b82f64d}.action-btn.close:hover:not(:disabled){background:#3b82f626;border-color:#3b82f680;color:#3b82f6e6}.action-btn.stop{border-color:#ef44444d}.action-btn.stop:hover{background:#ef444426;border-color:#ef444480;color:#ef4444e6}.action-btn.power{border-color:#9ca3af4d}.action-btn.power.enabled{background:#22c55e1a;border-color:#22c55e66;color:#22c55ee6}.action-btn.power:hover{background:#9ca3af26;border-color:#9ca3af80;color:#9ca3afe6}.manual-control-section{flex-shrink:0}.slider-control{display:flex;align-items:center;gap:12px}.position-slider{flex:1;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;cursor:pointer}.position-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6e6;cursor:pointer;border:2px solid rgba(255,255,255,.2);-webkit-transition:all .2s;transition:all .2s}.position-slider::-webkit-slider-thumb:hover{background:#3b82f6;transform:scale(1.1);box-shadow:0 0 8px #3b82f680}.position-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6e6;cursor:pointer;border:2px solid rgba(255,255,255,.2);-moz-transition:all .2s;transition:all .2s}.position-slider::-moz-range-thumb:hover{background:#3b82f6;transform:scale(1.1);box-shadow:0 0 8px #3b82f680}.position-slider:disabled{opacity:.4;cursor:not-allowed}.position-slider:disabled::-webkit-slider-thumb{background:#9ca3af80;cursor:not-allowed}.slider-value{min-width:42px;text-align:right;font-size:12px;font-weight:600;color:#3b82f6e6;font-family:Courier New,monospace}.metrics-section{flex:1;min-height:0;display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;transition:background .2s}.section-header:hover{background:#ffffff0d}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;padding:8px 12px 12px}.metric-card{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px}.metric-card svg{color:#3b82f6b3;flex-shrink:0}.metric-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.metric-label{font-size:10px;color:#ffffff80;font-weight:500}.metric-value{font-size:11px;font-weight:600;color:#ffffffe6;font-family:Courier New,monospace}.no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff6;font-size:12px;text-align:center;padding:32px 16px}@media (max-width: 380px){.action-buttons{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:1fr}}.floating-complex-ik-content{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;overflow-y:auto}.ik-chains-list{display:flex;flex-direction:column;gap:8px}.ik-chain-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.ik-chain-item:hover{background:#ffffff14;border-color:#fff3}.ik-chain-item.active{background:#3b82f633;border-color:#3b82f666}.chain-info{display:flex;flex-direction:column;gap:4px}.chain-name{font-weight:600;color:#fff;font-size:14px}.chain-details{font-size:12px;color:#ffffffb3}.chain-status{display:flex;align-items:center;gap:6px}.status-indicator{width:8px;height:8px;border-radius:50%;background:#6b7280}.status-indicator.idle{background:#10b981}.status-indicator.computing{background:#f59e0b;animation:pulse 1s infinite}.status-indicator.error{background:#ef4444}.status-text{font-size:12px;color:#ffffffb3;text-transform:capitalize}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ik-targets-controls{display:flex;justify-content:flex-end;margin-bottom:12px}.add-target-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:6px;color:#60a5fa;font-size:12px;cursor:pointer;transition:all .2s ease}.add-target-btn:hover{background:#3b82f64d;border-color:#3b82f699}.ik-targets-list{display:flex;flex-direction:column;gap:6px}.ik-target-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .2s ease}.ik-target-item:hover{background:#ffffff0f;border-color:#ffffff26}.ik-target-item.selected{background:#10b98133;border-color:#10b98166}.target-info{display:flex;flex-direction:column;gap:2px}.target-name{font-weight:500;color:#fff;font-size:13px}.target-position{font-size:11px;color:#fff9;font-family:Courier New,monospace}.target-status{display:flex;align-items:center}.reachability-indicator{width:6px;height:6px;border-radius:50%}.reachability-indicator.reachable{background:#10b981}.reachability-indicator.unreachable{background:#ef4444}.ik-settings{display:flex;flex-direction:column;gap:12px}.setting-item{display:flex;justify-content:space-between;align-items:center}.setting-item label{font-size:13px;color:#fffc;font-weight:500}.setting-item input[type=number]{width:80px;padding:6px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:12px;text-align:right}.setting-item input[type=number]:focus{outline:none;border-color:#3b82f699;background:#ffffff26}.setting-item.checkbox{justify-content:flex-start;gap:8px}.setting-item.checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.setting-item.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.ik-actions{display:flex;gap:8px}.solve-ik-btn,.reset-ik-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.solve-ik-btn{background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#10b981}.solve-ik-btn:hover:not(:disabled){background:#10b9814d;border-color:#10b98199}.solve-ik-btn:disabled{opacity:.5;cursor:not-allowed}.reset-ik-btn{background:#6b728033;border:1px solid rgba(107,114,128,.4);color:#9ca3af}.reset-ik-btn:hover{background:#6b72804d;border-color:#6b728099}.floating-complex-ik-content::-webkit-scrollbar{width:6px}.floating-complex-ik-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.floating-complex-ik-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.floating-complex-ik-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.floating-settings-panel{--settings-bg: #1a1a1a;--settings-surface: #2a2a2a;--settings-border: #3a3a3a;--settings-text: #ffffff;--settings-text-secondary: #a0a0a0;--settings-accent: #3b82f6;--settings-accent-hover: #2563eb;--settings-success: #10b981;--settings-warning: #f59e0b;--settings-error: #ef4444}.settings-panel-content{display:flex;flex-direction:column;height:100%;background:var(--settings-bg);color:var(--settings-text)}.settings-tabs{display:flex;border-bottom:1px solid var(--settings-border);background:var(--settings-surface);padding:0;margin:0;overflow:visible;flex-wrap:wrap;min-height:48px}.settings-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:var(--settings-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:13px;font-weight:500;border-bottom:2px solid transparent;flex:1;min-width:0;justify-content:center}.settings-tab:hover{color:var(--settings-text);background:#ffffff0d}.settings-tab.active{color:var(--settings-accent);border-bottom-color:var(--settings-accent);background:#3b82f61a}.settings-content{flex:1;padding:16px;overflow:hidden;background:var(--settings-bg);display:flex;flex-direction:column}.settings-section{display:flex;flex-direction:column;gap:16px;flex:1;overflow:hidden}.settings-group{display:flex;flex-direction:column;gap:12px;flex:1;overflow:hidden}.settings-group-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--settings-text);margin:0;padding-bottom:8px;border-bottom:1px solid var(--settings-border)}.settings-option{display:flex;flex-direction:column;gap:8px}.settings-label{font-size:14px;font-weight:500;color:var(--settings-text);margin-bottom:4px}.settings-input{padding:8px 12px;background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:6px;color:var(--settings-text);font-size:14px;transition:all .2s ease}.settings-input:focus{outline:none;border-color:var(--settings-accent);box-shadow:0 0 0 2px #3b82f633}.settings-input:hover{border-color:var(--settings-accent)}.settings-input-group{display:flex;gap:8px}.settings-input-group .settings-input{flex:1}.settings-select{padding:8px 12px;background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:6px;color:var(--settings-text);font-size:14px;cursor:pointer;transition:all .2s ease}.settings-select:focus{outline:none;border-color:var(--settings-accent);box-shadow:0 0 0 2px #3b82f633}.settings-select:hover{border-color:var(--settings-accent)}.settings-range{width:100%;height:6px;background:var(--settings-surface);border-radius:3px;outline:none;cursor:pointer}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--settings-accent);border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.settings-range::-webkit-slider-thumb:hover{background:var(--settings-accent-hover);transform:scale(1.1)}.settings-range::-moz-range-thumb{width:18px;height:18px;background:var(--settings-accent);border-radius:50%;cursor:pointer;border:none;-moz-transition:all .2s ease;transition:all .2s ease}.settings-range::-moz-range-thumb:hover{background:var(--settings-accent-hover);transform:scale(1.1)}.settings-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:var(--settings-text);transition:color .2s ease}.settings-checkbox:hover{color:var(--settings-text)}.settings-checkbox input[type=checkbox]{display:none}.checkmark{position:relative;width:18px;height:18px;background:var(--settings-surface);border:2px solid var(--settings-border);border-radius:4px;transition:all .2s ease;flex-shrink:0}.settings-checkbox input[type=checkbox]:checked+.checkmark{background:var(--settings-accent);border-color:var(--settings-accent)}.settings-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.settings-checkbox input[type=checkbox]:focus+.checkmark{box-shadow:0 0 0 2px #3b82f633}.settings-radio-group{display:flex;flex-direction:column;gap:12px}.settings-radio-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border:1px solid var(--settings-border);border-radius:8px;transition:all .2s ease}.settings-radio-option:hover{border-color:var(--settings-accent);background:#3b82f60d}.settings-radio-option input[type=radio]{margin:2px 0 0}.settings-radio-option input[type=radio]:checked+.radio-content{color:var(--settings-accent)}.radio-content{display:flex;flex-direction:column;gap:4px}.radio-label{font-size:14px;font-weight:500;color:var(--settings-text)}.radio-description{font-size:12px;color:var(--settings-text-secondary)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.settings-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--settings-border);background:var(--settings-surface);gap:12px}.settings-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.settings-btn-primary{background:var(--settings-accent);color:#fff}.settings-btn-primary:hover{background:var(--settings-accent-hover);transform:translateY(-1px)}.settings-btn-secondary{background:transparent;color:var(--settings-text-secondary);border:1px solid var(--settings-border)}.settings-btn-secondary:hover{background:var(--settings-surface);color:var(--settings-text);border-color:var(--settings-accent)}@media (max-width: 900px){.settings-tabs{flex-wrap:wrap}.settings-tab{flex:1;min-width:0;justify-content:center;padding:6px 8px;font-size:12px}.settings-content{padding:12px}.settings-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column}.settings-btn{width:100%}}@media (max-width: 600px){.settings-tab{padding:4px 6px;font-size:11px;gap:4px}.settings-tab span{display:none}.settings-tab svg{width:16px;height:16px}}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:var(--settings-surface)}.settings-content::-webkit-scrollbar-thumb{background:var(--settings-border);border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:var(--settings-text-secondary)}.settings-content .admin-panel{height:100%;overflow:hidden}.settings-content .admin-panel .admin-header{margin-bottom:16px}.settings-content .admin-panel .admin-content{height:calc(100% - 60px);overflow:hidden}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:100%}.settings-grid.single-column{grid-template-columns:1fr}.settings-compact-group{display:flex;flex-direction:column;gap:8px}.settings-compact-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.settings-compact-label{font-size:13px;font-weight:500;color:var(--settings-text);flex:1}.settings-compact-control{flex-shrink:0;min-width:80px}.settings-content{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.move-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.move-dialog{background:#1e1e1e;border-radius:6px;box-shadow:0 4px 16px #00000080;min-width:280px;max-width:320px;color:#e0e0e0}.move-dialog-floating{position:fixed;background:#141414d9;backdrop-filter:blur(8px);z-index:9999;cursor:move;border:1px solid rgba(100,108,255,.4);box-shadow:0 4px 20px #000c}.move-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid rgba(51,51,51,.6);background:#252526b3;gap:6px}.move-dialog-drag-handle{display:flex;align-items:center;color:#666;cursor:grab;padding:2px;transition:color .15s}.move-dialog-drag-handle:active{cursor:grabbing;color:#999}.move-dialog-title{display:flex;align-items:center;gap:6px;color:#fff;flex:1}.move-dialog-title h3{margin:0;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.move-dialog-toggle{display:flex;gap:2px;background:#25252699;padding:2px;border-radius:3px}.toggle-btn{padding:3px 6px;background:transparent;border:none;color:#888;cursor:pointer;border-radius:2px;font-size:9px;font-weight:500;transition:all .15s;min-width:32px}.toggle-btn:hover{background:#2a2a2acc;color:#fff}.toggle-btn.active{background:#646cff;color:#fff}.move-dialog-close{background:none;border:none;color:#888;cursor:pointer;padding:2px;border-radius:3px;transition:all .15s}.move-dialog-close:hover{background:#333c;color:#fff}.move-dialog-content{padding:10px}.no-selection{text-align:center;color:#888;padding:20px}.move-mode-toggle{display:flex;gap:4px;margin-bottom:8px;background:#25252699;padding:3px;border-radius:4px}.move-mode-toggle button{flex:1;padding:4px 8px;background:transparent;border:none;color:#888;cursor:pointer;border-radius:3px;font-size:10px;font-weight:500;transition:all .15s}.move-mode-toggle button:hover{background:#2a2a2acc;color:#fff}.move-mode-toggle button.active{background:#646cff;color:#fff}.move-section{margin-bottom:8px}.move-section-label{display:block;font-size:9px;font-weight:600;color:#999;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.move-values-row{display:flex;gap:4px}.move-value-display{flex:1;display:flex;align-items:center;gap:3px;padding:3px 6px;background:#25252680;border-radius:3px;border:1px solid rgba(51,51,51,.5)}.move-value-display .value{flex:1;text-align:right;font-size:10px;font-weight:600;color:#fff;font-family:Consolas,Monaco,monospace}.move-inputs-row{display:flex;gap:4px}.move-input{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.axis-label-x,.axis-label-y,.axis-label-z{font-size:8px;font-weight:700;padding:1px 4px;border-radius:2px;text-align:center;min-width:14px}.axis-label-x{background:#e74c3c;color:#fff}.axis-label-y{background:#2ecc71;color:#fff}.axis-label-z{background:#3498db;color:#fff}.move-dialog-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:10px;padding-top:8px;border-top:1px solid rgba(51,51,51,.5)}.move-btn-cancel,.move-btn-reset,.move-btn-apply{padding:5px 12px;border:none;border-radius:3px;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s}.move-btn-cancel{background:#333333b3;color:#fff}.move-btn-cancel:hover{background:#444444d9}.move-btn-apply{background:#646cff;color:#fff}.move-btn-reset{background:#ffa500cc;color:#fff}.move-btn-reset:hover{background:orange}.project-filter-pane{display:flex;flex-direction:column;width:280px;height:100%;background:#121215f2;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto}.project-filter-search{position:relative;padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.project-filter-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#fff6;pointer-events:none}.project-filter-search-input{width:100%;padding:8px 12px 8px 32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffe6;font-size:13px;outline:none;transition:all .2s}.project-filter-search-input:focus{background:#ffffff14;border-color:#3b82f680}.project-filter-search-input::-moz-placeholder{color:#ffffff4d}.project-filter-search-input::placeholder{color:#ffffff4d}.project-filter-section{padding:12px;border-bottom:1px solid rgba(255,255,255,.05)}.project-filter-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-filter-section-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.project-filter-reset-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:none;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff9;font-size:11px;cursor:pointer;transition:all .2s}.project-filter-reset-btn:hover{background:#ffffff0d;border-color:#ffffff4d;color:#ffffffe6}.project-category-tree{display:flex;flex-direction:column;gap:2px}.project-category-node{display:flex;flex-direction:column}.project-category-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-category-item:hover{background:#ffffff0d}.project-category-item.active{background:#3b82f626;color:#60a5fa}.project-category-icon{flex-shrink:0;color:#fff9}.project-category-label{flex:1;font-size:13px;color:#ffffffd9}.project-category-count{padding:2px 6px;background:#ffffff1a;border-radius:10px;font-size:11px;color:#fff9}.project-status-tree{display:flex;flex-direction:column;gap:2px}.project-status-node{display:flex;flex-direction:column}.project-status-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-status-item:hover{background:#ffffff0d}.project-status-item.active{background:#3b82f626;color:#60a5fa}.project-status-icon{flex-shrink:0;font-size:12px}.project-status-label{flex:1;font-size:13px;color:#ffffffd9}.project-status-count{padding:2px 6px;background:#ffffff1a;border-radius:10px;font-size:11px;color:#fff9}.project-visibility-tree{display:flex;flex-direction:column;gap:2px}.project-visibility-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-visibility-item:hover{background:#ffffff0d}.project-visibility-item.active{background:#3b82f626;color:#60a5fa}.project-visibility-icon{flex-shrink:0;font-size:12px}.project-visibility-label{flex:1;font-size:13px;color:#ffffffd9}.project-visibility-count{padding:2px 6px;background:#ffffff1a;border-radius:10px;font-size:11px;color:#fff9}.project-origin-tree{display:flex;flex-direction:column;gap:2px}.project-origin-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-origin-item:hover{background:#ffffff0d}.project-origin-item.active{background:#3b82f626;color:#60a5fa}.project-origin-icon{flex-shrink:0;font-size:12px}.project-origin-label{flex:1;font-size:13px;color:#ffffffd9}.project-origin-count{padding:2px 6px;background:#ffffff1a;border-radius:10px;font-size:11px;color:#fff9}.project-browser-pane{display:flex;flex-direction:column;flex:1;min-width:0;background:#0f0f12f2;overflow:hidden}.project-browser-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.project-browser-title{font-size:14px;font-weight:600;color:#ffffffe6}.project-browser-header-actions{display:flex;align-items:center;gap:8px}.project-browser-add-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#60a5fa;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.project-browser-add-btn:hover{background:#3b82f640;border-color:#3b82f680;color:#93c5fd}.project-browser-view-toggle{display:flex;gap:4px}.project-view-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s;font-size:14px}.project-view-toggle-btn:hover{background:#ffffff14;color:#ffffffe6}.project-view-toggle-btn.active{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.project-browser-content{flex:1;overflow-y:auto;padding:16px}.project-browser-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#ffffff80}.project-browser-loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top:2px solid rgb(59,130,246);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-browser-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#ffffff80}.project-browser-error-icon{font-size:48px;opacity:.3;margin-bottom:16px}.project-browser-error-text{font-size:14px;color:#fca5a5}.project-browser-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.project-browser-empty-icon{font-size:48px;opacity:.3;margin-bottom:16px}.project-browser-empty-text{font-size:14px;color:#ffffff80;margin-bottom:16px}.project-browser-empty-btn{padding:8px 16px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.project-browser-empty-btn:hover{background:#3b82f640;border-color:#3b82f680;color:#93c5fd}.project-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.project-card{display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s}.project-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.project-card.selected{background:#3b82f61a;border-color:#3b82f666}.project-card-thumbnail{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:#0003;border-radius:6px;margin-bottom:12px;overflow:hidden}.project-card-thumbnail-icon{font-size:32px;color:#fff9}.project-card-content{display:flex;flex-direction:column;gap:4px}.project-card-name{font-size:13px;font-weight:600;color:#ffffffe6;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-card-category{font-size:11px;color:#ffffff80;margin-bottom:8px;text-transform:capitalize}.project-card-specs{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#ffffffb3}.project-spec-row{display:flex;justify-content:space-between}.project-spec-label{display:flex;align-items:center;gap:4px;color:#ffffff80}.project-spec-value{font-weight:600;color:#ffffffd9}.project-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.project-tag-chip{padding:2px 6px;background:#3b82f626;border-radius:4px;font-size:10px;color:#60a5fae6;white-space:nowrap}.project-list-view{display:flex;flex-direction:column;gap:8px}.project-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .2s}.project-list-item:hover{background:#ffffff0d;border-color:#ffffff26}.project-list-item.selected{background:#3b82f61a;border-color:#3b82f666}.project-list-thumbnail{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#0003;border-radius:6px;flex-shrink:0;overflow:hidden}.project-list-thumbnail-icon{font-size:20px;color:#fff9}.project-list-info{flex:1;min-width:0}.project-list-name{font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-list-meta{font-size:12px;color:#ffffff80;margin-bottom:4px}.project-list-specs{display:flex;gap:8px;flex-wrap:wrap}.project-spec-chip{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#3b82f626;border-radius:4px;font-size:11px;color:#60a5fae6;white-space:nowrap}.project-details-pane{display:flex;flex-direction:column;width:320px;height:100%;background:#121215f2;border-left:1px solid rgba(255,255,255,.1);overflow:hidden}.project-details-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px}.project-details-empty-icon{font-size:64px;opacity:.3;margin-bottom:16px}.project-details-empty-text{font-size:14px;color:#ffffff80;text-align:center}.project-details-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0f0f12f2}.project-details-title-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.project-details-icon{font-size:20px;flex-shrink:0}.project-details-title{margin:0;font-size:16px;font-weight:600;color:#ffffffe6;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-details-status{display:flex;align-items:center;gap:6px}.project-details-status-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#ffffffe6;font-size:12px;font-weight:600;padding:4px 8px;cursor:pointer;transition:all .2s}.project-details-status-select:hover{background:#ffffff1a;border-color:#fff3}.project-details-status-select:focus{outline:none;border-color:#3b82f680;background:#ffffff1a}.project-details-status-select.project-status-draft{color:#fbbf24}.project-details-status-select.project-status-active{color:#3b82f6}.project-details-status-select.project-status-completed{color:#22c55e}.project-details-status-select.project-status-archived{color:#9ca3af}.project-details-content{flex:1;overflow-y:auto;padding:16px 20px}.project-details-section{margin-bottom:24px}.project-details-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-details-section-title{margin:0;font-size:13px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.project-details-new-save-btn{padding:4px 8px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#60a5fa;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.project-details-new-save-btn:hover{background:#3b82f640;border-color:#3b82f680;color:#93c5fd}.project-details-info{display:flex;flex-direction:column;gap:8px}.project-details-info-row{display:flex;justify-content:space-between;align-items:center}.project-details-info-label{font-size:12px;color:#fff9}.project-details-info-value{font-size:12px;font-weight:600;color:#ffffffe6;text-transform:capitalize}.project-details-description{font-size:13px;color:#ffffffb3;line-height:1.4;margin:0}.project-details-tags{display:flex;flex-wrap:wrap;gap:6px}.project-details-tag{padding:4px 8px;background:#3b82f626;border-radius:4px;font-size:11px;color:#60a5fae6;white-space:nowrap}.project-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#ffffff80}.project-details-loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top:2px solid rgb(59,130,246);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.project-details-error{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px}.project-details-error-text{font-size:12px;color:#fca5a5}.project-details-empty-saves{padding:20px;text-align:center}.project-details-empty-saves-text{font-size:12px;color:#ffffff80}.project-details-saves{display:flex;flex-direction:column;gap:8px}.project-details-save-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .2s}.project-details-save-item:hover{background:#ffffff0d;border-color:#ffffff26}.project-details-save-info{flex:1;min-width:0}.project-details-save-name{font-size:13px;font-weight:600;color:#ffffffe6;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-details-save-meta{font-size:11px;color:#ffffff80}.project-details-save-actions{display:flex;align-items:center;gap:4px}.project-details-save-load-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff6;cursor:pointer;transition:all .2s;font-size:10px}.project-details-save-load-btn:hover{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.project-details-actions{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);background:#0f0f12f2;display:flex;flex-direction:column;gap:8px}.project-details-actions-row{display:flex;gap:6px}.project-details-action-btn{display:flex;align-items:center;gap:6px;flex:1;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;outline:none;white-space:nowrap}.project-details-action-btn.primary{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.project-details-action-btn.primary:hover{background:#3b82f640;border-color:#3b82f680;color:#93c5fd}.project-details-action-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.project-details-action-btn.secondary:hover{background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.project-details-action-btn.danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.project-details-action-btn.danger:hover{background:#ef444440;border-color:#ef444480;color:#fca5a5}.project-status-draft{color:#ffffff80}.project-status-active{color:#22c55e}.project-status-completed{color:#3b82f6}.project-status-archived{color:#fff6}.create-project-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:40px}.create-project-container{background:#0c0c0ffa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 60px #00000080;width:100%;max-width:480px;max-height:90vh;overflow:hidden}.create-project-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#121215f2;border-bottom:1px solid rgba(255,255,255,.1)}.create-project-title{margin:0;font-size:18px;font-weight:700;color:#fffffff2;letter-spacing:-.02em}.create-project-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .2s}.create-project-close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.create-project-content{padding:24px;background:#0f0f12f2}.create-project-form{display:flex;flex-direction:column;gap:16px}.create-project-field{display:flex;flex-direction:column;gap:6px}.create-project-label{font-size:13px;font-weight:600;color:#fffc}.create-project-input{padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffe6;font-size:14px;outline:none;transition:all .2s}.create-project-input:focus{background:#ffffff14;border-color:#3b82f680}.create-project-input::-moz-placeholder{color:#ffffff4d}.create-project-input::placeholder{color:#ffffff4d}.create-project-input:disabled{opacity:.5;cursor:not-allowed}.create-project-textarea{padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffe6;font-size:14px;outline:none;transition:all .2s;resize:vertical;min-height:80px;font-family:inherit}.create-project-textarea:focus{background:#ffffff14;border-color:#3b82f680}.create-project-textarea::-moz-placeholder{color:#ffffff4d}.create-project-textarea::placeholder{color:#ffffff4d}.create-project-textarea:disabled{opacity:.5;cursor:not-allowed}.create-project-select{padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffe6;font-size:14px;outline:none;transition:all .2s;cursor:pointer}.create-project-select:focus{background:#ffffff14;border-color:#3b82f680}.create-project-select option{background:#121215f2;color:#ffffffe6}.create-project-select:disabled{opacity:.5;cursor:not-allowed}.create-project-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.create-project-btn{padding:10px 20px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;outline:none}.create-project-btn:disabled{opacity:.5;cursor:not-allowed}.create-project-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.create-project-btn.secondary:hover:not(:disabled){background:#ffffff14;border-color:#fff3;color:#ffffffe6}.create-project-btn.primary{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.create-project-btn.primary:hover:not(:disabled){background:#3b82f640;border-color:#3b82f680;color:#93c5fd}.project-manager-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:40px}.project-manager-container-v2{display:flex;flex-direction:column;width:100%;max-width:1400px;height:100%;max-height:900px;background:#0c0c0ffa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden}.project-manager-header-v2{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#121215f2;border-bottom:1px solid rgba(255,255,255,.1)}.project-manager-title-v2{margin:0;font-size:18px;font-weight:700;color:#fffffff2;letter-spacing:-.02em}.project-manager-header-actions{display:flex;align-items:center;gap:16px}.project-manager-action-group{display:flex;align-items:center;gap:8px;padding-right:16px;border-right:1px solid rgba(255,255,255,.1)}.project-manager-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffe6;cursor:pointer;transition:all .2s;flex-shrink:0}.project-manager-action-btn svg{width:16px!important;height:16px!important;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block;flex-shrink:0;opacity:1;visibility:visible}.project-manager-action-btn svg *{stroke:inherit}.project-manager-action-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:scale(1.05)}.project-manager-action-btn.create-btn:hover{background:#22c55e26;border-color:#22c55e4d;color:#22c55ee6}.project-manager-action-btn.view-btn.active{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6e6}.project-manager-action-btn.view-btn:hover{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6e6}.project-manager-header-controls{display:flex;align-items:center;gap:8px}.project-manager-control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffe6;cursor:pointer;transition:all .2s;flex-shrink:0}.project-manager-control-btn svg{width:16px!important;height:16px!important;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block;flex-shrink:0;opacity:1;visibility:visible}.project-manager-control-btn svg *{stroke:inherit}.project-manager-control-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fffffff2;transform:scale(1.05)}.project-manager-control-btn.pin-btn.pinned{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6e6}.project-manager-control-btn.pin-btn:hover{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6e6}.project-manager-control-btn.minimize-btn:hover{background:#eab30826;border-color:#eab3084d;color:#eab308e6}.project-manager-control-btn.maximize-btn:hover{background:#22c55e26;border-color:#22c55e4d;color:#22c55ee6}.project-manager-control-btn.close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.project-manager-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s}.project-manager-close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.project-manager-body-v2{display:flex;flex:1;min-height:0;overflow:hidden}@media (max-width: 1200px){.project-manager-container-v2{max-width:95%}}@media (max-width: 900px){.project-manager-overlay{padding:20px}.project-manager-container-v2{max-width:100%;max-height:100%}.project-manager-body-v2{flex-direction:column}.project-filter-pane,.project-details-pane{width:100%;max-height:40vh}}.essential-layout{display:flex;flex-direction:column;height:100vh;background:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.essential-header{height:60px;background:#2d3748;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #4a5568;z-index:100}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.floating-toolbar{position:fixed;top:76px;left:260px;display:flex;align-items:center;gap:6px;padding:6px 8px;background:#1a202cfa;border-radius:6px;border:1px solid #4a5568;z-index:1000;backdrop-filter:blur(8px);height:38px;pointer-events:auto}.toolbar-btn{padding:4px;background:transparent;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn:disabled:hover{background:transparent;color:#e2e8f0}.toolbar-btn:hover,.toolbar-btn.active{background:#48bb78;color:#fff}.toolbar-separator{width:1px;height:20px;background:#4a5568;margin:0 4px}.logo{font-size:24px;font-weight:700;margin:0;letter-spacing:-.5px}.mode-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mode-badge.learning{background:#48bb78;color:#fff}.essential-content{display:flex;flex:1;overflow:hidden;position:relative}.essential-viewport{flex:1;position:relative;background:transparent;min-width:0;min-height:0}#viewport-essential{background:#1e1e24!important}#viewport-essential canvas{background:#1e1e24!important}.essential-sidebar{width:240px!important;min-width:240px!important;max-width:240px!important;flex:0 0 240px!important;background:#2d3748;border-right:1px solid #4a5568;display:flex;flex-direction:column;overflow-y:auto;padding:0;gap:0}.welcome-section{background:#1a202c;padding:20px;border-radius:12px;border:1px solid #4a5568}.welcome-section h2{margin:0 0 12px;color:#e2e8f0;font-size:20px}.welcome-text{margin:0 0 16px;color:#a0aec0;font-size:14px;line-height:1.6}.progress-bar{height:8px;background:#1a202c;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:#48bb78;transition:width .3s ease}.progress-text{margin:0;font-size:12px;color:#718096;text-align:center}.action-cards{display:flex;flex-direction:column;gap:16px}.action-card{background:#1a202c;border:2px solid #4a5568;border-radius:12px;padding:20px;transition:all .2s ease;cursor:pointer}.action-card:not(.disabled):hover{border-color:#48bb78;box-shadow:0 4px 12px #48bb7826;transform:translateY(-2px)}.action-card.disabled{opacity:.5;cursor:not-allowed}.action-card.completed{background:#1e3a2c;border-color:#48bb78}.action-card .card-icon{color:#48bb78;margin-bottom:12px}.action-card.completed .card-icon{color:#48bb78}.card-content h3{margin:0 0 8px;color:#e2e8f0;font-size:16px;font-weight:600}.card-content p{margin:0 0 12px;color:#a0aec0;font-size:14px;line-height:1.5}.shape-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.shape-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#2d3748;border:1px solid #4a5568;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#a0aec0;font-size:12px;font-weight:500}.shape-btn:hover{background:#48bb78;color:#fff;border-color:#48bb78;transform:scale(1.05)}.action-help{margin-top:12px;padding:10px;background:#48bb781a;border:1px solid rgba(72,187,120,.3);border-radius:6px}.action-help p{margin:0;font-size:13px;color:#68d391;font-style:italic}.help-panel{background:#1a202c;border:1px solid #4a5568;border-radius:12px;padding:16px;margin-top:auto}.help-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#48bb78}.help-header h3{margin:0;font-size:14px;font-weight:600}.help-tips{margin:0;padding-left:20px;color:#a0aec0}.help-tips li{font-size:13px;line-height:1.8}.viewport-controls{position:fixed;top:76px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:auto}.control-btn{background:#2d3748;border:1px solid #4a5568;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;color:#e2e8f0;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:100px;text-align:center}.control-btn:not(:disabled):hover{background:#48bb78;color:#fff;border-color:#48bb78}.control-btn:disabled{opacity:.5;cursor:not-allowed}.getting-started{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5}.starter-message{background:#2d3748;padding:32px;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-width:400px;border:1px solid #4a5568}.starter-message h2{margin:0 0 12px;color:#e2e8f0;font-size:24px}.starter-message p{margin:0 0 16px;color:#a0aec0;font-size:16px}.starter-arrow{font-size:32px;color:#48bb78;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}.viewport-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3}.sidebar-section{border-bottom:1px solid #4a5568;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.sidebar-section:last-child{border-bottom:none;flex:1}.sidebar-title{margin:0;padding:16px 20px;color:#e2e8f0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#1a202c;border-bottom:1px solid #4a5568;position:sticky;top:0;z-index:10}.transform-display{position:fixed;bottom:20px;right:20px;background:#2d3748f2;border:1px solid #4a5568;border-radius:6px;padding:8px 12px;z-index:1000;backdrop-filter:blur(8px);pointer-events:auto;display:flex;flex-direction:column;gap:4px}.transform-row{display:flex;gap:12px;font-size:12px;font-family:Courier New,monospace}.transform-row .transform-value{color:#e2e8f0;font-weight:500}.transform-display h4{margin:0 0 12px;color:#e2e8f0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.transform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.transform-value{display:flex;flex-direction:column;gap:4px}.transform-label{font-size:11px;color:#a0aec0;font-weight:600;text-transform:uppercase}.transform-number{font-size:14px;color:#e2e8f0;font-family:Courier New,monospace;font-weight:500}@media (max-width: 1400px){.essential-sidebar{width:220px}.floating-toolbar{left:240px}}@media (max-width: 1024px){.essential-sidebar{width:200px}.floating-toolbar{left:220px;gap:4px}}@media (max-width: 768px){.essential-sidebar{display:none}.floating-toolbar{left:20px}}.dv-scrollable{position:relative;overflow:hidden}.dv-scrollable .dv-scrollbar-horizontal{position:absolute;bottom:0;left:0;height:4px;border-radius:2px;background-color:transparent;will-change:background-color,transform;transform:translateZ(0);backface-visibility:hidden;transition-property:background-color;transition-timing-function:ease-in-out;transition-duration:1s;transition-delay:0s}.dv-scrollable:hover .dv-scrollbar-horizontal,.dv-scrollable.dv-scrollable-resizing .dv-scrollbar-horizontal,.dv-scrollable.dv-scrollable-scrolling .dv-scrollbar-horizontal{background-color:var(--dv-scrollbar-background-color, rgba(255, 255, 255, .25))}.dv-svg{display:inline-block;fill:currentcolor;line-height:1;stroke:currentcolor;stroke-width:0}.dockview-theme-dark{--dv-paneview-active-outline-color: dodgerblue;--dv-tabs-and-actions-container-font-size: 13px;--dv-tabs-and-actions-container-height: 35px;--dv-drag-over-background-color: rgba(83, 89, 93, .5);--dv-drag-over-border-color: transparent;--dv-tabs-container-scrollbar-color: #888;--dv-icon-hover-background-color: rgba(90, 93, 94, .31);--dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, .5);--dv-overlay-z-index: 999;--dv-tab-font-size: inherit;--dv-border-radius: 0px;--dv-tab-margin: 0;--dv-sash-color: transparent;--dv-active-sash-color: transparent;--dv-active-sash-transition-duration: .1s;--dv-active-sash-transition-delay: .5s;--dv-group-view-background-color: #1e1e1e;--dv-tabs-and-actions-container-background-color: #252526;--dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;--dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;--dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;--dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;--dv-tab-divider-color: #1e1e1e;--dv-activegroup-visiblepanel-tab-color: white;--dv-activegroup-hiddenpanel-tab-color: #969696;--dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;--dv-inactivegroup-hiddenpanel-tab-color: #626262;--dv-separator-border: rgb(68, 68, 68);--dv-paneview-header-border-color: rgba(204, 204, 204, .2)}.dockview-theme-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed{opacity:0;transition:none}.dockview-theme-light{--dv-paneview-active-outline-color: dodgerblue;--dv-tabs-and-actions-container-font-size: 13px;--dv-tabs-and-actions-container-height: 35px;--dv-drag-over-background-color: rgba(83, 89, 93, .5);--dv-drag-over-border-color: transparent;--dv-tabs-container-scrollbar-color: #888;--dv-icon-hover-background-color: rgba(90, 93, 94, .31);--dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, .5);--dv-overlay-z-index: 999;--dv-tab-font-size: inherit;--dv-border-radius: 0px;--dv-tab-margin: 0;--dv-sash-color: transparent;--dv-active-sash-color: transparent;--dv-active-sash-transition-duration: .1s;--dv-active-sash-transition-delay: .5s;--dv-group-view-background-color: white;--dv-tabs-and-actions-container-background-color: #f3f3f3;--dv-activegroup-visiblepanel-tab-background-color: white;--dv-activegroup-hiddenpanel-tab-background-color: #ececec;--dv-inactivegroup-visiblepanel-tab-background-color: white;--dv-inactivegroup-hiddenpanel-tab-background-color: #ececec;--dv-tab-divider-color: white;--dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);--dv-activegroup-hiddenpanel-tab-color: rgba(51, 51, 51, .7);--dv-inactivegroup-visiblepanel-tab-color: rgba(51, 51, 51, .7);--dv-inactivegroup-hiddenpanel-tab-color: rgba(51, 51, 51, .35);--dv-separator-border: rgba(128, 128, 128, .35);--dv-paneview-header-border-color: rgb(51, 51, 51);--dv-scrollbar-background-color: rgba(0, 0, 0, .25)}.dockview-theme-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed{opacity:0;transition:none}.dockview-theme-vs{--dv-paneview-active-outline-color: dodgerblue;--dv-drag-over-background-color: rgba(83, 89, 93, .5);--dv-drag-over-border-color: transparent;--dv-tabs-container-scrollbar-color: #888;--dv-icon-hover-background-color: rgba(90, 93, 94, .31);--dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, .5);--dv-overlay-z-index: 999;--dv-tab-font-size: inherit;--dv-border-radius: 0px;--dv-tab-margin: 0;--dv-sash-color: transparent;--dv-active-sash-color: transparent;--dv-active-sash-transition-duration: .1s;--dv-active-sash-transition-delay: .5s;--dv-group-view-background-color: #1e1e1e;--dv-tabs-and-actions-container-background-color: #252526;--dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;--dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;--dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;--dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;--dv-tab-divider-color: #1e1e1e;--dv-activegroup-hiddenpanel-tab-color: #969696;--dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;--dv-inactivegroup-hiddenpanel-tab-color: #626262;--dv-separator-border: rgb(68, 68, 68);--dv-paneview-header-border-color: rgba(204, 204, 204, .2);--dv-tabs-and-actions-container-background-color: #2d2d30;--dv-tabs-and-actions-container-height: 20px;--dv-tabs-and-actions-container-font-size: 11px;--dv-activegroup-visiblepanel-tab-background-color: #007acc;--dv-inactivegroup-visiblepanel-tab-background-color: #3f3f46;--dv-activegroup-visiblepanel-tab-color: white;--dv-activegroup-hiddenpanel-tab-color: white;--dv-inactivegroup-visiblepanel-tab-color: white;--dv-inactivegroup-hiddenpanel-tab-color: white}.dockview-theme-vs .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed{opacity:0;transition:none}.dockview-theme-vs .dv-groupview.dv-active-group>.dv-tabs-and-actions-container{box-sizing:content-box;border-bottom:2px solid var(--dv-activegroup-visiblepanel-tab-background-color)}.dockview-theme-vs .dv-groupview.dv-active-group>.dv-tabs-and-actions-container .dv-tab.dv-active-tab{border-top:2px solid var(--dv-activegroup-visiblepanel-tab-background-color)}.dockview-theme-vs .dv-groupview.dv-active-group>.dv-tabs-and-actions-container .dv-tab.dv-inactive-tab{border-top:2px solid var(--dv-activegroup-hiddenpanel-tab-background-color)}.dockview-theme-vs .dv-groupview.dv-inactive-group>.dv-tabs-and-actions-container{box-sizing:content-box;border-bottom:2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color)}.dockview-theme-vs .dv-groupview.dv-inactive-group>.dv-tabs-and-actions-container .dv-tab.dv-active-tab{border-top:2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color)}.dockview-theme-vs .dv-groupview.dv-inactive-group>.dv-tabs-and-actions-container .dv-tab.dv-inactive-tab{border-top:2px solid var(--dv-inactivegroup-hiddenpanel-tab-background-color)}.dockview-theme-abyss{--dv-paneview-active-outline-color: dodgerblue;--dv-tabs-and-actions-container-font-size: 13px;--dv-tabs-and-actions-container-height: 35px;--dv-drag-over-background-color: rgba(83, 89, 93, .5);--dv-drag-over-border-color: transparent;--dv-tabs-container-scrollbar-color: #888;--dv-icon-hover-background-color: rgba(90, 93, 94, .31);--dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, .5);--dv-overlay-z-index: 999;--dv-tab-font-size: inherit;--dv-border-radius: 0px;--dv-tab-margin: 0;--dv-sash-color: transparent;--dv-active-sash-color: transparent;--dv-active-sash-transition-duration: .1s;--dv-active-sash-transition-delay: .5s;--dv-color-abyss-dark: #000c18;--dv-color-abyss: #10192c;--dv-color-abyss-light: #1c1c2a;--dv-color-abyss-lighter: #2b2b4a;--dv-color-abyss-accent: rgb(91, 30, 207);--dv-color-abyss-primary-text: white;--dv-color-abyss-secondary-text: rgb(148, 151, 169);--dv-group-view-background-color: var(--dv-color-abyss-dark);--dv-tabs-and-actions-container-background-color: var( --dv-color-abyss-light );--dv-activegroup-visiblepanel-tab-background-color: var( --dv-color-abyss-dark );--dv-activegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);--dv-inactivegroup-visiblepanel-tab-background-color: var( --dv-color-abyss-dark );--dv-inactivegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);--dv-tab-divider-color: var(--dv-color-abyss-lighter);--dv-activegroup-visiblepanel-tab-color: white;--dv-activegroup-hiddenpanel-tab-color: rgba(255, 255, 255, .5);--dv-inactivegroup-visiblepanel-tab-color: rgba(255, 255, 255, .5);--dv-inactivegroup-hiddenpanel-tab-color: rgba(255, 255, 255, .25);--dv-separator-border: var(--dv-color-abyss-lighter);--dv-paneview-header-border-color: var(--dv-color-abyss-lighter);--dv-paneview-active-outline-color: #596f99}.dockview-theme-abyss .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed{opacity:0;transition:none}.dockview-theme-dracula{--dv-paneview-active-outline-color: dodgerblue;--dv-tabs-and-actions-container-font-size: 13px;--dv-tabs-and-actions-container-height: 35px;--dv-drag-over-background-color: rgba(83, 89, 93, .5);--dv-drag-over-border-color: transparent;--dv-tabs-container-scrollbar-color: #888;--dv-icon-hover-background-color: rgba(90, 93, 94, .31);--dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, .5);--dv-overlay-z-index: 999;--dv-tab-font-size: inherit;--dv-border-radius: 0px;--dv-tab-margin: 0;--dv-sash-color: transparent;--dv-active-sash-color: transparent;--dv-active-sash-transition-duration: .1s;--dv-active-sash-transition-delay: .5s;--dv-group-view-background-color: #282a36;--dv-tabs-and-actions-container-background-color: #191a21;--dv-activegroup-visiblepanel-tab-background-color: #282a36;--dv-activegroup-hiddenpanel-tab-background-color: #21222c;--dv-inactivegroup-visiblepanel-tab-background-color: #282a36;--dv-inactivegroup-hiddenpanel-tab-background-color: #21222c;--dv-tab-divider-color: #191a21;--dv-activegroup-visiblepanel-tab-color: rgb(248, 248, 242);--dv-activegroup-hiddenpanel-tab-color: rgb(98, 114, 164);--dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, .5);--dv-inactivegroup-hiddenpanel-tab-color: rgba(98, 114, 164, .5);--dv-separator-border: #bd93f9;--dv-paneview-header-border-color: #bd93f9;--dv-paneview-active-outline-color: #6272a4}.dockview-theme-dracula .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed{opacity:0;transition:none}.dockview-theme-dracula .dv-groupview.dv-active-group>.dv-tabs-and-actions-container .dv-tabs-container>.dv-tab.dv-active-tab{position:relative}.dockview-theme-dracula .dv-groupview.dv-active-group>.dv-tabs-and-actions-container .dv-tabs-container>.dv-tab.dv-active-tab:after{position:absolute;left:0;top:0;content:"";width:100%;height:1px;background-color:#94527e;z-index:999}.dockview-theme-dracula .dv-groupview.dv-inactive-group>.dv-tabs-and-actions-container .dv-tabs-container>.dv-tab.dv-active-tab{position:relative}.dockview-theme-dracula .dv-groupview.dv-inactive-group>.dv-tabs-and-actions-container .dv-tabs-container>.dv-tab.dv-active-tab:after{position:absolute;left:0;bottom:0;content:"";width:100%;height:1px;background-color:#5e3d5a;z-index:999}.dockview-theme-replit{--dv-paneview-active-outline-color: dodgerblue;--dv-tabs-and-actions-container-font-size: 13px;--dv-tabs-and-actions-container-height: 35px;--dv-drag-over-background-color: rgba(83, 89, 93, .5);--dv-drag-over-border-color: transparent;--dv-tabs-container-scrollbar-color: #888;--dv-icon-hover-background-color: rgba(90, 93, 94, .31);--dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, .5);--dv-overlay-z-index: 999;--dv-tab-font-size: inherit;--dv-border-radius: 0px;--dv-tab-margin: 0;--dv-sash-color: transparent;--dv-active-sash-color: transparent;--dv-active-sash-transition-duration: .1s;--dv-active-sash-transition-delay: .5s;box-sizing:border-box;padding:10px;background-color:#ebeced;--dv-group-view-background-color: #ebeced;--dv-tabs-and-actions-container-background-color: #fcfcfc;--dv-activegroup-visiblepanel-tab-background-color: #f0f1f2;--dv-activegroup-hiddenpanel-tab-background-color: #fcfcfc;--dv-inactivegroup-visiblepanel-tab-background-color: #f0f1f2;--dv-inactivegroup-hiddenpanel-tab-background-color: #fcfcfc;--dv-tab-divider-color: transparent;--dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);--dv-activegroup-hiddenpanel-tab-color: rgb(51, 51, 51);--dv-inactivegroup-visiblepanel-tab-color: rgb(51, 51, 51);--dv-inactivegroup-hiddenpanel-tab-color: rgb(51, 51, 51);--dv-separator-border: transparent;--dv-paneview-header-border-color: rgb(51, 51, 51);--dv-sash-color: #cfd1d3;--dv-active-sash-color: #babbbb}.dockview-theme-replit .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed{opacity:0;transition:none}.dockview-theme-replit .dv-resize-container:has(>.dv-groupview){border-radius:8px}.dockview-theme-replit .dv-resize-container{border-radius:10px!important;border:none}.dockview-theme-replit .dv-groupview{overflow:hidden;border-radius:10px}.dockview-theme-replit .dv-groupview .dv-tabs-and-actions-container{border-bottom:1px solid rgba(128,128,128,.35)}.dockview-theme-replit .dv-groupview .dv-tabs-and-actions-container .dv-tab{margin:4px;border-radius:8px}.dockview-theme-replit .dv-groupview .dv-tabs-and-actions-container .dv-tab .dv-svg{height:8px;width:8px}.dockview-theme-replit .dv-groupview .dv-tabs-and-actions-container .dv-tab:hover{background-color:#e4e5e6!important}.dockview-theme-replit .dv-groupview .dv-content-container{background-color:#fcfcfc}.dockview-theme-replit .dv-groupview.dv-active-group{border:1px solid rgba(128,128,128,.35)}.dockview-theme-replit .dv-groupview.dv-inactive-group{border:1px solid transparent}.dockview-theme-replit .dv-vertical>.dv-sash-container>.dv-sash{background-color:transparent}.dockview-theme-replit .dv-vertical>.dv-sash-container>.dv-sash:not(.disabled):after{content:"";height:4px;width:40px;border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--dv-sash-color);position:absolute}.dockview-theme-replit .dv-vertical>.dv-sash-container>.dv-sash:not(.disabled):hover,.dockview-theme-replit .dv-vertical>.dv-sash-container>.dv-sash:not(.disabled):active{background-color:transparent}.dockview-theme-replit .dv-vertical>.dv-sash-container>.dv-sash:not(.disabled):hover:after,.dockview-theme-replit .dv-vertical>.dv-sash-container>.dv-sash:not(.disabled):active:after{background-color:var(--dv-active-sash-color)}.dockview-theme-replit .dv-horizontal>.dv-sash-container>.dv-sash{background-color:transparent}.dockview-theme-replit .dv-horizontal>.dv-sash-container>.dv-sash:not(.disabled):after{content:"";height:40px;width:4px;border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--dv-sash-color);position:absolute}.dockview-theme-replit .dv-horizontal>.dv-sash-container>.dv-sash:not(.disabled):hover,.dockview-theme-replit .dv-horizontal>.dv-sash-container>.dv-sash:not(.disabled):active{background-color:transparent}.dockview-theme-replit .dv-horizontal>.dv-sash-container>.dv-sash:not(.disabled):hover:after,.dockview-theme-replit .dv-horizontal>.dv-sash-container>.dv-sash:not(.disabled):active:after{background-color:var(--dv-active-sash-color)}.dockview-theme-abyss-spaced{--dv-paneview-active-outline-color: dodgerblue;--dv-tabs-and-actions-container-font-size: 13px;--dv-drag-over-background-color: rgba(83, 89, 93, .5);--dv-drag-over-border-color: transparent;--dv-tabs-container-scrollbar-color: #888;--dv-icon-hover-background-color: rgba(90, 93, 94, .31);--dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, .5);--dv-overlay-z-index: 999;--dv-tab-font-size: inherit;--dv-tab-margin: 0;--dv-sash-color: transparent;--dv-active-sash-color: transparent;--dv-active-sash-transition-duration: .1s;--dv-active-sash-transition-delay: .5s;--dv-tab-font-size: 12px;--dv-tab-margin: .5rem .25rem;--dv-tabs-and-actions-container-height: 44px;--dv-border-radius: 20px;box-sizing:border-box;--dv-color-abyss-dark: rgb(11, 6, 17);--dv-color-abyss: #16121f;--dv-color-abyss-light: #201d2b;--dv-color-abyss-lighter: #2a2837;--dv-color-abyss-accent: rgb(91, 30, 207);--dv-color-abyss-primary-text: white;--dv-color-abyss-secondary-text: rgb(148, 151, 169);--dv-drag-over-border: 2px solid var(--dv-color-abyss-accent);--dv-drag-over-background-color: "";--dv-group-view-background-color: var(--dv-color-abyss-dark);--dv-tabs-and-actions-container-background-color: var(--dv-color-abyss);--dv-activegroup-visiblepanel-tab-background-color: var( --dv-color-abyss-lighter );--dv-activegroup-hiddenpanel-tab-background-color: var( --dv-color-abyss-light );--dv-inactivegroup-visiblepanel-tab-background-color: var( --dv-color-abyss-lighter );--dv-inactivegroup-hiddenpanel-tab-background-color: var( --dv-color-abyss-light );--dv-tab-divider-color: transparent;--dv-activegroup-visiblepanel-tab-color: var(--dv-color-abyss-primary-text);--dv-activegroup-hiddenpanel-tab-color: var( --dv-color-abyss-secondary-text );--dv-inactivegroup-visiblepanel-tab-color: var( --dv-color-abyss-primary-text );--dv-inactivegroup-hiddenpanel-tab-color: var( --dv-color-abyss-secondary-text );--dv-separator-border: transparent;--dv-paneview-header-border-color: rgb(51, 51, 51);--dv-active-sash-color: var(--dv-color-abyss-accent);--dv-floating-box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, .5);padding:10px;background-color:var(--dv-color-abyss-dark)}.dockview-theme-abyss-spaced .dv-resize-container:has(>.dv-groupview){border-radius:8px}.dockview-theme-abyss-spaced .dv-sash{border-radius:4px}.dockview-theme-abyss-spaced .dv-drop-target-anchor{border-radius:calc(var(--dv-border-radius) / 4)}.dockview-theme-abyss-spaced .dv-drop-target-anchor.dv-drop-target-content{border-radius:var(--dv-border-radius)}.dockview-theme-abyss-spaced .dv-resize-container{border-radius:var(--dv-border-radius)!important;border:none}.dockview-theme-abyss-spaced .dv-tabs-overflow-container,.dockview-theme-abyss-spaced .dv-tabs-overflow-dropdown-default{border-radius:8px;height:unset!important}.dockview-theme-abyss-spaced .dv-tab{border-radius:8px}.dockview-theme-abyss-spaced .dv-tab .dv-svg{height:8px;width:8px}.dockview-theme-abyss-spaced .dv-groupview{border-radius:var(--dv-border-radius)}.dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container{padding:0px calc(var(--dv-border-radius) / 2)}.dockview-theme-abyss-spaced .dv-groupview .dv-content-container{background-color:var(--dv-tabs-and-actions-container-background-color)}.dockview-theme-abyss-spaced .dv-resize-container .dv-groupview{border:2px solid var(--dv-color-abyss-dark)}.dockview-theme-light-spaced{--dv-paneview-active-outline-color: dodgerblue;--dv-tabs-and-actions-container-font-size: 13px;--dv-drag-over-background-color: rgba(83, 89, 93, .5);--dv-drag-over-border-color: transparent;--dv-tabs-container-scrollbar-color: #888;--dv-icon-hover-background-color: rgba(90, 93, 94, .31);--dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, .5);--dv-overlay-z-index: 999;--dv-tab-font-size: inherit;--dv-tab-margin: 0;--dv-sash-color: transparent;--dv-active-sash-color: transparent;--dv-active-sash-transition-duration: .1s;--dv-active-sash-transition-delay: .5s;--dv-tab-font-size: 12px;--dv-tab-margin: .5rem .25rem;--dv-tabs-and-actions-container-height: 44px;--dv-border-radius: 20px;box-sizing:border-box;--dv-drag-over-border: 2px solid rgb(91, 30, 207);--dv-drag-over-background-color: "";--dv-group-view-background-color: #f6f5f9;--dv-tabs-and-actions-container-background-color: white;--dv-activegroup-visiblepanel-tab-background-color: #ededf0;--dv-activegroup-hiddenpanel-tab-background-color: #f9f9fa;--dv-inactivegroup-visiblepanel-tab-background-color: #ededf0;--dv-inactivegroup-hiddenpanel-tab-background-color: #f9f9fa;--dv-tab-divider-color: transparent;--dv-activegroup-visiblepanel-tab-color: rgb(104, 107, 130);--dv-activegroup-hiddenpanel-tab-color: rgb(148, 151, 169);--dv-inactivegroup-visiblepanel-tab-color: rgb(104, 107, 130);--dv-inactivegroup-hiddenpanel-tab-color: rgb(148, 151, 169);--dv-separator-border: transparent;--dv-paneview-header-border-color: rgb(51, 51, 51);--dv-active-sash-color: rgb(91, 30, 207);--dv-floating-box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, .1);padding:10px;background-color:#f6f5f9;--dv-scrollbar-background-color: rgba(0, 0, 0, .25)}.dockview-theme-light-spaced .dv-resize-container:has(>.dv-groupview){border-radius:8px}.dockview-theme-light-spaced .dv-sash{border-radius:4px}.dockview-theme-light-spaced .dv-drop-target-anchor{border-radius:calc(var(--dv-border-radius) / 4)}.dockview-theme-light-spaced .dv-drop-target-anchor.dv-drop-target-content{border-radius:var(--dv-border-radius)}.dockview-theme-light-spaced .dv-resize-container{border-radius:var(--dv-border-radius)!important;border:none}.dockview-theme-light-spaced .dv-tabs-overflow-container,.dockview-theme-light-spaced .dv-tabs-overflow-dropdown-default{border-radius:8px;height:unset!important}.dockview-theme-light-spaced .dv-tab{border-radius:8px}.dockview-theme-light-spaced .dv-tab .dv-svg{height:8px;width:8px}.dockview-theme-light-spaced .dv-groupview{border-radius:var(--dv-border-radius)}.dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container{padding:0px calc(var(--dv-border-radius) / 2)}.dockview-theme-light-spaced .dv-groupview .dv-content-container{background-color:var(--dv-tabs-and-actions-container-background-color)}.dockview-theme-light-spaced .dv-resize-container .dv-groupview{border:2px solid rgba(255,255,255,.1)}.dv-drop-target-container{position:absolute;z-index:9999;top:0;left:0;height:100%;width:100%;pointer-events:none;overflow:hidden;--dv-transition-duration: .3s}.dv-drop-target-container .dv-drop-target-anchor{position:relative;border:var(--dv-drag-over-border);background-color:var(--dv-drag-over-background-color);opacity:1;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;contain:layout paint;transition:opacity var(--dv-transition-duration) ease-in,transform var(--dv-transition-duration) ease-out}.dv-drop-target{position:relative;--dv-transition-duration: 70ms}.dv-drop-target>.dv-drop-target-dropzone{position:absolute;left:0;top:0;height:100%;width:100%;z-index:1000;pointer-events:none}.dv-drop-target>.dv-drop-target-dropzone>.dv-drop-target-selection{position:relative;box-sizing:border-box;height:100%;width:100%;border:var(--dv-drag-over-border);background-color:var(--dv-drag-over-background-color);transition:top var(--dv-transition-duration) ease-out,left var(--dv-transition-duration) ease-out,width var(--dv-transition-duration) ease-out,height var(--dv-transition-duration) ease-out,opacity var(--dv-transition-duration) ease-out;will-change:transform;pointer-events:none}.dv-drop-target>.dv-drop-target-dropzone>.dv-drop-target-selection.dv-drop-target-top.dv-drop-target-small-vertical{border-top:1px solid var(--dv-drag-over-border-color)}.dv-drop-target>.dv-drop-target-dropzone>.dv-drop-target-selection.dv-drop-target-bottom.dv-drop-target-small-vertical{border-bottom:1px solid var(--dv-drag-over-border-color)}.dv-drop-target>.dv-drop-target-dropzone>.dv-drop-target-selection.dv-drop-target-left.dv-drop-target-small-horizontal{border-left:1px solid var(--dv-drag-over-border-color)}.dv-drop-target>.dv-drop-target-dropzone>.dv-drop-target-selection.dv-drop-target-right.dv-drop-target-small-horizontal{border-right:1px solid var(--dv-drag-over-border-color)}.dv-dockview{position:relative;background-color:var(--dv-group-view-background-color);contain:layout}.dv-dockview .dv-watermark-container{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}.dv-dockview .dv-overlay-render-container{position:relative}.dv-groupview.dv-active-group>.dv-tabs-and-actions-container .dv-tabs-container>.dv-tab.dv-active-tab{background-color:var(--dv-activegroup-visiblepanel-tab-background-color);color:var(--dv-activegroup-visiblepanel-tab-color)}.dv-groupview.dv-active-group>.dv-tabs-and-actions-container .dv-tabs-container>.dv-tab.dv-inactive-tab{background-color:var(--dv-activegroup-hiddenpanel-tab-background-color);color:var(--dv-activegroup-hiddenpanel-tab-color)}.dv-groupview.dv-inactive-group>.dv-tabs-and-actions-container .dv-tabs-container>.dv-tab.dv-active-tab{background-color:var(--dv-inactivegroup-visiblepanel-tab-background-color);color:var(--dv-inactivegroup-visiblepanel-tab-color)}.dv-groupview.dv-inactive-group>.dv-tabs-and-actions-container .dv-tabs-container>.dv-tab.dv-inactive-tab{background-color:var(--dv-inactivegroup-hiddenpanel-tab-background-color);color:var(--dv-inactivegroup-hiddenpanel-tab-color)}.dv-tab.dv-tab-dragging{background-color:var(--dv-activegroup-visiblepanel-tab-background-color);color:var(--dv-activegroup-visiblepanel-tab-color)}.dv-groupview{display:flex;flex-direction:column;height:100%;background-color:var(--dv-group-view-background-color);overflow:hidden}.dv-groupview:focus{outline:none}.dv-groupview>.dv-content-container{flex-grow:1;min-height:0;outline:none}.dv-root-wrapper,.dv-grid-view,.dv-branch-node{height:100%;width:100%}.dv-debug .dv-resize-container .dv-resize-handle-top{background-color:red}.dv-debug .dv-resize-container .dv-resize-handle-bottom{background-color:green}.dv-debug .dv-resize-container .dv-resize-handle-left{background-color:#ff0}.dv-debug .dv-resize-container .dv-resize-handle-right{background-color:#00f}.dv-debug .dv-resize-container .dv-resize-handle-topleft,.dv-debug .dv-resize-container .dv-resize-handle-topright,.dv-debug .dv-resize-container .dv-resize-handle-bottomleft,.dv-debug .dv-resize-container .dv-resize-handle-bottomright{background-color:#0ff}.dv-resize-container{--dv-overlay-z-index: var(--dv-overlay-z-index, 999);position:absolute;z-index:calc(var(--dv-overlay-z-index) - 2);border:1px solid var(--dv-tab-divider-color);box-shadow:var(--dv-floating-box-shadow);will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.dv-resize-container.dv-hidden{display:none}.dv-resize-container.dv-resize-container-dragging{opacity:.5;will-change:transform,opacity}.dv-resize-container .dv-resize-handle-top{height:4px;width:calc(100% - 8px);left:4px;top:-2px;z-index:var(--dv-overlay-z-index);position:absolute;cursor:ns-resize}.dv-resize-container .dv-resize-handle-bottom{height:4px;width:calc(100% - 8px);left:4px;bottom:-2px;z-index:var(--dv-overlay-z-index);position:absolute;cursor:ns-resize}.dv-resize-container .dv-resize-handle-left{height:calc(100% - 8px);width:4px;left:-2px;top:4px;z-index:var(--dv-overlay-z-index);position:absolute;cursor:ew-resize}.dv-resize-container .dv-resize-handle-right{height:calc(100% - 8px);width:4px;right:-2px;top:4px;z-index:var(--dv-overlay-z-index);position:absolute;cursor:ew-resize}.dv-resize-container .dv-resize-handle-topleft{height:4px;width:4px;top:-2px;left:-2px;z-index:var(--dv-overlay-z-index);position:absolute;cursor:nw-resize}.dv-resize-container .dv-resize-handle-topright{height:4px;width:4px;right:-2px;top:-2px;z-index:var(--dv-overlay-z-index);position:absolute;cursor:ne-resize}.dv-resize-container .dv-resize-handle-bottomleft{height:4px;width:4px;left:-2px;bottom:-2px;z-index:var(--dv-overlay-z-index);position:absolute;cursor:sw-resize}.dv-resize-container .dv-resize-handle-bottomright{height:4px;width:4px;right:-2px;bottom:-2px;z-index:var(--dv-overlay-z-index);position:absolute;cursor:se-resize}.dv-render-overlay{--dv-overlay-z-index: var(--dv-overlay-z-index, 999);position:absolute;z-index:1;width:100%;height:100%;contain:layout paint;isolation:isolate;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.dv-render-overlay.dv-render-overlay-float{z-index:calc(var(--dv-overlay-z-index) - 1)}.dv-debug .dv-render-overlay{outline:1px solid red;outline-offset:-1}.dv-pane-container{height:100%;width:100%}.dv-pane-container.dv-animated .dv-view{will-change:transform;transform:translateZ(0);backface-visibility:hidden;transition:transform .15s ease-out}.dv-pane-container .dv-view{overflow:hidden;display:flex;flex-direction:column;padding:0!important}.dv-pane-container .dv-view:not(:first-child):before{background-color:transparent!important}.dv-pane-container .dv-view:not(:first-child) .dv-pane>.dv-pane-header{border-top:1px solid var(--dv-paneview-header-border-color)}.dv-pane-container .dv-view .dv-default-header{background-color:var(--dv-group-view-background-color);color:var(--dv-activegroup-visiblepanel-tab-color);display:flex;padding:0 8px;cursor:pointer}.dv-pane-container .dv-view .dv-default-header .dv-pane-header-icon{display:flex;justify-content:center;align-items:center}.dv-pane-container .dv-view .dv-default-header>span{padding-left:8px;flex-grow:1}.dv-pane-container:first-of-type>.dv-pane>.dv-pane-header{border-top:none!important}.dv-pane-container .dv-pane{display:flex;flex-direction:column;overflow:hidden;height:100%}.dv-pane-container .dv-pane .dv-pane-header{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;outline:none}.dv-pane-container .dv-pane .dv-pane-header.dv-pane-draggable{cursor:pointer}.dv-pane-container .dv-pane .dv-pane-header:focus:before,.dv-pane-container .dv-pane .dv-pane-header:focus-within:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;content:"";pointer-events:none;outline:1px solid;outline-width:-1px;outline-style:solid;outline-offset:-1px;outline-color:var(--dv-paneview-active-outline-color)}.dv-pane-container .dv-pane .dv-pane-body{overflow-y:auto;overflow-x:hidden;flex-grow:1;position:relative;outline:none}.dv-pane-container .dv-pane .dv-pane-body:focus:before,.dv-pane-container .dv-pane .dv-pane-body:focus-within:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;content:"";pointer-events:none;outline:1px solid;outline-width:-1px;outline-style:solid;outline-offset:-1px;outline-color:var(--dv-paneview-active-outline-color)}.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-enabled{background-color:#000}.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-disabled{background-color:orange}.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-maximum{background-color:green}.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-minimum{background-color:red}.dv-split-view-container{position:relative;overflow:hidden;height:100%;width:100%}.dv-split-view-container.dv-splitview-disabled>.dv-sash-container>.dv-sash{pointer-events:none}.dv-split-view-container.dv-animation .dv-view,.dv-split-view-container.dv-animation .dv-sash{will-change:transform;transform:translateZ(0);backface-visibility:hidden;transition:transform .15s ease-out}.dv-split-view-container.dv-horizontal{height:100%}.dv-split-view-container.dv-horizontal>.dv-sash-container>.dv-sash{height:100%;width:4px}.dv-split-view-container.dv-horizontal>.dv-sash-container>.dv-sash.dv-enabled{cursor:ew-resize}.dv-split-view-container.dv-horizontal>.dv-sash-container>.dv-sash.dv-disabled{cursor:default}.dv-split-view-container.dv-horizontal>.dv-sash-container>.dv-sash.dv-maximum{cursor:w-resize}.dv-split-view-container.dv-horizontal>.dv-sash-container>.dv-sash.dv-minimum{cursor:e-resize}.dv-split-view-container.dv-horizontal>.dv-view-container>.dv-view:not(:first-child):before{height:100%;width:1px}.dv-split-view-container.dv-vertical{width:100%}.dv-split-view-container.dv-vertical>.dv-sash-container>.dv-sash{width:100%;height:4px}.dv-split-view-container.dv-vertical>.dv-sash-container>.dv-sash.dv-enabled{cursor:ns-resize}.dv-split-view-container.dv-vertical>.dv-sash-container>.dv-sash.dv-disabled{cursor:default}.dv-split-view-container.dv-vertical>.dv-sash-container>.dv-sash.dv-maximum{cursor:n-resize}.dv-split-view-container.dv-vertical>.dv-sash-container>.dv-sash.dv-minimum{cursor:s-resize}.dv-split-view-container.dv-vertical>.dv-view-container>.dv-view{width:100%}.dv-split-view-container.dv-vertical>.dv-view-container>.dv-view:not(:first-child):before{height:1px;width:100%}.dv-split-view-container .dv-sash-container{height:100%;width:100%;position:absolute}.dv-split-view-container .dv-sash-container .dv-sash{position:absolute;z-index:99;outline:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;background-color:var(--dv-sash-color, transparent)}.dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):active,.dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):hover{background-color:var(--dv-active-sash-color, transparent);transition-property:background-color;transition-timing-function:ease-in-out;transition-duration:var(--dv-active-sash-transition-duration, .1s);transition-delay:var(--dv-active-sash-transition-delay, .5s)}.dv-split-view-container .dv-view-container{position:relative;height:100%;width:100%}.dv-split-view-container .dv-view-container .dv-view{height:100%;box-sizing:border-box;overflow:auto;position:absolute}.dv-split-view-container.dv-separator-border .dv-view:not(:first-child):before{content:" ";position:absolute;top:0;left:0;z-index:5;pointer-events:none;background-color:var(--dv-separator-border)}.dv-dragged{transform:translateZ(0)}.dv-tab{flex-shrink:0}.dv-tab:focus-within,.dv-tab:focus{position:relative}.dv-tab:focus-within:after,.dv-tab:focus:after{position:absolute;content:"";height:100%;width:100%;top:0;left:0;pointer-events:none;outline:1px solid var(--dv-tab-divider-color)!important;outline-offset:-1px;z-index:5}.dv-tab.dv-tab-dragging .dv-default-tab-action{background-color:var(--dv-activegroup-visiblepanel-tab-color)}.dv-tab.dv-active-tab .dv-default-tab .dv-default-tab-action{visibility:visible}.dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action{visibility:hidden}.dv-tab.dv-inactive-tab .dv-default-tab:hover .dv-default-tab-action{visibility:visible}.dv-tab .dv-default-tab{position:relative;height:100%;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis}.dv-tab .dv-default-tab .dv-default-tab-content{flex-grow:1;margin-right:4px}.dv-tab .dv-default-tab .dv-default-tab-action{padding:4px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.dv-tab .dv-default-tab .dv-default-tab-action:hover{border-radius:2px;background-color:var(--dv-icon-hover-background-color)}.dv-tabs-overflow-dropdown-default{height:100%;color:var(--dv-activegroup-hiddenpanel-tab-color);margin:var(--dv-tab-margin);display:flex;align-items:center;flex-shrink:0;padding:.25rem .5rem;cursor:pointer}.dv-tabs-overflow-dropdown-default>span{padding-left:.25rem}.dv-tabs-overflow-dropdown-default>svg{transform:rotate(90deg)}.dv-tabs-container{display:flex;height:100%;overflow:auto;scrollbar-width:thin;will-change:scroll-position;transform:translateZ(0)}.dv-tabs-container.dv-horizontal .dv-tab:not(:first-child):before{content:" ";position:absolute;top:0;left:0;z-index:5;pointer-events:none;background-color:var(--dv-tab-divider-color);width:1px;height:100%}.dv-tabs-container::-webkit-scrollbar{height:3px}.dv-tabs-container::-webkit-scrollbar-track{background:transparent}.dv-tabs-container::-webkit-scrollbar-thumb{background:var(--dv-tabs-container-scrollbar-color)}.dv-scrollable>.dv-tabs-container{overflow:hidden}.dv-tab{-webkit-user-drag:element;outline:none;padding:.25rem .5rem;cursor:pointer;position:relative;box-sizing:border-box;font-size:var(--dv-tab-font-size);margin:var(--dv-tab-margin)}.dv-tabs-overflow-container{flex-direction:column;height:unset;border:1px solid var(--dv-tab-divider-color);background-color:var(--dv-group-view-background-color)}.dv-tabs-overflow-container .dv-tab:not(:last-child){border-bottom:1px solid var(--dv-tab-divider-color)}.dv-tabs-overflow-container .dv-active-tab{background-color:var(--dv-activegroup-visiblepanel-tab-background-color);color:var(--dv-activegroup-visiblepanel-tab-color)}.dv-tabs-overflow-container .dv-inactive-tab{background-color:var(--dv-activegroup-hiddenpanel-tab-background-color);color:var(--dv-activegroup-hiddenpanel-tab-color)}.dv-tabs-and-actions-container{display:flex;background-color:var(--dv-tabs-and-actions-container-background-color);flex-shrink:0;box-sizing:border-box;height:var(--dv-tabs-and-actions-container-height);font-size:var(--dv-tabs-and-actions-container-font-size)}.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-scrollable,.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container{flex-grow:1}.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container .dv-tab{flex-grow:1;padding:0}.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-void-container{flex-grow:0}.dv-tabs-and-actions-container .dv-void-container{display:flex;flex-grow:1}.dv-tabs-and-actions-container .dv-void-container.dv-draggable{cursor:grab}.dv-tabs-and-actions-container .dv-right-actions-container{display:flex}.dv-watermark{display:flex;height:100%}.inspector{background-color:#1a1a1a;height:100%;display:flex;flex-direction:column;border-left:1px solid #333;animation:slideInRight .3s ease-out}.inspector-header{padding:.35rem .5rem;border-bottom:1px solid #333}.inspector-header h2{margin:0;font-size:.85rem;color:#fff}.inspector-content{flex:1;overflow-y:auto;padding:.5rem}.no-selection{color:#666;text-align:center;margin-top:1rem;font-size:.75rem}.property-group{margin-bottom:.4rem;animation:slideUp .2s ease-out}.property-group h3{margin:0 0 .25rem;font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.3px;font-weight:500}.property{margin-bottom:.3rem}.property label{display:block;margin-bottom:.15rem;font-size:.7rem;color:#aaa}.property input[type=text],.property input[type=number]{width:100%;padding:.3rem .4rem;background-color:#2a2a2a;border:1px solid #444;color:#fff;border-radius:3px;font-size:.75rem}.property input[type=text]:focus,.property input[type=number]:focus{outline:none;border-color:#646cff}.vector-input{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}.vector-input input{width:100%}.physics-toggle-button{padding:.3rem .6rem;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:.75rem;transition:opacity .2s}.physics-toggle-button:hover{opacity:.8}.transform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.transform-header h3{margin:0;font-size:.7rem}.button-group{display:flex;gap:2px;background-color:#2a2a2a;border-radius:2px;padding:2px}.button-group button{padding:2px 5px;font-size:9px;background-color:transparent;color:#aaa;border:none;border-radius:2px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.button-group button:hover{background-color:#333;color:#fff}.button-group button.active{background-color:#646cff;color:#fff}.custom-frame-selector{background-color:#2a2a2a;border:1px solid #646cff;border-radius:3px;padding:.4rem;margin-top:.3rem;margin-bottom:.5rem}.custom-frame-selector .selector-title{margin:0 0 .3rem;font-size:.7rem;color:#aaa;font-weight:500}.custom-frame-selector .selector-instruction{margin:.3rem 0;font-size:.65rem;color:#888;font-style:italic}.feature-type-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem;margin-bottom:.4rem}.feature-type-buttons button{padding:.3rem .5rem;background-color:#333;color:#aaa;border:1px solid #444;border-radius:2px;cursor:pointer;font-size:.7rem;transition:all .2s}.feature-type-buttons button:hover{background-color:#444;color:#fff;border-color:#555}.feature-type-buttons button.active{background-color:#646cff;color:#fff;border-color:#646cff}.cancel-button{padding:.2rem .5rem;background-color:#444;color:#fff;border:none;border-radius:2px;cursor:pointer;font-size:.7rem;width:100%}.cancel-button:hover{background-color:#555}.custom-frame-info{background-color:#2a2a2a;border:1px solid #4CAF50;border-radius:3px;padding:.3rem .4rem;margin-top:.3rem;display:flex;justify-content:space-between;align-items:center}.custom-frame-info p{margin:0;font-size:.65rem;color:#4caf50;font-weight:500}.clear-frame-button{padding:.15rem .4rem;background-color:#d32f2f;color:#fff;border:none;border-radius:2px;cursor:pointer;font-size:.65rem}.clear-frame-button:hover{background-color:#f44336}.transform-section{margin-bottom:.3rem;padding:.25rem;background-color:#222;border-radius:2px}.transform-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.transform-section-header label{font-size:.65rem;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.2px}.reset-button{padding:1px 4px;font-size:.65rem;background-color:#444;color:#aaa;border:none;border-radius:2px;cursor:pointer;transition:all .2s}.reset-button:hover{background-color:#555;color:#fff}.transform-control-row{display:flex;gap:.15rem;align-items:center}.axis-control{display:flex;align-items:center;gap:1px;flex:1;min-width:0}.axis-label{font-size:.6rem;color:#aaa;font-weight:500;width:9px;text-align:center;flex-shrink:0}.increment-button{width:15px;height:15px;padding:0;background-color:#2a2a2a;color:#aaa;border:1px solid #444;border-radius:2px;cursor:pointer;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.increment-button:hover{background-color:#333;color:#fff;border-color:#555}.increment-button:active{background-color:#444}.axis-control input[type=number]{width:42px;padding:.1rem .15rem;background-color:#2a2a2a;border:1px solid #444;color:#fff;border-radius:2px;font-size:.6rem;text-align:center}.axis-control input[type=number]:focus{outline:none;border-color:#646cff;background-color:#333;box-shadow:0 0 0 1px #646cff4d}.axis-control input[type=number]::-webkit-inner-spin-button,.axis-control input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.axis-control input[type=number]{-moz-appearance:textfield}.transform-presets{display:flex;gap:.2rem;margin-bottom:.3rem}.preset-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.2rem;padding:.25rem .3rem;background-color:#2a2a2a;color:#aaa;border:1px solid #444;border-radius:2px;cursor:pointer;font-size:.65rem;transition:all .2s}.preset-btn:hover{background-color:#333;color:#fff;border-color:#555;transform:translateY(-1px)}.preset-btn:active{transform:translateY(0);background-color:#444}.quick-rotation-section{margin-top:.3rem;padding-top:.3rem;border-top:1px solid #333}.quick-rotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.quick-rotation-label{font-size:.6rem;color:#888;text-transform:uppercase;letter-spacing:.2px}.quick-rotation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.15rem}.quick-angle-btn{padding:.2rem .3rem;background-color:#2a2a2a;color:#aaa;border:1px solid #444;border-radius:2px;cursor:pointer;font-size:.65rem;font-weight:500;transition:all .2s}.quick-angle-btn:hover{background-color:#646cff;color:#fff;border-color:#646cff;transform:scale(1.05)}.quick-angle-btn:active{transform:scale(.98)}.dockable-layout-wrapper{width:100%;height:100%;position:relative;background:transparent;pointer-events:auto;overflow:hidden}.dockview-theme-kineticore{width:100%;height:100%;pointer-events:auto;--dv-activegroup-visiblepanel-tab-background-color: #2d3748;--dv-activegroup-hiddenpanel-tab-background-color: #1a202c;--dv-group-view-background-color: #2d3748;--dv-tabs-and-actions-container-background-color: #1a202c;--dv-tabs-container-scrollbar-color: #48bb78;--dv-separator-border: 1px solid #4a5568;--dv-activegroup-visiblepanel-tab-color: #e2e8f0;--dv-activegroup-hiddenpanel-tab-color: #a0aec0;--dv-inactivegroup-visiblepanel-tab-color: #cbd5e0;--dv-inactivegroup-hiddenpanel-tab-color: #718096;--dv-drag-over-background-color: rgba(72, 187, 120, .2);--dv-paneview-header-border-color: #4a5568;--dv-icon-hover-background-color: #4a5568;--dv-activegroup-visiblepanel-tab-border-bottom: 2px solid #48bb78}.dockview-theme-kineticore .panel-content{padding:0;height:100%;overflow:auto;background:#2d3748;color:#e2e8f0}.dockview-theme-kineticore .dv-group{background:#2d3748!important;opacity:1!important;pointer-events:auto!important}.dockview-theme-kineticore .content-container{background:#2d3748!important}.dockview-theme-kineticore .dv-default-tab{padding:8px 16px;font-size:13px;font-weight:500;border-radius:4px 4px 0 0;transition:background-color .2s ease}.dockview-theme-kineticore .dv-default-tab:hover{background-color:#2d2d2d}.dockview-theme-kineticore .dv-resize-container{background:#3f3f3f}.dockview-theme-kineticore .dv-resize-container:hover{background:#646cff}.dockview-theme-kineticore .watermark{display:block;width:100%;height:100%;background:transparent;position:relative}.dockview-theme-kineticore .action-container{display:flex;align-items:center;gap:4px}.dockview-theme-kineticore .action-container .action{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer;color:#a0a0a0;transition:all .2s ease}.dockview-theme-kineticore .action-container .action:hover{background:#3f3f3f;color:#fff}.dockview-theme-kineticore .dv-floating-group-container{border:1px solid #3f3f3f;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0006}.dockview-theme-kineticore ::-webkit-scrollbar{width:10px;height:10px}.dockview-theme-kineticore ::-webkit-scrollbar-track{background:#1a1a1a}.dockview-theme-kineticore ::-webkit-scrollbar-thumb{background:#3f3f3f;border-radius:5px}.dockview-theme-kineticore ::-webkit-scrollbar-thumb:hover{background:#646cff}.dockview-theme-kineticore .empty-group-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#606060;font-size:14px}.professional-layout{display:flex;flex-direction:column;height:100vh;background:#1a202c;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.professional-header{height:48px;background:#2d3748;border-bottom:1px solid #4a5568;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100}.header-left{display:flex;align-items:center;gap:24px}.workspace-tabs{display:flex;gap:4px}.workspace-tab{padding:6px 16px;background:transparent;border:none;color:#a0aec0;font-size:13px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s}.workspace-tab.active{background:#4a5568;color:#fff}.workspace-tab:not(:disabled):hover{background:#4a5568;color:#fff}.mode-badge.professional{background:#4299e1e6;color:#fff}.header-right{display:flex;align-items:center}.global-actions{display:flex;align-items:center;gap:4px;margin-right:12px}.user-level-select{padding:6px 12px;background:#1a202c;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;font-size:13px;font-weight:500;cursor:pointer;outline:none}.user-level-select option{background:#2d3748;color:#e2e8f0}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#a0aec0;border-radius:4px;cursor:pointer;transition:all .2s}.action-btn:not(:disabled):hover{background:#4a5568;color:#fff}.action-btn:disabled{opacity:.4;cursor:not-allowed}.separator{width:1px;height:20px;background:#4a5568;margin:0 8px}.ribbon-toolbar{height:80px;background:#2d3748;border-bottom:1px solid #4a5568;display:flex;align-items:center;padding:0 16px;gap:16px;overflow-x:auto}.tool-group{display:flex;flex-direction:column;gap:4px}.group-label{font-size:11px;color:#718096;text-transform:uppercase;letter-spacing:.5px;padding:0 8px}.tool-buttons{display:flex;gap:4px}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:#374151;border:1px solid #4a5568;border-radius:4px;color:#e2e8f0;cursor:pointer;transition:all .2s;font-size:11px;min-width:60px}.tool-btn:not(:disabled):hover{background:#4299e1;border-color:#4299e1;color:#fff}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.tool-btn-small{padding:6px 12px;background:#374151;border:1px solid #4a5568;border-radius:4px;color:#e2e8f0;cursor:pointer;transition:all .2s;font-size:12px}.tool-btn-small:not(:disabled):hover{background:#4299e1;border-color:#4299e1;color:#fff}.tool-btn-small:disabled{opacity:.5;cursor:not-allowed}.toolbar-separator{width:1px;height:60px;background:#4a5568}.professional-content{display:flex;flex:1;overflow:hidden}.professional-left-sidebar{width:280px;background:#2d3748;border-right:1px solid #4a5568;display:flex;flex-direction:column;overflow-y:auto;gap:1px}.professional-right-sidebar{width:320px;background:#2d3748;border-left:1px solid #4a5568;overflow-y:auto}.panel{background:#2d3748;display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#1a202c;border-bottom:1px solid #4a5568;color:#e2e8f0}.panel-header h3{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.panel-content{padding:16px}.palette-category{margin-bottom:16px}.category-title{font-size:12px;color:#718096;margin-bottom:8px;font-weight:500}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.palette-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#374151;border:1px solid #4a5568;border-radius:4px;color:#a0aec0;cursor:pointer;transition:all .2s}.palette-item:not(:disabled):hover{background:#4299e1;color:#fff;border-color:#4299e1;transform:scale(1.05)}.palette-item:disabled{opacity:.5;cursor:not-allowed}.layer-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;cursor:pointer;transition:background .2s}.layer-item:hover{background:#374151}.layer-item.active{background:#4a5568}.layer-visibility{font-size:14px}.layer-name{font-size:13px;color:#e2e8f0}.layer-add{width:100%;padding:8px;background:#374151;border:1px dashed #4a5568;border-radius:4px;color:#a0aec0;font-size:12px;cursor:pointer;transition:all .2s;margin-top:8px}.layer-add:not(:disabled):hover{background:#4a5568;color:#fff}.layer-add:disabled{opacity:.5;cursor:not-allowed}.properties-panel{flex:1}.property-section{margin-bottom:20px}.section-title{font-size:12px;color:#4299e1;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #4a5568}.property-row{margin-bottom:12px}.property-row label{display:block;font-size:12px;color:#a0aec0;margin-bottom:6px}.input-group{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.property-row input[type=number],.property-row input[type=text],.property-row input[type=color],.property-row select{width:100%;padding:6px 8px;background:#1a202c;border:1px solid #4a5568;border-radius:4px;color:#e2e8f0;font-size:12px}.property-row input:focus,.property-row select:focus{outline:none;border-color:#4299e1}.property-row input:disabled,.property-row select:disabled{opacity:.5;cursor:not-allowed}.property-row input[type=checkbox]{margin-right:8px}.professional-viewport{flex:1;position:relative;background:transparent;display:flex;align-items:center;justify-content:center}#viewport-professional{background:transparent!important}#viewport-professional canvas{background:transparent!important}.viewport-placeholder{text-align:center}.placeholder-message h2{margin:0 0 12px;color:#e2e8f0;font-size:24px}.placeholder-message p{margin:0;color:#718096;font-size:14px}.professional-left-sidebar::-webkit-scrollbar,.professional-right-sidebar::-webkit-scrollbar{width:8px}.professional-left-sidebar::-webkit-scrollbar-track,.professional-right-sidebar::-webkit-scrollbar-track{background:#1a202c}.professional-left-sidebar::-webkit-scrollbar-thumb,.professional-right-sidebar::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.professional-left-sidebar::-webkit-scrollbar-thumb:hover,.professional-right-sidebar::-webkit-scrollbar-thumb:hover{background:#718096}.expert-layout{display:flex;flex-direction:column;height:100vh;background:#0a0e14;color:#c9d1d9;font-family:Segoe UI,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif}.expert-header{height:44px;background:#161b22;border-bottom:1px solid #30363d;display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:100}.header-left{display:flex;align-items:center;gap:16px}.custom-workspace-tabs{display:flex;gap:2px}.workspace-tab{padding:4px 12px;background:transparent;border:none;color:#8b949e;font-size:12px;font-weight:500;cursor:pointer;border-radius:3px;transition:all .15s}.workspace-tab.active{background:#21262d;color:#c9d1d9}.workspace-tab:not(:disabled):hover{background:#21262d}.workspace-tab:disabled{opacity:.4;cursor:not-allowed}.mode-badge.expert{background:#8b5cf6e6;color:#fff}.header-center{flex:1;max-width:500px;margin:0 20px}.command-palette{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0d1117;border:1px solid #30363d;border-radius:6px}.command-palette input{flex:1;background:transparent;border:none;color:#c9d1d9;font-size:13px;outline:none}.command-palette input::-moz-placeholder{color:#6e7681}.command-palette input::placeholder{color:#6e7681}.macro-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#8b949e;border-radius:4px;cursor:pointer;transition:all .15s}.macro-btn:not(:disabled):hover{background:#21262d;color:#c9d1d9}.macro-btn:disabled{opacity:.4;cursor:not-allowed}.user-level-select{padding:6px 12px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:13px;font-weight:500;cursor:pointer;outline:none;margin-left:8px}.user-level-select option{background:#161b22;color:#c9d1d9}.expert-ribbon{height:36px;background:#161b22;border-bottom:1px solid #30363d;display:flex;align-items:center;padding:0 12px;gap:20px;overflow-x:auto}.ribbon-section{display:flex;align-items:center;gap:8px}.ribbon-label{font-size:10px;color:#6e7681;text-transform:uppercase;letter-spacing:.5px}.ribbon-tools{display:flex;gap:2px}.ribbon-btn{padding:4px 8px;background:#21262d;border:1px solid #30363d;border-radius:3px;color:#8b949e;font-size:11px;cursor:pointer;transition:all .15s}.ribbon-btn:not(:disabled):hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.ribbon-btn:disabled{opacity:.4;cursor:not-allowed}.expert-content{display:flex;flex:1;overflow:hidden}.expert-left-panel{width:300px;background:#161b22;border-right:1px solid #30363d;display:flex;flex-direction:column}.expert-right-panel{width:320px;background:#161b22;border-left:1px solid #30363d;display:flex;flex-direction:column}.panel-tabs{display:flex;background:#0d1117;border-bottom:1px solid #30363d}.panel-tab{flex:1;padding:8px;background:transparent;border:none;border-bottom:2px solid transparent;color:#8b949e;font-size:12px;cursor:pointer;transition:all .15s}.panel-tab.active{color:#c9d1d9;border-bottom-color:#8b5cf6}.panel-tab:not(:disabled):hover{color:#c9d1d9}.panel-tab:disabled{opacity:.4;cursor:not-allowed}.panel-content{flex:1;overflow-y:auto;padding:12px}.tool-section{margin-bottom:20px}.section-header{margin-bottom:8px}.section-header h4{margin:0;font-size:11px;color:#6e7681;text-transform:uppercase;letter-spacing:.5px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.tool-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#21262d;border:1px solid #30363d;border-radius:4px;color:#8b949e;font-size:11px;cursor:pointer;transition:all .15s}.tool-item:not(:disabled):hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff;transform:translateY(-1px)}.tool-item:disabled{opacity:.5;cursor:not-allowed}.script-editor-preview{background:#0d1117;border:1px solid #30363d;border-radius:6px;overflow:hidden}.editor-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#161b22;border-bottom:1px solid #30363d;font-size:12px;color:#8b949e}.editor-content{padding:12px;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px}.editor-content pre{margin:0}.editor-content code{color:#8b949e}.expert-center{flex:1;background:transparent}#viewport-expert{background:transparent!important}#viewport-expert canvas{background:transparent!important}.quad-viewport{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;gap:1px;background:#30363d}.viewport-quad{position:relative;background:#161b22;display:flex;flex-direction:column}.viewport-label{position:absolute;top:8px;left:8px;padding:4px 8px;background:#0d1117e6;border:1px solid #30363d;border-radius:3px;font-size:11px;color:#8b949e;z-index:10}.viewport-quad.active .viewport-label{background:#8b5cf6e6;color:#fff;border-color:#8b5cf6}.viewport-content{flex:1;display:flex;align-items:center;justify-content:center}.viewport-content.disabled{opacity:.3}.viewport-placeholder{text-align:center;color:#6e7681}.viewport-placeholder h3{margin:0 0 8px;color:#c9d1d9;font-size:20px}.viewport-placeholder p{margin:0;font-size:13px}.advanced-properties{display:flex;flex-direction:column;gap:12px}.property-group{background:#0d1117;border:1px solid #30363d;border-radius:6px;overflow:hidden}.group-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#161b22;border-bottom:1px solid #30363d}.group-header h4{margin:0;font-size:12px;color:#c9d1d9;font-weight:600}.toggle-btn{background:transparent;border:none;color:#8b949e;cursor:pointer;font-size:10px}.property-fields{padding:12px}.field-row{margin-bottom:10px}.field-row:last-child{margin-bottom:0}.field-row label{display:block;font-size:11px;color:#8b949e;margin-bottom:4px}.vector-input{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.field-row input[type=number],.field-row select{width:100%;padding:4px 6px;background:#0d1117;border:1px solid #30363d;border-radius:3px;color:#c9d1d9;font-size:11px}.field-row input:focus,.field-row select:focus{outline:none;border-color:#8b5cf6}.field-row input:disabled,.field-row select:disabled{opacity:.5;cursor:not-allowed}.version-control-preview{margin-top:12px;background:#0d1117;border:1px solid #30363d;border-radius:6px;overflow:hidden}.vc-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#161b22;border-bottom:1px solid #30363d;font-size:12px;color:#8b949e}.vc-content{padding:12px;font-size:11px;color:#6e7681}.expert-bottom-panel{height:120px;background:#161b22;border-top:1px solid #30363d;display:flex;flex-direction:column}.bottom-tabs{display:flex;background:#0d1117;border-bottom:1px solid #30363d}.bottom-tab{padding:6px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#8b949e;font-size:11px;cursor:pointer;transition:all .15s}.bottom-tab.active{color:#c9d1d9;border-bottom-color:#8b5cf6}.bottom-tab:not(:disabled):hover{color:#c9d1d9}.bottom-tab:disabled{opacity:.4;cursor:not-allowed}.bottom-content{flex:1;padding:12px}.timeline-controls{display:flex;align-items:center;gap:8px}.timeline-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#21262d;border:1px solid #30363d;border-radius:4px;color:#8b949e;cursor:pointer;transition:all .15s}.timeline-btn:not(:disabled):hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.timeline-btn:disabled{opacity:.5;cursor:not-allowed}.timeline-scrubber{flex:1}.timeline-scrubber input[type=range]{width:100%;height:4px;background:#21262d;border-radius:2px;outline:none}.timeline-scrubber input[type=range]:disabled{opacity:.5}.timeline-time{font-size:11px;color:#8b949e;min-width:80px;text-align:right}.disabled-text{opacity:.5}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:#0d1117}.panel-content::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover{background:#484f58}.filter-pane{display:flex;flex-direction:column;width:280px;height:100%;background:#121215f2;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto}.filter-search{position:relative;padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.filter-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#fff6;pointer-events:none}.filter-search-input{width:100%;padding:8px 12px 8px 32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffe6;font-size:13px;outline:none;transition:all .2s}.filter-search-input:focus{background:#ffffff14;border-color:#3b82f680}.filter-search-input::-moz-placeholder{color:#ffffff4d}.filter-search-input::placeholder{color:#ffffff4d}.filter-section{padding:12px;border-bottom:1px solid rgba(255,255,255,.05)}.filter-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.filter-reset-btn{padding:4px 8px;background:none;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff9;font-size:11px;cursor:pointer;transition:all .2s}.filter-reset-btn:hover{background:#ffffff0d;border-color:#ffffff4d;color:#ffffffe6}.category-tree{display:flex;flex-direction:column;gap:2px}.category-node{display:flex;flex-direction:column}.category-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-item:hover{background:#ffffff0d}.category-item.active{background:#3b82f626;color:#60a5fa}.category-chevron{flex-shrink:0;color:#ffffff80}.category-spacer{width:14px;flex-shrink:0}.category-label{flex:1;font-size:13px;color:#ffffffd9}.category-count{padding:2px 6px;background:#ffffff1a;border-radius:10px;font-size:11px;color:#fff9}.category-children{display:flex;flex-direction:column;gap:2px}.filter-group{margin-bottom:16px}.filter-label{display:block;margin-bottom:8px;font-size:12px;color:#ffffffb3}.filter-slider{width:100%;height:4px;background:#ffffff1a;border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#3b82f6;border-radius:50%;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.filter-slider::-webkit-slider-thumb:hover{background:#60a5fa;transform:scale(1.1)}.filter-slider::-moz-range-thumb{width:14px;height:14px;background:#3b82f6;border:none;border-radius:50%;cursor:pointer;-moz-transition:all .15s;transition:all .15s}.filter-slider::-moz-range-thumb:hover{background:#60a5fa;transform:scale(1.1)}.filter-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:rgb(59,130,246)}.filter-checkbox span{font-size:13px;color:#fffc}.browser-pane{display:flex;flex-direction:column;flex:1;min-width:0;background:#0f0f12f2;overflow:hidden}.browser-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.browser-title{font-size:14px;font-weight:600;color:#ffffffe6}.browser-view-toggle{display:flex;gap:4px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s}.view-toggle-btn:hover{background:#ffffff14;color:#ffffffe6}.view-toggle-btn.active{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.browser-content{flex:1;overflow-y:auto;padding:16px}.browser-content.empty{display:flex;align-items:center;justify-content:center}.browser-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px}.browser-empty-icon{font-size:48px;opacity:.3}.browser-empty-text{font-size:14px;color:#ffffff80}.asset-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.asset-card{display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s}.asset-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.asset-card.selected{background:#3b82f61a;border-color:#3b82f666}.asset-card-thumbnail{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:#0003;border-radius:6px;margin-bottom:12px;overflow:hidden}.asset-card-thumbnail img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.asset-card-thumbnail svg{color:#ffffff4d}.asset-card-content{display:flex;flex-direction:column;gap:4px}.asset-card-name{font-size:13px;font-weight:600;color:#ffffffe6;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.asset-card-manufacturer{font-size:11px;color:#ffffff80;margin-bottom:8px}.asset-card-specs{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#ffffffb3}.spec-row{display:flex;justify-content:space-between}.spec-label{color:#ffffff80}.spec-value{font-weight:600;color:#ffffffd9}.asset-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tag-chip{padding:2px 6px;background:#3b82f626;border-radius:4px;font-size:10px;color:#60a5fae6;white-space:nowrap}.asset-list-view{display:flex;flex-direction:column;gap:8px}.asset-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .2s}.asset-list-item:hover{background:#ffffff0d;border-color:#ffffff26}.asset-list-item.selected{background:#3b82f61a;border-color:#3b82f666}.asset-list-thumbnail{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#0003;border-radius:6px;flex-shrink:0;overflow:hidden}.asset-list-thumbnail img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.asset-list-thumbnail svg{color:#ffffff4d}.asset-list-info{flex:1;min-width:0}.asset-list-name{font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-list-meta{font-size:12px;color:#ffffff80}.asset-list-specs{display:flex;gap:8px;flex-wrap:wrap}.spec-chip{padding:4px 8px;background:#3b82f626;border-radius:4px;font-size:11px;color:#60a5fae6;white-space:nowrap}.preview-canvas-container{position:relative;width:100%;height:100%;overflow:hidden}.preview-canvas{width:100%;height:100%;display:block;outline:none}.preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(4px);pointer-events:none}.preview-loading,.preview-error,.preview-empty{padding:16px 24px;background:#121215e6;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:13px;color:#fffc;text-align:center}.preview-error{border-color:#ef44444d;background:#7f1d1d4d;color:#fca5a5}.preview-empty{color:#ffffff80}.details-pane{display:flex;flex-direction:column;width:350px;height:100%;background:#121215f2;border-left:1px solid rgba(255,255,255,.1);overflow-y:auto}.details-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;padding:40px 20px}.details-empty-icon{font-size:64px;opacity:.2}.details-empty-text{font-size:14px;color:#fff6;text-align:center}.details-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.details-title{flex:1;margin:0;font-size:16px;font-weight:700;color:#fffffff2;line-height:1.3}.details-fav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffff80;cursor:pointer;transition:all .2s;flex-shrink:0}.details-fav-btn:hover{background:#ffffff14;color:#ffffffe6}.details-fav-btn.active{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.details-preview{width:100%;height:300px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.details-specs{padding:16px}.details-section-title{margin-bottom:12px;font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.spec-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.spec-item.highlight{background:#3b82f60d;padding:8px 12px;margin:0 -12px;border-radius:6px;border-bottom:none}.spec-item-label{font-size:12px;color:#fff9}.spec-item-value{font-size:13px;font-weight:600;color:#ffffffe6;text-align:right}.spec-item.highlight .spec-item-value{color:#60a5fa}.details-description{margin-bottom:20px}.details-description p{margin:0;font-size:13px;line-height:1.6;color:#ffffffbf}.details-tags{margin-bottom:20px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{padding:4px 10px;background:#3b82f626;border:1px solid rgba(59,130,246,.25);border-radius:12px;font-size:11px;color:#60a5faf2;white-space:nowrap}.details-actions{display:flex;flex-direction:column;gap:8px;padding:16px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.details-btn-primary,.details-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.details-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.details-btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.details-btn-primary:active{transform:translateY(0)}.details-btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#ffffffe6}.details-btn-secondary:hover{background:#ffffff14;border-color:#ffffff40}.asset-library-auth-component{display:flex;align-items:center}.asset-library-auth-component button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;border-radius:6px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.asset-library-auth-component button:hover{background:#fff3;border-color:#ffffff4d;color:#fff}.asset-library-auth-component button svg{color:inherit}.asset-library-auth-component .user-info{color:#ffffffb3;font-size:12px;margin-right:8px}.asset-library-control-btn.pro-btn{background:linear-gradient(135deg,gold,#ffed4e);border:1px solid #ffd700;color:#1a1a1a;position:relative;overflow:hidden}.asset-library-control-btn.pro-btn:hover{background:linear-gradient(135deg,#ffed4e,gold);border-color:#ffed4e;transform:scale(1.05);box-shadow:0 0 15px #ffd70066}.asset-library-control-btn.pro-btn:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,gold,#ffed4e,gold);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.asset-library-control-btn.pro-btn:hover:before{opacity:1}.asset-library-control-btn.pro-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.asset-library-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:40px}.asset-library-container-v2{display:flex;flex-direction:column;width:100%;max-width:1400px;height:100%;max-height:900px;background:#0c0c0ffa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden}.asset-library-header-v2{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#121215f2;border-bottom:1px solid rgba(255,255,255,.1)}.asset-library-title-v2{margin:0;font-size:18px;font-weight:700;color:#fffffff2;letter-spacing:-.02em}.asset-library-header-actions{display:flex;align-items:center;gap:16px}.asset-library-action-group{display:flex;align-items:center;gap:8px;padding-right:16px;border-right:1px solid rgba(255,255,255,.1)}.asset-library-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffe6;cursor:pointer;transition:all .2s;flex-shrink:0}.asset-library-action-btn svg{width:16px!important;height:16px!important;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block;flex-shrink:0;opacity:1;visibility:visible}.asset-library-action-btn svg *{stroke:inherit}.asset-library-action-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:scale(1.05)}.asset-library-action-btn.view-btn.active{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6e6}.asset-library-action-btn.view-btn:hover{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6e6}.asset-library-header-controls{display:flex;align-items:center;gap:8px}.asset-library-control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffe6;cursor:pointer;transition:all .2s;flex-shrink:0}.asset-library-control-btn svg{width:16px!important;height:16px!important;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block;flex-shrink:0;opacity:1;visibility:visible}.asset-library-control-btn svg *{stroke:inherit}.asset-library-control-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fffffff2;transform:scale(1.05)}.asset-library-control-btn.pin-btn.pinned{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6e6}.asset-library-control-btn.pin-btn:hover{background:#3b82f61a;border-color:#3b82f633;color:#3b82f6e6}.asset-library-control-btn.minimize-btn:hover{background:#eab30826;border-color:#eab3084d;color:#eab308e6}.asset-library-control-btn.maximize-btn:hover{background:#22c55e26;border-color:#22c55e4d;color:#22c55ee6}.asset-library-control-btn.close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.asset-library-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s}.asset-library-close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.asset-library-body-v2{display:flex;flex:1;min-height:0;overflow:hidden}@media (max-width: 1200px){.asset-library-container-v2{max-width:95%}}@media (max-width: 900px){.asset-library-overlay{padding:20px}.asset-library-container-v2{max-width:100%;max-height:100%}.asset-library-body-v2{flex-direction:column}.filter-pane,.details-pane{width:100%;max-height:40vh}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-right-1{right:-.25rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-20{top:5rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-8{top:2rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[1000\]{z-index:1000}.z-\[9999\]{z-index:9999}.m-4{margin:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.\!contents{display:contents!important}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[calc\(100vh-2rem\)\]{height:calc(100vh - 2rem)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-32{min-width:8rem}.min-w-64{min-width:16rem}.min-w-\[200px\]{min-width:200px}.min-w-\[300px\]{min-width:300px}.min-w-\[400px\]{min-width:400px}.max-w-24{max-width:6rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[500px\]{max-width:500px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .2s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-scale-in{animation:scaleIn .2s ease-out}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-ew-resize{cursor:ew-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-blue-700{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-700\/50{border-color:#37415180}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-700{--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-700{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.border-yellow-600{--tw-border-opacity: 1;border-color:rgb(202 138 4 / var(--tw-border-opacity, 1))}.border-yellow-700{--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-green-900{--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}.bg-green-900\/20{background-color:#14532d33}.bg-green-900\/30{background-color:#14532d4d}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-red-700{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.bg-red-900{--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.bg-red-900\/20{background-color:#7f1d1d33}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-900{--tw-bg-opacity: 1;background-color:rgb(113 63 18 / var(--tw-bg-opacity, 1))}.bg-yellow-900\/30{background-color:#713f124d}.bg-opacity-30{--tw-bg-opacity: .3}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-60{--tw-bg-opacity: .6}.bg-opacity-70{--tw-bg-opacity: .7}.bg-opacity-90{--tw-bg-opacity: .9}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from: #22d3ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-cyan-300{--tw-gradient-to: #67e8f9 var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to: #0891b2 var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.tracking-wider{letter-spacing:.05em}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-cyan-500\/50{--tw-shadow-color: rgb(6 182 212 / .5);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--transition-timing: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s;--transition-base: .25s;--transition-slow: .3s;--ripple-duration: .6s}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transform:scale(0);transition:transform var(--ripple-duration),opacity var(--ripple-duration);pointer-events:none}.btn-ripple:active:after{transform:scale(2.5);opacity:.6;transition:transform 0s,opacity 0s;animation:ripple var(--ripple-duration) ease-out}.transition-smooth{transition:all var(--transition-base) var(--transition-timing)}.transition-fast{transition:all var(--transition-fast) var(--transition-timing)}.transition-slow{transition:all var(--transition-slow) var(--transition-timing)}.transition-transform{transition:transform var(--transition-base) var(--transition-timing),opacity var(--transition-base) var(--transition-timing);will-change:transform,opacity}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.05)}.hover-slide-right:hover{transform:translate(2px)}.skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:4px}.skeleton-text{height:1em;margin:.5em 0}.skeleton-circle{border-radius:50%}.panel-enter{animation:slideInRight .3s ease-out}.panel-exit{animation:slideInLeft .3s ease-out reverse}.focus-ring:focus-visible{outline:2px solid #646cff;outline-offset:2px;transition:outline-offset var(--transition-fast) var(--transition-timing)}.file\:mr-4::file-selector-button{margin-right:1rem}.file\:rounded-full::file-selector-button{border-radius:9999px}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-blue-600::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\:py-2::file-selector-button{padding-top:.5rem;padding-bottom:.5rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-semibold::file-selector-button{font-weight:600}.file\:text-white::file-selector-button{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-700:hover{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-yellow-300:hover{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.hover\:text-yellow-500:hover{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.hover\:text-yellow-900:hover{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:file\:bg-blue-700::file-selector-button:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.focus\:border-blue-400:focus{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-green-400:focus{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.focus\:border-red-400:focus{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1))}.focus\:ring-yellow-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-yellow-50:focus{--tw-ring-offset-color: #fefce8}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-600:disabled{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:block{display:block}}@media (min-width: 768px){.md\:block{display:block}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme: dark){.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-green-800{--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}.dark\:border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:border-yellow-800{--tw-border-opacity: 1;border-color:rgb(133 77 14 / var(--tw-border-opacity, 1))}.dark\:bg-blue-900\/20{background-color:#1e3a8a33}.dark\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-green-900\/20{background-color:#14532d33}.dark\:bg-red-900\/20{background-color:#7f1d1d33}.dark\:bg-yellow-900\/20{background-color:#713f1233}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.dark\:placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.dark\:placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.dark\:hover\:border-gray-600:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}}