:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--z-overlay: 1000;--z-modal: 1050;--z-tooltip: 1100;--z-toast: 1200;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}:root{--bg-layer-0: #ffffff;--bg-layer-1: #f9fafb;--bg-layer-2: #f3f4f6;--bg-layer-3: #e5e7eb;--bg-layer-4: #d1d5db;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-disabled: #d1d5db;--border-color: #e5e7eb;--border-color-dark: #d1d5db;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-secondary: #8b5cf6;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #06b6d4}.dark{--bg-layer-0: #0a0a0a;--bg-layer-1: #171717;--bg-layer-2: #262626;--bg-layer-3: #404040;--bg-layer-4: #525252;--text-primary: #fafafa;--text-secondary: #a3a3a3;--text-tertiary: #737373;--text-disabled: #525252;--border-color: #404040;--border-color-dark: #525252;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-secondary: #a78bfa;--color-success: #34d399;--color-warning: #fbbf24;--color-danger: #f87171;--color-info: #22d3ee}*{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-layer-0);transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-layer-1)}::-webkit-scrollbar-thumb{background:var(--bg-layer-3);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--bg-layer-4)}::selection{background-color:var(--color-primary);color:#fff}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;height:auto}code{font-family:var(--font-mono);font-size:.875em;background-color:var(--bg-layer-2);padding:.125rem .25rem;border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--bg-layer-2);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}pre code{background:none;padding:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border-color)}th{font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:1.2;color:var(--text-primary)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}p{margin:0 0 var(--space-4) 0;line-height:1.6}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.75}.leading-loose{line-height:2}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-danger{background-color:var(--color-danger)}.bg-info{background-color:var(--color-info)}.bg-layer-0{background-color:var(--bg-layer-0)}.bg-layer-1{background-color:var(--bg-layer-1)}.bg-layer-2{background-color:var(--bg-layer-2)}.bg-layer-3{background-color:var(--bg-layer-3)}.bg-layer-4{background-color:var(--bg-layer-4)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.text-brand-primary{color:var(--color-primary)}.text-brand-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.border-danger{border-color:var(--color-danger)}.border-info{border-color:var(--color-info)}.border-default{border-color:var(--border-color)}.border-dark{border-color:var(--border-color-dark)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;user-select:none;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-lg)}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--bg-layer-2);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-layer-3);border-color:var(--border-color-dark)}.btn-success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-warning{background-color:var(--color-warning);color:#fff;border-color:var(--color-warning)}.btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-ghost{background-color:transparent;color:var(--text-primary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--bg-layer-2)}.btn-icon{padding:var(--space-2)}.btn-icon svg{width:16px;height:16px}.btn svg+span,.btn span+svg{margin-left:var(--space-2)}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.btn-group .btn+.btn{margin-left:-1px}.card{background-color:var(--bg-layer-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);background-color:var(--bg-layer-2)}.card-header h3,.card-header h4{margin:0}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color);background-color:var(--bg-layer-2)}.card-elevated{box-shadow:var(--shadow-lg);border:none}.card-flat{box-shadow:none;background-color:var(--bg-layer-2)}.card-outlined{box-shadow:none;border:2px solid var(--border-color)}.card-interactive{cursor:pointer;transition:all var(--transition-normal)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-interactive:active{transform:translateY(0);box-shadow:var(--shadow-md)}.card-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-media{position:relative;overflow:hidden}.card-media img{width:100%;height:auto;display:block}.card-media-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4);background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff}.panel{position:fixed;background-color:var(--bg-layer-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;z-index:var(--z-overlay)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);background-color:var(--bg-layer-2);user-select:none}.panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.panel-controls{display:flex;align-items:center;gap:var(--space-2)}.panel-body{flex:1;padding:var(--space-4);overflow:auto}.panel-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);background-color:var(--bg-layer-2)}.panel-top-left{top:var(--space-4);left:var(--space-4)}.panel-top-right{top:var(--space-4);right:var(--space-4)}.panel-bottom-left{bottom:var(--space-4);left:var(--space-4)}.panel-bottom-right{bottom:var(--space-4);right:var(--space-4)}.panel-draggable .panel-header{cursor:move}.panel-dragging{opacity:.9}.panel-resizable{resize:both;overflow:auto}.panel-resize-handle{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize}.panel-sm{width:300px;max-height:400px}.panel-md{width:400px;max-height:500px}.panel-lg{width:600px;max-height:700px}.panel-collapsed .panel-body,.panel-collapsed .panel-footer{display:none}.panel-collapse-icon{transition:transform var(--transition-fast)}.panel-collapsed .panel-collapse-icon{transform:rotate(-90deg)}.panel-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.panel-close:hover{background-color:var(--bg-layer-3);color:var(--text-primary)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:1.5;color:var(--text-primary);background-color:var(--bg-layer-0);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--bg-layer-2);color:var(--text-disabled);cursor:not-allowed}.form-input-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.form-input-lg{padding:var(--space-3) var(--space-4);font-size:var(--font-size-lg)}.form-textarea{min-height:100px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.form-checkbox,.form-radio{appearance:none;width:18px;height:18px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-layer-0);cursor:pointer;transition:all var(--transition-fast);position:relative;display:inline-block;vertical-align:middle;margin-right:var(--space-2)}.form-radio{border-radius:var(--radius-full)}.form-checkbox:checked,.form-radio:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.form-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px}.form-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background-color:#fff;border-radius:var(--radius-full)}.form-help{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--text-secondary)}.form-error{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-danger)}.form-input-error{border-color:var(--color-danger)}.form-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-inline{display:flex;align-items:center;gap:var(--space-3)}.form-inline .form-label{margin-bottom:0}.form-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;transition:opacity var(--transition-normal);will-change:opacity;transform:translateZ(0)}.modal-backdrop.modal-open{opacity:1}.modal{background-color:var(--bg-layer-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.9);transition:transform var(--transition-normal)}.modal-backdrop.modal-open .modal{transform:scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--bg-layer-3);color:var(--text-primary)}.modal-close svg{width:20px;height:20px}.modal-body{flex:1;padding:var(--space-5);overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5)}.modal-sm{width:400px}.modal-md{width:600px}.modal-lg{width:800px}.modal-xl{width:1200px}.modal-fullscreen{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-slide{animation:modalSlideIn var(--transition-normal)}.modal-confirm .modal-body{text-align:center;padding:var(--space-8) var(--space-6)}.modal-confirm .modal-icon{width:64px;height:64px;margin:0 auto var(--space-4)}.modal-confirm .modal-icon svg{width:100%;height:100%}.modal-confirm .modal-icon-warning{color:var(--color-warning)}.modal-confirm .modal-icon-danger{color:var(--color-danger)}.modal-confirm .modal-icon-success{color:var(--color-success)}.modal-confirm .modal-message{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.modal-confirm .modal-submessage{color:var(--text-secondary);font-size:var(--font-size-sm)}.menu{background-color:var(--bg-layer-1);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);min-width:200px;z-index:var(--z-overlay)}.menu-item{display:flex;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);user-select:none}.menu-item:hover{background-color:var(--bg-layer-2)}.menu-item:active{background-color:var(--bg-layer-3)}.menu-item-disabled{color:var(--text-disabled);cursor:not-allowed}.menu-item-disabled:hover{background-color:transparent}.menu-item-icon{width:16px;height:16px;margin-right:var(--space-3);flex-shrink:0}.menu-item-icon svg{width:100%;height:100%}.menu-item-label{flex:1}.menu-item-shortcut{margin-left:var(--space-4);font-size:var(--font-size-xs);color:var(--text-secondary)}.menu-divider{height:1px;background-color:var(--border-color);margin:var(--space-2) 0}.menu-item-submenu{position:relative}.menu-item-submenu:after{content:"▶";margin-left:auto;font-size:10px;color:var(--text-secondary)}.submenu{position:absolute;left:100%;top:0;margin-left:var(--space-1);display:none}.menu-item-submenu:hover .submenu{display:block}.context-menu{position:fixed;display:none}.context-menu.show{display:block}.menu-section{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-2)}.menu-section:first-child{margin-top:0}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:var(--space-1);display:none}.dropdown.open .dropdown-menu{display:block}.dropdown-menu-right{left:auto;right:0}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;color:var(--text-primary);background-color:var(--bg-layer-2);border:1px solid var(--border-color);border-radius:var(--radius-full);white-space:nowrap;user-select:none}.tag-sm{padding:0 var(--space-1);font-size:10px}.tag-lg{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.tag-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tag-secondary{background-color:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.tag-success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.tag-warning{background-color:var(--color-warning);color:#fff;border-color:var(--color-warning)}.tag-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.tag-info{background-color:var(--color-info);color:#fff;border-color:var(--color-info)}.tag-light-primary{background-color:#3b82f61a;color:var(--color-primary);border-color:#3b82f64d}.tag-light-secondary{background-color:#8b5cf61a;color:var(--color-secondary);border-color:#8b5cf64d}.tag-light-success{background-color:#10b9811a;color:var(--color-success);border-color:#10b9814d}.tag-light-warning{background-color:#f59e0b1a;color:var(--color-warning);border-color:#f59e0b4d}.tag-light-danger{background-color:#ef44441a;color:var(--color-danger);border-color:#ef44444d}.tag-icon{width:12px;height:12px;margin-right:var(--space-1)}.tag-icon svg{width:100%;height:100%}.tag-removable{padding-right:var(--space-1)}.tag-remove{margin-left:var(--space-1);cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}.tag-remove:hover{opacity:1}.tag-remove svg{width:12px;height:12px}.tag-group{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2);background-color:var(--bg-layer-0);border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:40px}.tag-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.tag-input input{flex:1;border:none;background:none;outline:none;font-size:var(--font-size-sm);min-width:100px}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--bg-layer-3);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-xs{width:12px;height:12px;border-width:1px}.spinner-sm{width:16px;height:16px}.spinner-lg{width:32px;height:32px;border-width:3px}.spinner-xl{width:48px;height:48px;border-width:4px}.spinner-primary{border-top-color:var(--color-primary)}.spinner-secondary{border-top-color:var(--color-secondary)}.spinner-success{border-top-color:var(--color-success)}.spinner-warning{border-top-color:var(--color-warning)}.spinner-danger{border-top-color:var(--color-danger)}.spinner-white{border-color:#ffffff4d;border-top-color:#fff}.spinner-container{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.spinner-text{margin-left:var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary)}.loading-overlay{position:absolute;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay)}.loading-overlay-light{background-color:#fffc}.dots-loader{display:inline-flex;gap:var(--space-1)}.dots-loader span{width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;animation:dots 1.4s ease-in-out infinite both}.dots-loader span:nth-child(1){animation-delay:-.32s}.dots-loader span:nth-child(2){animation-delay:-.16s}@keyframes dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.progress{width:100%;height:8px;background-color:var(--bg-layer-3);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background-color:var(--color-primary);transition:width var(--transition-normal)}.progress-striped .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-animated .progress-bar{animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.tooltip{position:absolute;background-color:var(--bg-layer-4);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none;opacity:0;transition:opacity var(--transition-fast);box-shadow:var(--shadow-lg)}.tooltip.show{opacity:1}.tooltip:before{content:"";position:absolute;width:0;height:0;border-style:solid}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.tooltip--top:before{top:100%;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:var(--bg-layer-4) transparent transparent transparent}.tooltip--bottom{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.tooltip--bottom:before{bottom:100%;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--bg-layer-4) transparent}.tooltip--left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.tooltip--left:before{left:100%;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--bg-layer-4)}.tooltip--right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.tooltip--right:before{right:100%;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--bg-layer-4) transparent transparent}[data-tooltip]{position:relative}.tooltip--dark{background-color:#000000e6;color:#fff}.tooltip--dark.tooltip--top:before{border-top-color:#000000e6}.tooltip--dark.tooltip--bottom:before{border-bottom-color:#000000e6}.tooltip--dark.tooltip--left:before{border-left-color:#000000e6}.tooltip--dark.tooltip--right:before{border-right-color:#000000e6}.tooltip--multiline{white-space:normal;max-width:250px;text-align:center}.tooltip--sm{padding:var(--space-1) var(--space-2);font-size:10px}.tooltip--lg{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.toast-container{position:fixed;z-index:var(--z-toast);pointer-events:none;padding:var(--space-4)}.toast-container>*{pointer-events:auto}.toast-container--top-left{top:0;left:0}.toast-container--top-center{top:0;left:50%;transform:translate(-50%)}.toast-container--top-right{top:0;right:0}.toast-container--bottom-left{bottom:0;left:0}.toast-container--bottom-center{bottom:0;left:50%;transform:translate(-50%)}.toast-container--bottom-right{bottom:0;right:0}.toast{display:flex;align-items:flex-start;background-color:var(--bg-layer-1);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);min-width:300px;max-width:500px;animation:toastSlideIn var(--transition-normal)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{flex-shrink:0;width:20px;height:20px;margin-right:var(--space-3)}.toast-icon svg{width:100%;height:100%}.toast-content{flex:1}.toast-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.toast-message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.toast-close{flex-shrink:0;margin-left:var(--space-3);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity var(--transition-fast)}.toast-close:hover{opacity:1}.toast-close svg{width:16px;height:16px}.toast--success{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.toast--success .toast-message{color:#ffffffe6}.toast--warning{background-color:var(--color-warning);border-color:var(--color-warning);color:#fff}.toast--warning .toast-message{color:#ffffffe6}.toast--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.toast--danger .toast-message{color:#ffffffe6}.toast--info{background-color:var(--color-info);border-color:var(--color-info);color:#fff}.toast--info .toast-message{color:#ffffffe6}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background-color:#0003;border-radius:0 0 var(--radius-md) var(--radius-md);animation:toastProgress linear forwards}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast.toast-exit{animation:toastSlideOut var(--transition-normal) forwards}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.icon{display:inline-block;width:1em;height:1em;vertical-align:middle;fill:currentColor;flex-shrink:0}.icon-xs{width:12px;height:12px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon-2xl{width:48px;height:48px}.icon-primary{color:var(--color-primary)}.icon-secondary{color:var(--color-secondary)}.icon-success{color:var(--color-success)}.icon-warning{color:var(--color-warning)}.icon-danger{color:var(--color-danger)}.icon-info{color:var(--color-info)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.icon-button:hover{background-color:var(--bg-layer-2)}.icon-button:active{background-color:var(--bg-layer-3)}.icon-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.icon-button svg{width:20px;height:20px}.icon-button-sm{width:24px;height:24px}.icon-button-sm svg{width:16px;height:16px}.icon-button-lg{width:40px;height:40px}.icon-button-lg svg{width:24px;height:24px}.icon-text{display:inline-flex;align-items:center;gap:var(--space-2)}.icon-spin{animation:spin 1s linear infinite}.icon-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.icon-bounce{animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}.icon-badge{position:relative;display:inline-block}.icon-badge-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:var(--color-danger);border-radius:50%;border:2px solid var(--bg-layer-0)}.icon-badge-count{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 4px;background-color:var(--color-danger);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);line-height:18px;text-align:center;border-radius:var(--radius-full);border:2px solid var(--bg-layer-0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn var(--transition-normal)}.fade-out{animation:fadeOut var(--transition-normal)}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-up{animation:slideInUp var(--transition-normal)}.slide-in-down{animation:slideInDown var(--transition-normal)}.slide-in-left{animation:slideInLeft var(--transition-normal)}.slide-in-right{animation:slideInRight var(--transition-normal)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.scale-in{animation:scaleIn var(--transition-normal)}.scale-out{animation:scaleOut var(--transition-normal)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake{animation:shake .5s ease-in-out}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.wiggle{animation:wiggle .5s ease-in-out}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background-color:var(--bg-layer-2);background-image:linear-gradient(90deg,var(--bg-layer-2),var(--bg-layer-3),var(--bg-layer-2));background-size:200px 100%;background-repeat:no-repeat;border-radius:var(--radius-md);animation:skeleton 1.5s ease-in-out infinite}.transition-all{transition:all var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.transition-colors{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}.transition-fast{transition-duration:var(--transition-fast)}.transition-normal{transition-duration:var(--transition-normal)}.transition-slow{transition-duration:var(--transition-slow)}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-90{transform:scale(.9)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.rotate-0{transform:rotate(0)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.-rotate-45{transform:rotate(-45deg)}.-rotate-90{transform:rotate(-90deg)}.-rotate-180{transform:rotate(-180deg)}.hover-grow:hover{transform:scale(1.05)}.hover-shrink:hover{transform:scale(.95)}.hover-rotate:hover{transform:rotate(5deg)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.panel{border-width:1px;border-color:#ffffff1a;background-color:#262626;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 0 0 1px #ffffff0d inset,0 8px 32px #0006}.panel-header{padding:var(--space-4) var(--space-6);border-bottom:none;background-color:#262626;min-height:48px}.panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.3px;opacity:.95;display:flex;align-items:center;gap:var(--space-2)}.panel-title i[data-lucide]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-controls{gap:var(--space-2)}.panel-controls .icon-button{width:28px;height:28px;padding:var(--space-1);border-radius:var(--radius-sm)}.panel-controls .icon-button svg{width:16px;height:16px}.panel-close{width:28px;height:28px;padding:var(--space-1)}.panel-close svg{width:16px;height:16px}.panel-body{padding:var(--space-6);background-color:#262626}.panel-dragging{opacity:1;box-shadow:0 0 0 1px #3b82f680 inset,0 16px 64px #00000080;z-index:1500!important}.panel-resize-handle{width:12px;height:12px;opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,transparent 0%,transparent 40%,rgba(255,255,255,.2) 40%,rgba(255,255,255,.2) 60%,transparent 60%,transparent 100%)}.panel:hover .panel-resize-handle{opacity:.5}.panel-resize-handle:hover{opacity:1}.info-panel.debug-panel{min-width:280px}.info-panel .panel-body{padding:var(--space-6)}.info-panel .debug-section{margin-bottom:var(--space-3)}.info-panel table{background-color:#4040404d;border:1px solid rgba(255,255,255,.05)}.info-panel td{padding:2px 6px;font-size:11px}.minimap-panel{position:fixed;top:60px;left:20px;width:280px;min-width:200px;max-width:400px;z-index:999}.minimap-panel .panel-body{padding:var(--space-6)}.minimap-panel canvas.minimap{border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #0000004d,0 0 0 1px #00000080;display:block!important}.tile-palette{position:fixed;left:50%;transform:translate(-50%);bottom:80px;width:auto;max-width:90vw;z-index:998}.tile-palette .panel-body{padding:var(--space-8)!important}.tile-palette .btn-group{gap:var(--space-1)}.tile-palette .btn{padding:var(--space-1) var(--space-2);font-size:11px;min-width:unset}.tile-palette .btn-icon{width:24px;height:24px;padding:0}.tile-palette .tool-button{color:var(--text-primary);width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;position:relative!important}.tile-palette .tool-button.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tile-palette .tool-button i[data-lucide],.tile-palette .tool-button svg{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:24px!important;height:24px!important;stroke-width:1.5px!important}.tile-palette .voxel-button{position:relative!important;overflow:hidden;background:var(--voxel-color)!important;border:none!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important}.tile-palette .voxel-button:before{content:"";position:absolute;inset:0;background:var(--voxel-color);opacity:1}.tile-palette .voxel-button[style*="--voxel-transparent: 1"]:before{background-image:linear-gradient(45deg,#666 25%,transparent 25%),linear-gradient(-45deg,#666 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#666 75%),linear-gradient(-45deg,transparent 75%,#666 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:var(--voxel-color)}.tile-palette .voxel-button.voxel-6:before{background-image:none!important;background-color:var(--voxel-color)!important}.tile-palette .voxel-button i[data-lucide],.tile-palette .voxel-button svg{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:1;color:#000c!important;filter:drop-shadow(0 1px 1px rgba(255,255,255,.5));width:24px!important;height:24px!important;stroke-width:2px!important}.tile-palette .voxel-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.tile-palette .voxel-button.btn-primary{border:2px solid var(--color-primary)!important;box-shadow:0 0 8px #3b82f64d}.tile-palette .form-checkbox{width:14px;height:14px}.tile-palette .form-inline{font-size:11px;gap:var(--space-1)}#height-display{padding:2px 6px;font-size:10px;min-width:60px;text-align:center}.btn-xs{padding:2px 6px;font-size:10px;height:20px}.btn-xs svg{width:12px;height:12px}.tag{padding:1px 6px;font-size:9px;border-width:1px}.tag-sm{padding:0 4px;font-size:8px}.info-panel canvas{border:1px solid rgba(255,255,255,.05)}.panel-body::-webkit-scrollbar{width:4px;height:4px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.panel-body::-webkit-scrollbar-thumb:hover{background:#fff3}.panel{transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.panel:hover{border-color:#ffffff26}.panel:focus-within{border-color:#3b82f64d;box-shadow:0 0 0 1px #3b82f633 inset,0 8px 32px #0006,0 0 20px #3b82f61a}.panel-collapsed .panel-header{border-bottom:none}.panel-collapsed{min-width:unset;width:auto!important;height:auto!important}.sun-control-panel{position:fixed;right:20px;bottom:20px;width:300px;min-width:250px;max-width:500px;z-index:999}.sun-control-panel .panel-body{padding:var(--space-6)}.sun-control-panel canvas{border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #0000004d,0 0 0 1px #00000080}.sun-control-panel .tag{min-width:45px;text-align:center}@supports (backdrop-filter: blur(20px)){.panel{background-color:#171717bf}}body:not(.dark) .panel{background-color:#ffffffd9;border-color:#0000001a}body:not(.dark) .panel-header{background-color:#f3f4f680;border-bottom-color:#0000000d}body:not(.dark) .panel-resize-handle{background:linear-gradient(135deg,transparent 0%,transparent 40%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.2) 60%,transparent 60%,transparent 100%)}@media (max-width: 768px){.btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.tool-button,.voxel-button{width:32px!important;height:32px!important;min-width:32px!important}.tool-button i[data-lucide],.tool-button svg,.voxel-button i[data-lucide],.voxel-button svg{width:20px!important;height:20px!important}.panel{border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000080}.panel-header{padding:var(--space-3) var(--space-4);min-height:40px;cursor:move;-webkit-touch-callout:none;-webkit-user-select:none}.panel-title{font-size:var(--font-size-xs)}.panel-body{padding:var(--space-3)}.tile-palette{background-color:#1a1a1af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tile-palette .panel-body{padding:0!important;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}#coordinates{display:none}.panel{z-index:1000!important}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.panel-body{-webkit-overflow-scrolling:touch}button,.btn,.icon-button{min-height:44px;min-width:44px}.panel-close{width:32px;height:32px}.tooltip{display:none!important}}@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2){.panel{border:.5px solid rgba(255,255,255,.1)}}@media (max-width: 768px) and (orientation: landscape){.tile-palette{max-height:90vh!important;top:10px!important;transform:none!important}}@media (hover: none) and (pointer: coarse){.btn,.icon-button{transition:none}.btn:hover,.icon-button:hover{transform:none}.btn:active,.icon-button:active{transform:scale(.95)}}