.snap-indicator{display:flex;align-items:center;gap:4px;padding:4px;background:var(--panel-bg, #2a2a2a);border-radius:4px;border:1px solid var(--border-color, #444)}.snap-toggle{display:flex;align-items:center;justify-content:center;position:relative;width:24px;height:24px;padding:4px;background:transparent;border:none;border-radius:3px;cursor:pointer;color:var(--text-secondary, #999);transition:all .2s ease}.snap-toggle:hover{background:var(--hover-bg, #3a3a3a);color:var(--text-primary, #fff)}.snap-toggle.enabled{color:var(--accent-color, #4a9eff);background:var(--accent-bg, rgba(74, 158, 255, .1))}.snap-toggle.enabled:hover{background:var(--accent-bg-hover, rgba(74, 158, 255, .2))}.snap-enabled-indicator{position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--success-color, #4ade80);border-radius:50%;box-shadow:0 0 4px #4ade8080}.snap-size-selector{display:flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 8px;background:var(--accent-bg, rgba(74, 158, 255, .1));border:1px solid var(--accent-color, #4a9eff);border-radius:3px;color:var(--accent-color, #4a9eff);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.snap-size-selector:hover{background:var(--accent-bg-hover, rgba(74, 158, 255, .2));border-color:var(--accent-color-hover, #6bb0ff)}.snap-size-selector:active{transform:scale(.95)}.snap-toggle[title],.snap-size-selector[title]{position:relative}@media (prefers-color-scheme: dark){.snap-indicator{background:#1e1e1e;border-color:#333}.snap-toggle:hover{background:#2a2a2a}.snap-toggle.enabled{background:#4a9eff26}.snap-toggle.enabled:hover{background:#4a9eff40}}@media (prefers-color-scheme: light){.snap-indicator{background:#f5f5f5;border-color:#d0d0d0}.snap-toggle{color:#666}.snap-toggle:hover{background:#e5e5e5;color:#000}.snap-toggle.enabled{color:#2563eb;background:#2563eb1a}.snap-toggle.enabled:hover{background:#2563eb26}.snap-size-selector{background:#2563eb1a;border-color:#2563eb;color:#2563eb}.snap-size-selector:hover{background:#2563eb26}}@media (prefers-contrast: high){.snap-indicator{border-width:2px}.snap-toggle.enabled{border:2px solid var(--accent-color)}.snap-size-selector{border-width:2px;font-weight:700}}.snap-toggle:focus,.snap-size-selector:focus{outline:2px solid var(--focus-color, #4a9eff);outline-offset:2px}@keyframes snap-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.snap-enabled-indicator{animation:snap-pulse 2s ease-in-out infinite}.workspace-status-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-subtle);font-size:.75rem;color:var(--color-text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-message{font-weight:500;color:var(--color-text-primary)}.status-item{color:var(--color-text-tertiary)}.status-item-layer{font-weight:600;color:var(--color-accent-blue);cursor:help}.status-button{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:4px;padding:.25rem .5rem;cursor:pointer;transition:all .12s ease;font-size:.85rem}.status-button:hover{background:var(--color-bg-hover);border-color:var(--color-accent-blue);color:var(--color-accent-blue)}.status-button.active{background:var(--color-bg-active);border-color:var(--color-accent-blue-hover);color:var(--color-accent-blue-hover)}.status-divider{width:1px;height:1rem;background:var(--color-border-subtle);margin:0 .5rem}.command-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;animation:fadeIn .15s ease}.command-palette{width:min(700px,92vw);max-height:80vh;background:#1e293bfa;border:1px solid rgba(148,163,184,.35);border-radius:12px;box-shadow:0 24px 60px #0f172a80,0 8px 20px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .18s cubic-bezier(.16,1,.3,1)}.command-palette-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(148,163,184,.2)}.command-palette-input{flex:1;background:#0f172a99;border:1px solid rgba(148,163,184,.25);border-radius:8px;padding:.65rem 1rem;color:#f8fafc;font-size:.95rem;font-family:inherit;outline:none;transition:all .15s ease}.command-palette-input:focus{background:#0f172acc;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f626}.command-palette-input::placeholder{color:#94a3b899}.command-palette-close{width:32px;height:32px;background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:6px;color:#94a3b8;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .12s ease;display:grid;place-items:center}.command-palette-close:hover{background:#ef444426;border-color:#ef444466;color:#ef4444}.command-palette-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.command-palette-section:not(:last-child){border-bottom:1px solid rgba(148,163,184,.15)}.command-palette-section-header{padding:.75rem 1.25rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.command-palette-list{margin:0;padding:.5rem .75rem;list-style:none;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;flex:1}.command-palette-list::-webkit-scrollbar{width:8px}.command-palette-list::-webkit-scrollbar-track{background:#0f172a4d}.command-palette-list::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}.command-palette-list::-webkit-scrollbar-thumb:hover{background:#94a3b880}.command-palette-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:8px;background:#0f172a40;border:1px solid transparent;color:#e2e8f0;cursor:pointer;transition:all .12s ease;position:relative}.command-palette-item:hover{background:#3b82f61f;border-color:#3b82f64d}.command-palette-item.selected{background:#3b82f633;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f626}.command-palette-icon{font-size:1.1rem;flex-shrink:0;width:20px;text-align:center}.command-palette-label{flex:1;font-size:.9rem;font-weight:500}.command-palette-category{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;background:#3b82f626;color:#60a5fa;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.command-palette-shortcut{font-size:.75rem;font-family:Monaco,Courier New,monospace;padding:.25rem .5rem;border-radius:4px;background:#0f172a99;border:1px solid rgba(148,163,184,.2);color:#cbd5e1}.command-palette-star{width:28px;height:28px;background:transparent;border:none;color:#475569;font-size:1.2rem;cursor:pointer;transition:all .15s ease;border-radius:4px;display:grid;place-items:center;flex-shrink:0}.command-palette-star:hover{background:#fbbf2426;color:#fbbf24}.command-palette-star.starred{color:#fbbf24}.command-palette-star.starred:hover{color:#f59e0b}.command-palette-empty{padding:2rem 1rem;text-align:center;color:#64748b;font-size:.9rem}.command-palette-category[data-category=file]{background:#8b5cf626;color:#a78bfa}.command-palette-category[data-category=edit]{background:#3b82f626;color:#60a5fa}.command-palette-category[data-category=view]{background:#10b98126;color:#34d399}.command-palette-category[data-category=tools]{background:#fbbf2426;color:#fbbf24}.command-palette-category[data-category=layers]{background:#ec489926;color:#f472b6}.command-palette-category[data-category=map]{background:#0ea5e926;color:#38bdf8}.command-palette-category[data-category=help]{background:#94a3b826;color:#94a3b8}.command-palette-category[data-category=debug]{background:#ef444426;color:#f87171}.performance-monitor{position:fixed;background:#0f172af2;border:1px solid rgba(148,163,184,.3);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:400;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s cubic-bezier(.16,1,.3,1);min-width:180px}.performance-monitor-top-right{top:1rem;right:1rem}.performance-monitor-top-left{top:1rem;left:1rem}.performance-monitor-bottom-right{bottom:1rem;right:1rem}.performance-monitor-bottom-left{bottom:1rem;left:1rem}.performance-monitor.expanded{min-width:320px}.performance-monitor-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid rgba(148,163,184,.2);background:#1e293b80;border-radius:8px 8px 0 0}.performance-monitor-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#cbd5e1}.performance-monitor-actions{display:flex;gap:.25rem}.performance-monitor-btn{width:24px;height:24px;background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:4px;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .12s ease;display:grid;place-items:center;line-height:1}.performance-monitor-btn:hover{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.performance-monitor-btn:last-child:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.performance-monitor-content{padding:.75rem}.performance-monitor-compact{display:flex;gap:1rem;justify-content:center}.performance-metric{display:flex;flex-direction:column;align-items:center;gap:.25rem}.performance-metric-label{font-size:.7rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.performance-metric-value{font-size:1.25rem;font-weight:700;font-family:Monaco,Courier New,monospace;color:#e2e8f0}.performance-monitor-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:.75rem}.performance-stat{background:#0f172a80;border:1px solid rgba(148,163,184,.15);border-radius:6px;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.performance-stat-label{font-size:.65rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.performance-stat-value{font-size:1.1rem;font-weight:700;font-family:Monaco,Courier New,monospace;color:#e2e8f0}.performance-stat-sub{font-size:.7rem;color:#64748b}.performance-monitor-graph{background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:6px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.performance-graph-canvas{width:100%;height:100px;display:block;border-radius:4px}.performance-graph-legend{display:flex;justify-content:center;gap:1rem}.performance-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:#94a3b8}.performance-legend-color{width:12px;height:12px;border-radius:2px;display:block}.performance-monitor-header{cursor:move}@keyframes slideInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.performance-monitor{animation:slideInScale .2s cubic-bezier(.16,1,.3,1)}.ds-tooltip{position:fixed;background:#000000f2;color:#fff;font-size:var(--font-size-xs);padding:6px 10px;border-radius:var(--radius-base);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #00000080;z-index:var(--z-tooltip);pointer-events:none;white-space:nowrap;max-width:300px;animation:tooltipFadeIn .15s ease-out;font-weight:500}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-top{transform-origin:bottom center}.tooltip-bottom{transform-origin:top center}.tooltip-left{transform-origin:right center}.tooltip-right{transform-origin:left center}.inspector-panel-section{display:flex;flex-direction:column}.inspector-panel-section header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary, #252525);border-bottom:1px solid var(--border-color, #444);font-weight:600;font-size:13px}.inspector-panel-body{max-height:500px;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary, #1e1e1e);padding:.5rem!important}.inspector-panel-body::-webkit-scrollbar{width:8px}.inspector-panel-body::-webkit-scrollbar-track{background:var(--bg-primary, #1e1e1e)}.inspector-panel-body::-webkit-scrollbar-thumb{background:var(--border-color, #444);border-radius:4px}.inspector-panel-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #666)}.inspector-section{margin-bottom:12px;padding:8px;background:var(--layer-bg, #252525);border:1px solid var(--border-color, #444);border-radius:4px}.inspector-section:last-child{margin-bottom:0}.inspector-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #888);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border-color, #444)}.inspector-content{display:flex;flex-direction:column;gap:6px}.inspector-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:4px 0}.inspector-label{color:var(--text-muted, #888);font-weight:500;min-width:70px}.inspector-value{color:var(--text-primary, #ccc);font-family:Consolas,Monaco,monospace;text-align:right;display:flex;align-items:center;gap:6px}.inspector-value-type{text-transform:uppercase;font-size:11px;font-weight:600;color:var(--accent-border, #1177bb)}.inspector-value-coord{color:#4ec9b0}.inspector-value-id{color:#dcdcaa}.inspector-empty{padding:12px 0;text-align:center;color:var(--text-muted, #666);font-size:11px;font-style:italic}.inspector-color-swatch{display:inline-block;width:16px;height:16px;border-radius:3px;border:1px solid var(--border-color, #444);vertical-align:middle}.inspector-actions{display:flex;flex-direction:column;gap:6px}.inspector-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:var(--bg-secondary, #252525);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--text-primary, #ccc);font-size:12px;cursor:pointer;transition:all .15s ease}.inspector-action-btn:hover:not(:disabled){background:var(--hover-bg, #3a3a3a);border-color:var(--accent-border, #1177bb)}.inspector-action-btn:active:not(:disabled){transform:scale(.98)}.inspector-action-btn:disabled{opacity:.4;cursor:not-allowed}.inspector-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;font-family:Consolas,Monaco,monospace;text-align:center;min-width:20px;border:1px solid}.inspector-badge-o{background:#4ec9b033;border-color:#4ec9b0;color:#4ec9b0}.inspector-badge-x{background:#f4474733;border-color:#f44747;color:#f44747}.inspector-badge-★{background:#dcdcaa33;border-color:#dcdcaa;color:#dcdcaa}.inspector-badge-terrain{background:#569cd633;border-color:#569cd6;color:#569cd6}.inspector-directions{display:flex;gap:4px}.inspector-dir-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:3px;background:#44444480;border:1px solid var(--border-color, #444);font-size:14px;color:var(--text-muted, #666);transition:all .15s ease}.inspector-dir-badge.inspector-dir-active{background:#4ec9b033;border-color:#4ec9b0;color:#4ec9b0}.inspector-flags{display:flex;gap:4px;flex-wrap:wrap}.inspector-flag-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:3px;background:#dcdcaa26;border:1px solid rgba(220,220,170,.3);font-size:14px;transition:all .15s ease}.inspector-flag-badge:hover{background:#dcdcaa40;border-color:#dcdcaa80;transform:scale(1.1)}.region-palette{display:flex;flex-direction:column;height:100%;background:#2a2a2a;color:#e0e0e0;padding:8px;gap:8px}.region-palette-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #444}.region-palette-header h3{margin:0;font-size:14px;font-weight:600}.region-palette-controls{display:flex;gap:4px}.region-palette-controls button{padding:4px 8px;background:#3a3a3a;border:1px solid #555;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:16px;transition:all .2s}.region-palette-controls button:hover{background:#4a4a4a}.region-palette-controls button.active{background:#007acc;border-color:#0098ff}.region-palette-search input{width:100%;padding:6px 8px;background:#1e1e1e;border:1px solid #555;border-radius:4px;color:#e0e0e0;font-size:13px}.region-palette-search input:focus{outline:none;border-color:#007acc}.region-overlay-opacity{display:flex;flex-direction:column;gap:4px}.region-overlay-opacity label{font-size:12px;color:#aaa}.region-overlay-opacity input[type=range]{width:100%}.region-palette-content{flex:1;overflow-y:auto;padding:4px}.region-palette-content.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:4px}.region-palette-content.list{display:flex;flex-direction:column;gap:2px}.region-item{display:flex;align-items:center;gap:8px;padding:6px;background:#1e1e1e;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s}.region-item:hover{background:#2a2a2a;border-color:#555}.region-item.selected{border-color:#007acc;background:#1a3a5a}.region-palette-content.grid .region-item{flex-direction:column;text-align:center;min-height:60px;justify-content:center}.region-color{width:24px;height:24px;border-radius:4px;border:1px solid #555;flex-shrink:0}.region-palette-content.grid .region-color{width:100%;height:24px}.region-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.region-palette-content.grid .region-info{width:100%}.region-id{font-size:11px;color:#888;font-family:monospace}.region-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-palette-footer{padding-top:8px;border-top:1px solid #444;font-size:12px}.selected-region-info{color:#aaa}.selected-region-info strong{color:#e0e0e0}.overlay-controls{display:flex;flex-direction:column;gap:16px;padding:12px;background:#2a2a2a;color:#e0e0e0;font-size:13px;overflow-y:auto;max-height:100%}.overlay-controls h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#fff;border-bottom:1px solid #444;padding-bottom:8px}.overlay-controls-header{display:flex;flex-direction:column;gap:4px}.overlay-order-hint{font-size:11px;color:#888;font-style:italic;margin-left:2px}.overlay-section{display:flex;flex-direction:column;gap:8px;padding:8px;background:#1e1e1e;border-radius:6px;border:1px solid #333}.overlay-header{display:flex;justify-content:space-between;align-items:center}.overlay-reorder-buttons{display:flex;gap:2px;margin-right:8px}.overlay-reorder-btn{width:24px;height:24px;padding:0;background:#2a2a2a;border:1px solid #555;border-radius:4px;color:#aaa;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.overlay-reorder-btn:hover:not(:disabled){background:#007acc;color:#fff;border-color:#007acc}.overlay-reorder-btn:disabled{opacity:.3;cursor:not-allowed}.overlay-header label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.overlay-header input[type=checkbox]{cursor:pointer}.overlay-header h4{margin:0;font-size:14px;font-weight:500;color:#aaa}.overlay-options{display:flex;flex-direction:column;gap:12px;padding-left:24px}.overlay-options label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#aaa}.overlay-options input[type=range]{width:100%}.overlay-options select{padding:4px 8px;background:#2a2a2a;border:1px solid #555;border-radius:4px;color:#e0e0e0;font-size:12px}.overlay-options select:focus{outline:none;border-color:#007acc}.collision-legend,.terrain-legend{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #333}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#ccc}.legend-color{width:16px;height:16px;border-radius:3px;border:1px solid #555;flex-shrink:0}.probe-info{padding:8px;background:#1a1a1a;border-radius:4px;min-height:60px}.probe-hint{margin:0;font-size:11px;color:#888;font-style:italic}.pathfinding-panel{background:var(--panel-bg, #2b2b2b);border-radius:4px;margin-bottom:8px;overflow:hidden}.pathfinding-panel .panel-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--panel-header-bg, #3a3a3a);cursor:pointer;-webkit-user-select:none;user-select:none}.pathfinding-panel .panel-header:hover{background:var(--panel-header-hover-bg, #444)}.pathfinding-panel .panel-icon{font-size:10px;color:var(--text-secondary, #aaa)}.pathfinding-panel h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #fff);flex:1}.pathfinding-panel .icon-button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;opacity:.7;transition:opacity .2s}.pathfinding-panel .icon-button:hover{opacity:1}.pathfinding-panel .panel-content{padding:12px}.path-points{margin-bottom:12px;padding:8px;background:var(--input-bg, #1e1e1e);border-radius:4px}.point-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:13px}.point-row:last-child{margin-bottom:0}.point-label{font-weight:600;padding:2px 6px;border-radius:3px}.point-label.start{background:#0000ff4d;color:#69f}.point-label.end{background:#ff00004d;color:#f66}.point-value{color:var(--text-secondary, #aaa)}.path-result{margin-bottom:12px;padding:8px;background:var(--success-bg, rgba(0, 255, 0, .1));border-radius:4px;border-left:3px solid var(--success-color, #00ff00)}.result-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:13px}.result-row:last-child{margin-bottom:0}.result-label{color:var(--text-secondary, #aaa)}.result-value{color:var(--text-primary, #fff);font-weight:600}.no-path-found{color:var(--error-color, #ff6666);font-weight:600;text-align:center;padding:4px}.action-buttons{display:flex;gap:8px;margin-bottom:12px}.action-buttons .btn{flex:1;padding:8px 12px;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.action-buttons .btn:disabled{opacity:.5;cursor:not-allowed}.action-buttons .btn-primary{background:var(--primary-color, #0066cc);color:#fff}.action-buttons .btn-primary:hover:not(:disabled){background:var(--primary-hover, #0052a3)}.action-buttons .btn-secondary{background:var(--secondary-color, #555);color:#fff}.action-buttons .btn-secondary:hover:not(:disabled){background:var(--secondary-hover, #666)}.options-section{margin-bottom:12px;padding:8px;background:var(--input-bg, #1e1e1e);border-radius:4px}.checkbox-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:var(--text-primary, #fff);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label:last-child{margin-bottom:0}.checkbox-label input[type=checkbox]{cursor:pointer}.checkbox-label:hover{color:var(--text-hover, #fff)}.btn-link{background:none;border:none;color:var(--link-color, #66aaff);cursor:pointer;font-size:13px;padding:4px 0;margin-bottom:8px;width:100%;text-align:left}.btn-link:hover{text-decoration:underline}.advanced-options{padding:8px;background:var(--input-bg, #1e1e1e);border-radius:4px;margin-bottom:12px}.option-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.option-row:last-child{margin-bottom:0}.option-row label{color:var(--text-secondary, #aaa);flex-shrink:0;min-width:120px}.option-row input[type=number],.option-row input[type=range]{flex:1;background:var(--input-bg-dark, #151515);border:1px solid var(--border-color, #444);border-radius:3px;color:var(--text-primary, #fff);padding:4px 8px}.option-row input[type=number]{width:80px}.option-row input[type=range]{cursor:pointer}.option-row span{color:var(--text-secondary, #aaa);font-size:12px;min-width:40px;text-align:right}.instructions{padding:8px;background:var(--info-bg, rgba(66, 153, 225, .1));border-radius:4px;border-left:3px solid var(--info-color, #4299e1);font-size:12px;color:var(--text-secondary, #aaa)}.instructions p{margin:0 0 8px;color:var(--text-primary, #fff)}.instructions ol{margin:0;padding-left:20px}.instructions li{margin-bottom:4px}.instructions li:last-child{margin-bottom:0}.event-inspector{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--panel-bg, #2a2a2a);color:var(--text-color, #e0e0e0);overflow-y:auto;height:100%}.event-inspector--empty{justify-content:center;align-items:center}.event-inspector__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border-color, #444)}.event-inspector__title{margin:0;font-size:16px;font-weight:600;color:var(--text-color, #e0e0e0)}.event-inspector__page-indicator{font-size:12px;color:var(--text-muted, #999);padding:4px 8px;background-color:var(--bg-secondary, #333);border-radius:4px}.event-inspector__placeholder{text-align:center;padding:32px 16px}.event-inspector__placeholder-icon{font-size:48px;display:block;margin-bottom:16px;opacity:.5}.event-inspector__placeholder p{margin:8px 0;color:var(--text-muted, #999)}.event-inspector__placeholder-hint{font-size:12px;opacity:.7}.event-inspector__section{display:flex;flex-direction:column;gap:12px}.event-inspector__section-title{margin:0;font-size:14px;font-weight:600;color:var(--text-color, #e0e0e0);text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #444)}.event-inspector__field{display:flex;flex-direction:column;gap:6px}.event-inspector__label{font-size:12px;font-weight:500;color:var(--text-muted, #999);text-transform:uppercase;letter-spacing:.3px}.event-inspector__input,.event-inspector__select,.event-inspector__textarea{padding:8px 12px;background-color:var(--input-bg, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--text-color, #e0e0e0);font-size:14px;font-family:inherit;transition:border-color .2s,background-color .2s}.event-inspector__input:focus,.event-inspector__select:focus,.event-inspector__textarea:focus{outline:none;border-color:var(--accent-color, #4A90E2);background-color:var(--input-bg-focus, #222)}.event-inspector__input--small{padding:6px 8px;width:80px}.event-inspector__textarea{resize:vertical;min-height:60px;font-family:Courier New,monospace}.event-inspector__select{cursor:pointer}.event-inspector__row{display:flex;gap:12px;align-items:center}.event-inspector__inline-field{display:flex;align-items:center;gap:8px}.event-inspector__inline-field label{font-size:12px;color:var(--text-muted, #999);min-width:20px}.event-inspector__checkbox-group{display:flex;flex-direction:column;gap:8px}.event-inspector__checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 8px;border-radius:4px;transition:background-color .2s}.event-inspector__checkbox:hover{background-color:var(--bg-hover, #333)}.event-inspector__checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.event-inspector__checkbox span{font-size:13px;color:var(--text-color, #e0e0e0);-webkit-user-select:none;user-select:none}.event-inspector::-webkit-scrollbar{width:8px}.event-inspector::-webkit-scrollbar-track{background:var(--scrollbar-track, #1a1a1a)}.event-inspector::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #444);border-radius:4px}.event-inspector::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #555)}@media (max-width: 768px){.event-inspector{padding:12px;gap:12px}.event-inspector__header{flex-direction:column;align-items:flex-start;gap:8px}.event-inspector__row{flex-direction:column;align-items:stretch}.event-inspector__input--small{width:100%}}.page-manager{display:flex;flex-direction:column;gap:12px;padding:12px;background-color:var(--panel-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:6px}.page-manager__header{display:flex;justify-content:space-between;align-items:center}.page-manager__title{margin:0;font-size:13px;font-weight:600;color:var(--text-color, #e0e0e0);text-transform:uppercase;letter-spacing:.5px}.page-manager__actions{display:flex;gap:6px}.page-manager__button{padding:6px 10px;background-color:var(--button-bg, #3a3a3a);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--text-color, #e0e0e0);font-size:14px;cursor:pointer;transition:background-color .2s,transform .1s}.page-manager__button:hover:not(:disabled){background-color:var(--button-hover, #4a4a4a);transform:translateY(-1px)}.page-manager__button:active:not(:disabled){transform:translateY(0)}.page-manager__button:disabled{opacity:.4;cursor:not-allowed}.page-manager__button--add,.page-manager__button--duplicate,.page-manager__button--remove{font-size:12px}.page-manager__tabs{display:flex;gap:4px;flex-wrap:wrap}.page-manager__tab{padding:8px 16px;background-color:var(--tab-bg, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:4px 4px 0 0;color:var(--text-muted, #999);font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.page-manager__tab:hover{background-color:var(--tab-hover, #2a2a2a);color:var(--text-color, #e0e0e0)}.page-manager__tab--active{background-color:var(--tab-active, #4A90E2);border-color:var(--tab-active, #4A90E2);color:#fff;font-weight:600}.page-manager__info{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid var(--border-color, #444)}.page-manager__info-text{margin:0;font-size:12px;color:var(--text-muted, #999)}.page-manager__info-hint{margin:0;font-size:11px;color:var(--text-muted, #777);font-style:italic}@media (max-width: 768px){.page-manager{padding:10px}.page-manager__header{flex-direction:column;align-items:flex-start;gap:8px}.page-manager__tabs{width:100%}.page-manager__tab{flex:1;text-align:center}}.page-conditions{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--panel-bg, #2a2a2a);color:var(--text-color, #e0e0e0)}.page-conditions__header{padding-bottom:12px;border-bottom:1px solid var(--border-color, #444)}.page-conditions__title{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-color, #e0e0e0);text-transform:uppercase;letter-spacing:.5px}.page-conditions__description{margin:0;font-size:12px;color:var(--text-muted, #999);font-style:italic}.page-conditions__condition{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:var(--bg-secondary, #1f1f1f);border:1px solid var(--border-color, #444);border-radius:6px;transition:border-color .2s,background-color .2s}.page-conditions__condition:hover{background-color:var(--bg-hover, #252525)}.page-conditions__condition--active{border-color:var(--accent-color, #4A90E2)}.page-conditions__condition-header{display:flex;align-items:center;justify-content:space-between}.page-conditions__checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.page-conditions__checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-color, #4A90E2)}.page-conditions__condition-label{font-size:14px;font-weight:600;color:var(--text-color, #e0e0e0);-webkit-user-select:none;user-select:none}.page-conditions__condition-content{display:flex;flex-direction:column;gap:8px;padding-left:26px;margin-top:4px}.page-conditions__field{display:flex;flex-direction:column;gap:4px}.page-conditions__field label{font-size:11px;font-weight:500;color:var(--text-muted, #999);text-transform:uppercase;letter-spacing:.3px}.page-conditions__field-row{display:flex;gap:12px}.page-conditions__field-row .page-conditions__field{flex:1}.page-conditions__input,.page-conditions__select{padding:6px 10px;background-color:var(--input-bg, #0f0f0f);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--text-color, #e0e0e0);font-size:13px;font-family:inherit;transition:border-color .2s,background-color .2s}.page-conditions__input:focus,.page-conditions__select:focus{outline:none;border-color:var(--accent-color, #4A90E2);background-color:var(--input-bg-focus, #1a1a1a)}.page-conditions__select{cursor:pointer}.page-conditions__hint{margin:0;font-size:11px;color:var(--text-muted, #777);font-style:italic}.page-conditions__summary{margin-top:8px;padding:12px;background-color:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:6px}.page-conditions__summary-title{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--text-color, #e0e0e0);text-transform:uppercase;letter-spacing:.5px}.page-conditions__summary-text{margin:0;font-size:12px;color:var(--text-muted, #999)}.page-conditions__summary-text--empty{font-style:italic;color:var(--text-muted, #777)}.page-conditions__summary-list{margin:0;padding-left:20px;list-style-type:disc}.page-conditions__summary-list li{font-size:12px;color:var(--text-color, #e0e0e0);margin-bottom:4px}.page-conditions__summary-list li:last-child{margin-bottom:0}@media (max-width: 768px){.page-conditions{padding:12px;gap:12px}.page-conditions__field-row{flex-direction:column}.page-conditions__condition{padding:10px}.page-conditions__condition-content{padding-left:20px}}.command-block{border:1px solid var(--color-border, #3e3e3e);border-radius:6px;background:var(--color-bg-secondary, #252525);overflow:hidden;transition:all .15s}.command-block:hover{border-color:#505050;box-shadow:0 2px 8px #0003}.command-block__header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-bg-tertiary, #2a2a2a);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.command-block__header:hover{background:#2f2f2f}.command-block__expand{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-text-secondary, #888);transition:transform .15s}.command-block--expanded .command-block__expand{transform:rotate(90deg)}.command-block__icon{flex-shrink:0;font-size:16px}.command-block__title{flex:1;font-size:13px;font-weight:600;color:var(--color-text-primary, #e0e0e0)}.command-block__summary{flex:1;font-size:12px;color:var(--color-text-secondary, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-block--message .command-block__header{border-left:3px solid #4a9eff}.command-block--character .command-block__header{border-left:3px solid #ff9d4a}.command-block--system .command-block__header{border-left:3px solid #a0a0a0}.command-block--flow .command-block__header{border-left:3px solid #b84aff}.command-block--data .command-block__header{border-left:3px solid #4aff9d}.command-block--media .command-block__header{border-left:3px solid #ff4a9d}.command-block__actions{display:flex;gap:4px;margin-left:auto}.command-block__action-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:3px;color:var(--color-text-secondary, #888);font-size:14px;cursor:pointer;transition:all .15s}.command-block__action-button:hover{background:var(--color-bg-hover, #3a3a3a);color:var(--color-text-primary, #e0e0e0)}.command-block__action-button:active{transform:scale(.95)}.command-block__action-button--danger:hover{background:#ff4a4a26;color:#ff4a4a}.command-block__action-button:disabled{opacity:.3;cursor:not-allowed}.command-block__body{padding:16px;border-top:1px solid var(--color-border, #3e3e3e);background:var(--color-bg-primary, #1e1e1e)}.command-parameters,.command-params{display:flex;flex-direction:column;gap:12px}.command-parameters__field,.command-params__field{display:flex;flex-direction:column;gap:6px}.command-parameters__label,.command-params__label{font-size:12px;font-weight:600;color:var(--color-text-primary, #e0e0e0)}.command-parameters__input,.command-parameters__textarea,.command-parameters__select,.command-params__input,.command-params__textarea,.command-params__select{width:100%;background:var(--color-bg-secondary, #252525);border:1px solid var(--color-border, #3e3e3e);border-radius:4px;padding:8px 10px;font-size:13px;color:var(--color-text-primary, #e0e0e0);font-family:inherit;outline:none;transition:border-color .15s}.command-parameters__input:focus,.command-parameters__textarea:focus,.command-parameters__select:focus,.command-params__input:focus,.command-params__textarea:focus,.command-params__select:focus{border-color:var(--color-primary, #007acc)}.command-parameters__textarea,.command-params__textarea{min-height:80px;resize:vertical;font-family:Consolas,Monaco,monospace}.command-parameters__textarea--code,.command-params__textarea--code{font-family:Consolas,Monaco,Courier New,monospace;font-size:12px}.command-parameters__select,.command-params__select{cursor:pointer}.command-params__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.command-params__row .command-params__label{min-width:100px}.command-params__placeholder,.command-params__info{font-size:12px;color:var(--color-text-secondary, #888);padding:8px 12px;background:#007acc1a;border-left:3px solid var(--color-primary, #007acc);border-radius:4px;margin:0}.command-params__raw{margin-top:8px;font-size:12px}.command-params__raw summary{cursor:pointer;color:var(--color-text-secondary, #888)}.command-params__raw pre{margin-top:8px;padding:8px;background:var(--color-bg-secondary, #252525);border:1px solid var(--color-border, #3e3e3e);border-radius:4px;overflow-x:auto;font-size:11px}.command-parameters__number-group,.command-params__number-group{display:flex;align-items:center;gap:8px}.command-parameters__input--number,.command-params__input--number{flex:1}.command-parameters__hint,.command-params__hint{font-size:11px;color:var(--color-text-tertiary, #666)}.command-parameters__radio-group,.command-params__radio-group{display:flex;gap:16px}.command-parameters__radio-label,.command-params__radio-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-primary, #e0e0e0);cursor:pointer;-webkit-user-select:none;user-select:none}.command-parameters__radio,.command-params__radio{cursor:pointer;accent-color:var(--color-primary, #007acc)}.command-parameters__inline,.command-params__inline{display:flex;align-items:center;gap:8px}.command-parameters__inline-label,.command-params__inline-label{font-size:13px;color:var(--color-text-secondary, #888)}.command-parameters__input--inline,.command-params__input--inline{width:auto;min-width:80px}.command-parameters__help,.command-params__help{font-size:11px;color:var(--color-text-tertiary, #666);margin-top:-4px;font-style:italic}.command-parameters__info,.command-params__info{font-size:12px;color:var(--color-text-secondary, #888);padding:8px 12px;background:#007acc1a;border-left:3px solid var(--color-primary, #007acc);border-radius:4px;margin:0}.command-parameters__checkbox-wrapper,.command-params__checkbox-wrapper{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-primary, #e0e0e0);cursor:pointer;-webkit-user-select:none;user-select:none}.command-parameters__checkbox,.command-params__checkbox{cursor:pointer;accent-color:var(--color-primary, #007acc);width:16px;height:16px}.command-parameters__input--short,.command-params__input--short{width:80px}.command-parameters__unknown{padding:12px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:4px;color:#ffc107;font-size:12px}@media (max-width: 768px){.command-block__header{padding:8px 10px}.command-block__title,.command-block__summary{font-size:12px}.command-block__actions{gap:2px}.command-block__action-button{width:20px;height:20px;font-size:12px}.command-parameters__radio-group{flex-direction:column;gap:8px}}.command-palette-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease-out}.command-palette{background:var(--color-bg-primary, #1e1e1e);border:1px solid var(--color-border, #3e3e3e);border-radius:8px;width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006;animation:slideUp .15s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.command-palette__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, #3e3e3e)}.command-palette__title{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary, #e0e0e0)}.command-palette__close{background:none;border:none;color:var(--color-text-secondary, #888);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s}.command-palette__close:hover{background:var(--color-bg-hover, #2a2a2a);color:var(--color-text-primary, #e0e0e0)}.command-palette__search{padding:16px 20px;border-bottom:1px solid var(--color-border, #3e3e3e)}.command-palette__search-input{width:100%;background:var(--color-bg-secondary, #252525);border:1px solid var(--color-border, #3e3e3e);border-radius:6px;padding:10px 14px;font-size:14px;color:var(--color-text-primary, #e0e0e0);outline:none;transition:border-color .15s}.command-palette__search-input:focus{border-color:var(--color-primary, #007acc)}.command-palette__search-input::placeholder{color:var(--color-text-tertiary, #666)}.command-palette__content{flex:1;overflow-y:auto;min-height:300px;max-height:calc(80vh - 200px)}.command-palette__categories{padding:16px 0}.command-palette__category{margin-bottom:20px}.command-palette__category:last-child{margin-bottom:0}.command-palette__category-title{margin:0 0 8px;padding:0 20px;font-size:12px;font-weight:600;color:var(--color-text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.command-palette__category-items{display:flex;flex-direction:column}.command-palette__item{display:flex;align-items:center;gap:12px;padding:10px 20px;background:none;border:none;color:var(--color-text-primary, #e0e0e0);font-size:14px;cursor:pointer;text-align:left;transition:background .15s;width:100%}.command-palette__item:hover,.command-palette__item--selected{background:var(--color-bg-hover, #2a2a2a)}.command-palette__item-icon{font-size:18px;width:20px;text-align:center;flex-shrink:0}.command-palette__item-name{flex:1}.command-palette__search-results{padding:8px 0}.command-palette__empty{padding:40px 20px;text-align:center;color:var(--color-text-secondary, #888);font-size:14px}.command-palette__footer{padding:12px 20px;border-top:1px solid var(--color-border, #3e3e3e);background:var(--color-bg-secondary, #252525)}.command-palette__hint{font-size:12px;color:var(--color-text-tertiary, #666)}.command-palette__content::-webkit-scrollbar{width:8px}.command-palette__content::-webkit-scrollbar-track{background:var(--color-bg-secondary, #252525)}.command-palette__content::-webkit-scrollbar-thumb{background:var(--color-border, #3e3e3e);border-radius:4px}.command-palette__content::-webkit-scrollbar-thumb:hover{background:#505050}.command-editor{display:flex;flex-direction:column;gap:12px}.command-editor__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--color-border, #3e3e3e)}.command-editor__title{margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary, #e0e0e0)}.command-editor__stats{font-size:12px;color:var(--color-text-secondary, #888)}.command-editor__actions{display:flex;gap:8px}.command-editor__add-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-primary, #007acc);border:none;border-radius:4px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.command-editor__add-button:hover{background:var(--color-primary-hover, #005a9e)}.command-editor__add-button:active{transform:translateY(1px)}.command-editor__add-icon{font-size:14px}.command-editor__list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto;padding:4px 0}.command-editor__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;border:2px dashed var(--color-border, #3e3e3e);border-radius:8px;background:var(--color-bg-secondary, #252525)}.command-editor__empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.command-editor__empty-title{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color-text-primary, #e0e0e0)}.command-editor__empty-text{margin:0 0 20px;font-size:14px;color:var(--color-text-secondary, #888)}.command-editor__list::-webkit-scrollbar{width:8px}.command-editor__list::-webkit-scrollbar-track{background:var(--color-bg-secondary, #252525);border-radius:4px}.command-editor__list::-webkit-scrollbar-thumb{background:var(--color-border, #3e3e3e);border-radius:4px}.command-editor__list::-webkit-scrollbar-thumb:hover{background:#505050}.command-editor__loading{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--color-text-secondary, #888);font-size:14px}@media (max-width: 768px){.command-editor__header{flex-direction:column;align-items:flex-start;gap:8px}.command-editor__stats{font-size:11px}.command-editor__list{max-height:400px}}.resize-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.resize-dialog{background:var(--bg-primary, #1e1e1e);border:1px solid var(--border-color, #3c3c3c);border-radius:6px;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080}.resize-dialog-header{padding:16px 20px;border-bottom:1px solid var(--border-color, #3c3c3c);display:flex;justify-content:space-between;align-items:center}.resize-dialog-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #ffffff)}.resize-dialog-close{background:none;border:none;color:var(--text-secondary, #cccccc);font-size:20px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.resize-dialog-close:hover{color:var(--text-primary, #ffffff)}.resize-dialog-content{padding:20px;overflow-y:auto;flex:1}.resize-dialog-section{margin-bottom:24px}.resize-dialog-section:last-child{margin-bottom:0}.resize-dialog-section h3{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary, #ffffff)}.resize-dialog-description{margin:0 0 12px;font-size:12px;color:var(--text-secondary, #cccccc)}.resize-dialog-info{padding:8px 12px;background:var(--info-bg, #1e3a5f);border-left:3px solid var(--accent-color, #007acc);border-radius:3px;font-size:12px;color:var(--text-secondary, #cccccc)}.resize-dialog-info.warning{background:var(--warning-bg, #5c4813);border-left-color:var(--warning-color, #deba34)}.resize-dialog-warning{padding:12px;background:var(--error-bg, #5a1d1d);border-left:3px solid var(--danger-color, #d13438);border-radius:3px;font-size:12px;color:var(--text-secondary, #cccccc)}.resize-dialog-row{display:flex;gap:12px}.resize-dialog-field{flex:1}.resize-dialog-field label{display:block;margin-bottom:6px;font-size:12px;color:var(--text-secondary, #cccccc);font-weight:500}.resize-dialog-field input{width:100%;padding:6px 8px;background:var(--input-bg, #3c3c3c);border:1px solid var(--border-color, #3c3c3c);border-radius:3px;color:var(--text-primary, #ffffff);font-size:12px;font-family:inherit;box-sizing:border-box}.resize-dialog-field input:focus{outline:none;border-color:var(--accent-color, #007acc);box-shadow:0 0 0 1px var(--accent-color, #007acc)}.resize-dialog-anchor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:200px}.resize-dialog-anchor-button{aspect-ratio:1;padding:12px;background:var(--button-secondary-bg, #3c3c3c);border:2px solid var(--border-color, #3c3c3c);border-radius:4px;color:var(--text-primary, #ffffff);font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.resize-dialog-anchor-button:hover{background:var(--button-secondary-hover-bg, #505050);border-color:var(--accent-color, #007acc)}.resize-dialog-anchor-button.active{background:var(--accent-color, #007acc);border-color:var(--accent-color, #007acc);color:#fff;font-weight:700}.resize-dialog-checkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-primary, #ffffff);cursor:pointer;-webkit-user-select:none;user-select:none}.resize-dialog-checkbox input{margin:0;cursor:pointer}.resize-dialog-footer{padding:16px 20px;border-top:1px solid var(--border-color, #3c3c3c);display:flex;justify-content:flex-end;gap:12px}.resize-dialog-button{padding:8px 16px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.resize-dialog-button.primary{background:var(--button-bg, #0e639c);border-color:var(--button-border, #0e639c);color:var(--button-text, #ffffff)}.resize-dialog-button.primary:hover:not(:disabled){background:var(--button-hover-bg, #1177bb)}.resize-dialog-button.primary:disabled{opacity:.5;cursor:not-allowed}.resize-dialog-button.secondary{background:var(--button-secondary-bg, #3c3c3c);border-color:var(--button-secondary-border, #3c3c3c);color:var(--text-primary, #ffffff)}.resize-dialog-button.secondary:hover{background:var(--button-secondary-hover-bg, #505050)}.map-properties-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-tertiary, #1e1e1e);color:var(--text-primary, #ffffff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}.map-properties-header{padding:12px;border-bottom:1px solid var(--border-color, #3c3c3c);font-weight:600;display:flex;align-items:center;justify-content:space-between}.map-properties-header h2{margin:0;font-size:14px;font-weight:600}.map-properties-tabs{display:flex;border-bottom:1px solid var(--border-color, #3c3c3c);background:var(--bg-secondary, #252526)}.map-properties-tab{padding:8px 16px;cursor:pointer;border:none;background:transparent;color:var(--text-secondary, #cccccc);font-size:12px;font-weight:500;border-bottom:2px solid transparent;transition:all .2s}.map-properties-tab:hover{background:var(--bg-hover, #2a2d2e);color:var(--text-primary, #ffffff)}.map-properties-tab.active{color:var(--accent-color, #007acc);border-bottom-color:var(--accent-color, #007acc)}.map-properties-content{flex:1;overflow-y:auto;padding:16px}.map-properties-section{margin-bottom:24px}.map-properties-section:last-child{margin-bottom:0}.map-properties-section-title{font-size:13px;font-weight:600;margin:0 0 12px;color:var(--text-primary, #ffffff);display:flex;align-items:center;gap:8px}.map-properties-section-title-icon{font-size:16px}.map-properties-field{margin-bottom:16px}.map-properties-field:last-child{margin-bottom:0}.map-properties-label{display:block;margin-bottom:6px;font-size:12px;color:var(--text-secondary, #cccccc);font-weight:500}.map-properties-input,.map-properties-select,.map-properties-textarea{width:100%;padding:6px 8px;background:var(--input-bg, #3c3c3c);border:1px solid var(--border-color, #3c3c3c);border-radius:3px;color:var(--text-primary, #ffffff);font-size:12px;font-family:inherit;box-sizing:border-box}.map-properties-input:focus,.map-properties-select:focus,.map-properties-textarea:focus{outline:none;border-color:var(--accent-color, #007acc);box-shadow:0 0 0 1px var(--accent-color, #007acc)}.map-properties-input[type=number]{width:80px}.map-properties-input.full-width[type=number]{width:100%}.map-properties-textarea{min-height:80px;resize:vertical;font-family:Consolas,Monaco,monospace}.map-properties-checkbox-group{display:flex;align-items:center;gap:8px;padding:6px 0}.map-properties-checkbox{margin:0;cursor:pointer}.map-properties-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;color:var(--text-primary, #ffffff)}.map-properties-row{display:flex;gap:12px;align-items:flex-end}.map-properties-row .map-properties-field{flex:1;margin-bottom:0}.map-properties-button{padding:6px 12px;background:var(--button-bg, #0e639c);border:1px solid var(--button-border, #0e639c);border-radius:3px;color:var(--button-text, #ffffff);font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.map-properties-button:hover{background:var(--button-hover-bg, #1177bb)}.map-properties-button:active{background:var(--button-active-bg, #005ba1)}.map-properties-button.secondary{background:var(--button-secondary-bg, #3c3c3c);border-color:var(--button-secondary-border, #3c3c3c)}.map-properties-button.secondary:hover{background:var(--button-secondary-hover-bg, #505050)}.map-properties-button.danger{background:var(--danger-color, #d13438);border-color:var(--danger-color, #d13438)}.map-properties-button.danger:hover{background:var(--danger-hover-color, #e5555a)}.map-properties-info{padding:8px 12px;background:var(--info-bg, #1e3a5f);border-left:3px solid var(--accent-color, #007acc);border-radius:3px;font-size:12px;color:var(--text-secondary, #cccccc);margin-bottom:12px}.map-properties-warning{padding:8px 12px;background:var(--warning-bg, #5c4813);border-left:3px solid var(--warning-color, #deba34);border-radius:3px;font-size:12px;color:var(--text-secondary, #cccccc);margin-bottom:12px}.map-properties-error{padding:8px 12px;background:var(--error-bg, #5a1d1d);border-left:3px solid var(--danger-color, #d13438);border-radius:3px;font-size:12px;color:var(--text-secondary, #cccccc);margin-bottom:12px}.map-properties-disabled{opacity:.5;pointer-events:none}.map-properties-color-picker{display:flex;align-items:center;gap:8px}.map-properties-color-preview{width:32px;height:32px;border:1px solid var(--border-color, #3c3c3c);border-radius:3px;cursor:pointer}.map-properties-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--slider-bg, #3c3c3c);outline:none;border-radius:2px}.map-properties-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color, #007acc);cursor:pointer}.map-properties-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-color, #007acc);cursor:pointer;border:none}.map-properties-no-map{padding:32px;text-align:center;color:var(--text-secondary, #888888)}.map-properties-no-map-icon{font-size:48px;margin-bottom:16px;opacity:.5}.map-properties-no-map-text{font-size:14px}.shadow-palette{background:var(--panel-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:4px;padding:12px;color:var(--text-color, #e0e0e0);font-size:13px}.shadow-palette__header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #444)}.shadow-palette__icon{font-size:18px}.shadow-palette__header h3{margin:0;font-size:14px;font-weight:600}.shadow-palette__section{margin-bottom:16px}.shadow-palette__section:last-child{margin-bottom:0}.shadow-palette__section-header{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #aaa);margin-bottom:8px}.shadow-palette__toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:3px;transition:background .2s ease}.shadow-palette__toggle:hover{background:var(--hover-bg, #333)}.shadow-palette__toggle input[type=checkbox]{cursor:pointer}.shadow-palette__orientation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.shadow-palette__orientation-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--button-bg, #1e1e1e);border:2px solid var(--border-color, #444);border-radius:4px;color:var(--text-color, #e0e0e0);cursor:pointer;transition:all .2s ease}.shadow-palette__orientation-btn:hover{background:var(--button-hover-bg, #2a2a2a);border-color:var(--accent-color, #4a9eff)}.shadow-palette__orientation-btn.active{background:var(--button-active-bg, #3a3a5a);border-color:var(--accent-color, #4a9eff);box-shadow:0 0 8px #4a9eff66}.shadow-palette__orientation-icon{font-size:24px;color:var(--shadow-color, #000);text-shadow:0 0 4px rgba(255,255,255,.5)}.shadow-palette__orientation-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.shadow-palette__intensity-list{display:flex;flex-direction:column;gap:6px}.shadow-palette__intensity-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--button-bg, #1e1e1e);border:2px solid var(--border-color, #444);border-radius:4px;color:var(--text-color, #e0e0e0);cursor:pointer;transition:all .2s ease;text-align:left}.shadow-palette__intensity-btn:hover{background:var(--button-hover-bg, #2a2a2a);border-color:var(--accent-color, #4a9eff)}.shadow-palette__intensity-btn.active{background:var(--button-active-bg, #3a3a5a);border-color:var(--accent-color, #4a9eff);box-shadow:0 0 8px #4a9eff66}.shadow-palette__intensity-preview{width:32px;height:32px;background:#000;border:1px solid var(--border-color, #666);border-radius:3px;flex-shrink:0}.shadow-palette__intensity-label{font-size:12px;font-weight:500}.shadow-palette__brush-size{display:flex;align-items:center;gap:12px}.shadow-palette__brush-size input[type=range]{flex:1;cursor:pointer}.shadow-palette__brush-size-value{font-family:Courier New,monospace;font-weight:600;font-size:12px;color:var(--accent-color, #4a9eff);min-width:40px;text-align:right}.shadow-palette__help{padding:12px;background:var(--help-bg, #1a1a2a);border:1px solid var(--help-border, #3a3a4a);border-radius:3px;font-size:11px;color:var(--text-muted, #aaa)}.shadow-palette__help p{margin:0 0 8px;font-weight:600;color:var(--text-color, #e0e0e0)}.shadow-palette__help ul{margin:0;padding-left:20px}.shadow-palette__help li{margin:4px 0}.shadow-palette__help kbd{display:inline-block;padding:2px 6px;background:var(--kbd-bg, #333);border:1px solid var(--kbd-border, #555);border-radius:3px;font-family:monospace;font-size:10px}.guides-panel{background:var(--panel-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:4px;padding:12px;color:var(--text-color, #e0e0e0);font-size:13px;width:300px;max-height:600px;overflow-y:auto}.guides-panel--disabled{opacity:.6}.guides-panel__header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #444)}.guides-panel__icon{font-size:18px}.guides-panel__header h3{margin:0;font-size:14px;font-weight:600}.guides-panel__message{padding:20px;text-align:center;color:var(--text-muted, #888)}.guides-panel__section{margin-bottom:16px}.guides-panel__section:last-child{margin-bottom:0}.guides-panel__section-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #aaa);margin-bottom:8px}.guides-panel__toggles{display:flex;flex-direction:column;gap:6px}.guides-panel__toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:3px;transition:background .2s ease}.guides-panel__toggle:hover{background:var(--hover-bg, #333)}.guides-panel__toggle input[type=checkbox]{cursor:pointer}.guides-panel__form{display:flex;flex-direction:column;gap:8px}.guides-panel__form label{display:flex;align-items:center;justify-content:space-between;gap:8px}.guides-panel__form select,.guides-panel__form input[type=number]{padding:4px 8px;background:var(--input-bg, #1e1e1e);border:1px solid var(--border-color, #444);border-radius:3px;color:var(--text-color, #e0e0e0);font-size:12px;width:120px}.guides-panel__form select:focus,.guides-panel__form input:focus{outline:none;border-color:var(--accent-color, #4a9eff)}.guides-panel__btn-add{background:transparent;border:none;color:var(--success-color, #4ade80);font-size:14px;cursor:pointer;padding:0;transition:transform .2s ease}.guides-panel__btn-add:hover{transform:scale(1.2)}.guides-panel__btn-remove{background:transparent;border:none;color:var(--danger-color, #f87171);font-size:14px;cursor:pointer;padding:0;transition:transform .2s ease}.guides-panel__btn-remove:hover{transform:scale(1.2)}.guides-panel__add-form{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--form-bg, #1e1e1e);border:1px solid var(--border-color, #444);border-radius:3px;margin-bottom:8px}.guides-panel__add-form select,.guides-panel__add-form input{padding:6px 10px;background:var(--input-bg, #2a2a2a);border:1px solid var(--border-color, #555);border-radius:3px;color:var(--text-color, #e0e0e0);font-size:12px}.guides-panel__add-form button{padding:6px 12px;background:var(--button-bg, #4a9eff);border:none;border-radius:3px;color:#fff;font-size:12px;cursor:pointer;transition:background .2s ease}.guides-panel__add-form button:hover{background:var(--button-hover-bg, #3a8edf)}.guides-panel__add-form button:last-child{background:var(--button-secondary-bg, #666)}.guides-panel__add-form button:last-child:hover{background:var(--button-secondary-hover-bg, #777)}.guides-panel__list{max-height:200px;overflow-y:auto}.guides-panel__list-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--list-item-bg, #1e1e1e);border:1px solid var(--border-color, #333);border-radius:3px;margin-bottom:4px;transition:background .2s ease}.guides-panel__list-item:hover{background:var(--list-item-hover-bg, #2a2a2a)}.guides-panel__list-icon{font-size:14px}.guides-panel__list-label{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guides-panel__empty{text-align:center;padding:20px;color:var(--text-muted, #666);font-style:italic;font-size:12px}.validation-panel-closed{padding:8px}.validation-panel-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--text-primary, #e0e0e0);cursor:pointer;font-size:14px;transition:all .2s}.validation-panel-toggle:hover{background:var(--bg-hover, #333);border-color:var(--border-hover, #555)}.validation-badge{display:flex;gap:4px}.error-count,.warning-count{padding:2px 6px;border-radius:10px;font-size:11px;font-weight:700}.error-count{background:#f44;color:#fff}.warning-count{background:#fa0;color:#000}.validation-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #1e1e1e);color:var(--text-primary, #e0e0e0)}.validation-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color, #444)}.validation-panel-header h3{margin:0;font-size:16px;font-weight:600}.validation-panel-actions{display:flex;gap:8px}.btn-validate,.btn-close{padding:6px 12px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #e0e0e0);cursor:pointer;font-size:13px;transition:all .2s}.btn-validate:hover:not(:disabled),.btn-close:hover{background:var(--bg-hover, #333);border-color:var(--accent-color, #007acc)}.btn-validate:disabled{opacity:.5;cursor:not-allowed}.validation-summary{display:flex;gap:16px;padding:12px 16px;background:var(--bg-secondary, #2a2a2a);border-bottom:1px solid var(--border-color, #444)}.summary-item{display:flex;flex-direction:column;align-items:center;gap:4px}.summary-item .count{font-size:20px;font-weight:700}.summary-item .label{font-size:11px;text-transform:uppercase;opacity:.7}.summary-item.error .count{color:#f44}.summary-item.warning .count{color:#fa0}.summary-item.info .count{color:#0af}.summary-time{margin-left:auto;display:flex;align-items:center;font-size:12px;opacity:.6}.validation-filters{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color, #444)}.filter-select,.search-input{padding:6px 10px;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--text-primary, #e0e0e0);font-size:13px}.filter-select{min-width:120px}.search-input{flex:1}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--accent-color, #007acc)}.validation-issues-list{flex:1;overflow-y:auto;padding:8px}.no-issues{display:flex;align-items:center;justify-content:center;height:200px;font-size:14px;color:var(--text-secondary, #999)}.issue-item{padding:12px;margin-bottom:8px;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #444);border-left:3px solid;border-radius:4px;cursor:pointer;transition:all .2s}.issue-item.error{border-left-color:#f44}.issue-item.warning{border-left-color:#fa0}.issue-item.info{border-left-color:#0af}.issue-item:hover{background:var(--bg-hover, #333);border-color:var(--border-hover, #555)}.issue-item.selected{background:var(--bg-selected, #37373d);border-color:var(--accent-color, #007acc)}.issue-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px}.issue-icon{font-size:14px}.issue-category{font-weight:600;text-transform:uppercase;font-size:11px;opacity:.8}.issue-map{padding:2px 6px;background:var(--bg-tertiary, #1a1a1a);border-radius:3px;font-size:11px;font-family:monospace}.issue-message{font-size:14px;margin-bottom:4px;line-height:1.4}.issue-description{font-size:12px;color:var(--text-secondary, #999);margin-bottom:6px;line-height:1.4}.issue-location{font-size:11px;font-family:monospace;color:var(--text-secondary, #999);margin-bottom:8px}.issue-actions{display:flex;gap:6px;margin-top:8px}.btn-quick-fix,.btn-suppress{padding:4px 10px;border:1px solid var(--border-color, #444);border-radius:3px;background:var(--bg-tertiary, #1a1a1a);color:var(--text-primary, #e0e0e0);cursor:pointer;font-size:12px;transition:all .2s}.btn-quick-fix:hover{background:#007acc;border-color:#007acc;color:#fff}.btn-suppress:hover{background:#f44;border-color:#f44;color:#fff}.zones-panel{display:flex;flex-direction:column;gap:10px;font-size:12px}.zones-panel-summary{display:flex;gap:8px;flex-wrap:wrap;color:#e2e8f0d6}.zones-panel-summary span,.zones-panel-alert{border:1px solid rgba(148,163,184,.18);border-radius:6px;padding:6px 8px;background:#0f172a6b}.zones-panel-alert{display:flex;flex-direction:column;gap:4px;color:#fbbf24}.zones-panel-card{display:flex;flex-direction:column;gap:9px;padding:10px;border:1px solid rgba(96,165,250,.22);border-radius:6px;background:#0f172a80}.zones-panel-card h4{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#e2e8f0eb}.zones-panel label{display:flex;flex-direction:column;gap:4px;color:#94a3b8f2}.zones-panel input,.zones-panel select{width:100%;min-height:30px;border:1px solid rgba(148,163,184,.24);border-radius:5px;padding:5px 7px;background:#0f172acc;color:#f8fafcf0}.zones-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zones-panel-actions{display:flex;gap:8px;flex-wrap:wrap}.zones-panel-actions button{min-height:30px;border:1px solid rgba(96,165,250,.42);border-radius:5px;padding:5px 9px;background:#3b82f629;color:#dbeafef5;cursor:pointer}.zones-panel-actions button:hover{background:#3b82f647}.zones-panel-actions button.danger{border-color:#f871716b;background:#7f1d1d33;color:#fecaca}.zones-panel-empty{color:#94a3b8cc;line-height:1.4}.new-map-dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000094}.new-map-dialog{width:min(560px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;border:1px solid #4a4a4a;border-radius:8px;background:#2f2f2f;color:#f1f1f1;box-shadow:0 18px 48px #00000073}.new-map-dialog__header,.new-map-dialog__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #444}.new-map-dialog__footer{justify-content:flex-end;border-top:1px solid #444;border-bottom:0}.new-map-dialog__header h2{margin:0;font-size:20px}.new-map-dialog__header p{margin:4px 0 0;color:#aaa;font-size:13px}.new-map-dialog__close{width:32px;height:32px;border:1px solid #555;border-radius:6px;background:#3a3a3a;color:#ddd;cursor:pointer}.new-map-dialog__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:18px 20px}.new-map-dialog__field{display:flex;flex-direction:column;gap:6px;color:#b8b8b8;font-size:13px;font-weight:600}.new-map-dialog__field--wide{grid-column:1 / -1}.new-map-dialog__field input,.new-map-dialog__field select{width:100%;min-height:38px;border:1px solid #4e4e4e;border-radius:6px;padding:8px 10px;background:#202020;color:#f5f5f5;font:inherit}.new-map-dialog__field input:focus,.new-map-dialog__field select:focus{outline:2px solid #4da3ff;outline-offset:1px}.new-map-dialog__template-preview{display:flex;align-items:center;gap:12px;min-height:82px;padding:10px;border:1px solid #4e4e4e;border-radius:6px;background:#252525}.new-map-dialog__template-preview img{width:64px;height:64px;border:1px solid #555;border-radius:4px;image-rendering:pixelated}.new-map-dialog__template-preview div{min-width:0;display:flex;flex-direction:column;gap:3px}.new-map-dialog__template-preview strong{color:#fff}.new-map-dialog__template-preview span,.new-map-dialog__template-preview small{color:#b8b8b8}.new-map-dialog__error{margin:0 20px 14px;padding:10px 12px;border:1px solid #8d3c3c;border-radius:6px;background:#4a2323;color:#ffd9d9;font-size:13px}.new-map-dialog__button{min-width:96px;min-height:36px;border:1px solid #555;border-radius:6px;padding:8px 14px;background:#3a3a3a;color:#eee;cursor:pointer;font-weight:600}.new-map-dialog__button--primary{border-color:#2f83e6;background:#2f83e6;color:#fff}@media (max-width: 560px){.new-map-dialog__body{grid-template-columns:1fr}}.pack-properties-dialog{max-width:640px}.pack-properties-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(148,163,184,.16);border-bottom:1px solid rgba(148,163,184,.16)}.pack-properties-tabs button{min-height:34px;border:0;border-right:1px solid rgba(148,163,184,.16);background:#0f172a7a;color:#e2e8f0e6;cursor:pointer}.pack-properties-tabs button.active{background:#3b82f6;color:#fff}.pack-properties-body{padding:16px 20px}.pack-properties-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pack-properties-grid label{display:grid;gap:5px;color:#94a3b8f2;font-size:12px}.pack-properties-grid .wide{grid-column:1 / -1}.pack-properties-grid input,.pack-properties-grid textarea{width:100%;border:1px solid rgba(148,163,184,.24);border-radius:4px;background:#0f172ac7;color:#e2e8f0f5;padding:8px}.pack-properties-grid textarea{min-height:80px;resize:vertical}.pack-properties-stats,.pack-properties-meta,.pack-properties-instances{display:grid;gap:8px}.pack-properties-stats{grid-template-columns:repeat(3,1fr)}.pack-properties-stats span,.pack-properties-meta span,.pack-properties-instances>span,.pack-properties-instances div{padding:8px;border:1px solid rgba(148,163,184,.18);border-radius:5px;background:#0f172a6b}.pack-properties-instances div{display:grid;gap:3px}.pack-properties-instances span,.pack-properties-meta span{color:#94a3b8f2}.palette-rail{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--color-bg-secondary);border-left:1px solid var(--color-border-subtle);overflow:hidden}.palette-rail__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--color-border-subtle)}.palette-rail__header h2{margin:0;font-size:13px;font-weight:750;color:var(--color-text-primary);text-transform:uppercase}.palette-rail__add{min-height:24px;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:11px;padding:0 9px;cursor:pointer}.palette-rail__add:hover{border-color:var(--color-accent-blue, #3b82f6)}.palette-rail__list{flex:1 1 auto;min-height:0;overflow:auto;padding:6px}.palette-rail__empty{padding:18px 14px;color:var(--color-text-tertiary);font-size:12px;line-height:1.5;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.palette-rail__empty p{margin:0}.palette-rail__group{border:1px solid var(--color-border-subtle);border-radius:8px;background:var(--color-bg-primary);margin-bottom:6px;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease}.palette-rail__group.is-active{border-color:var(--color-accent-blue, #3b82f6);box-shadow:0 0 0 1px var(--color-accent-blue, #3b82f6)}.palette-rail__group-header{display:grid;grid-template-columns:24px minmax(0,1fr) auto 22px;align-items:center;gap:4px;padding:6px 6px 6px 4px}.palette-rail__expand{width:22px;height:22px;border:0;border-radius:4px;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:11px;line-height:1}.palette-rail__expand:hover{background:var(--color-bg-secondary)}.palette-rail__name{min-width:0;border:0;background:transparent;color:var(--color-text-primary);font-size:12px;font-weight:600;text-align:left;padding:2px 4px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-rail__name:hover{color:var(--color-accent-blue, #3b82f6)}.palette-rail__count{min-width:20px;height:18px;padding:0 6px;border-radius:999px;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:10px;font-weight:700;line-height:18px;text-align:center}.palette-rail__rename{min-width:0;height:24px;border:1px solid var(--color-accent-blue, #3b82f6);border-radius:4px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:12px;font-weight:600;padding:0 6px}.palette-rail__menu-wrap{position:relative}.palette-rail__menu-btn{width:22px;height:22px;border:0;border-radius:4px;background:transparent;color:var(--color-text-tertiary);font-size:14px;line-height:1;cursor:pointer;letter-spacing:-2px}.palette-rail__menu-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.palette-rail__menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.palette-rail__menu{position:absolute;top:24px;right:0;z-index:41;min-width:124px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-elevated, var(--color-bg-primary));box-shadow:0 10px 24px #00000047;padding:4px}.palette-rail__menu button{display:block;width:100%;min-height:28px;border:0;border-radius:4px;background:transparent;color:var(--color-text-primary);font-size:12px;text-align:left;padding:0 8px;cursor:pointer}.palette-rail__menu button:hover{background:var(--color-bg-secondary)}.palette-rail__menu-item--danger{color:var(--color-accent-red, #ef4444)!important}.palette-rail__confirm{margin:0 8px 8px;padding:10px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:8px}.palette-rail__confirm span{font-size:12px;color:var(--color-text-secondary)}.palette-rail__confirm-actions{display:flex;gap:6px}.palette-rail__confirm-actions button{flex:1 1 0;min-height:26px;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:11px;cursor:pointer}.palette-rail__confirm-delete{border-color:var(--color-accent-red, #ef4444)!important;background:var(--color-accent-red, #ef4444)!important;color:#fff!important}.palette-rail__group-body{padding:0 8px 8px;border-top:1px solid var(--color-border-subtle)}.palette-rail__layer-control{display:flex;flex-direction:column;gap:4px;margin:8px 0}.palette-rail__layer-control span{color:var(--color-text-tertiary);font-size:10px;font-weight:700;text-transform:uppercase}.palette-rail__layer-control select{width:100%;min-height:28px;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:11px;padding:0 8px}.palette-rail__layer-control select:focus{outline:2px solid var(--color-accent-blue, #3b82f6);outline-offset:1px}.palette-rail__add-selected{width:100%;min-height:26px;margin:8px 0;border:1px dashed var(--color-border-subtle);border-radius:5px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:11px;cursor:pointer}.palette-rail__add-selected:hover:not(:disabled){border-color:var(--color-accent-blue, #3b82f6);border-style:solid}.palette-rail__add-selected:disabled{opacity:.45;cursor:default}.palette-rail__drop-hint{padding:14px 8px;text-align:center;color:var(--color-text-tertiary);font-size:11px;border:1px dashed var(--color-border-subtle);border-radius:6px}.palette-rail__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px}.palette-rail__tile{position:relative;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-secondary);overflow:hidden}.palette-rail__tile-button{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:6px 0 2px;cursor:pointer}.palette-rail__tile-button .tm-tile-preview{width:36px;height:36px}.palette-rail__index{display:block;text-align:center;font-size:9px;color:var(--color-text-tertiary);padding-bottom:2px}.palette-rail__missing{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-tertiary);font-size:12px}.palette-rail__tile-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-border-subtle)}.palette-rail__tile-actions button{min-height:24px;border:0;border-right:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-secondary);font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.palette-rail__tile-actions button:last-child{border-right:0}.palette-rail__tile-actions button:disabled{opacity:.35;cursor:default}.palette-rail__tile-remove{color:var(--color-accent-red, #ef4444)!important}.palette-rail__stamp{grid-column:1 / -1;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-secondary);overflow:hidden}.palette-rail__stamp-button{width:100%;border:0;background:transparent;color:var(--color-text-primary);padding:7px;cursor:pointer;display:flex;flex-direction:column;gap:6px}.palette-rail__stamp-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;min-width:0}.palette-rail__stamp-title>span{flex:0 0 auto;color:var(--color-text-tertiary);font-size:10px}.palette-rail__stamp-grid{align-self:flex-start;display:grid;max-width:100%;background:var(--color-bg-primary);overflow:hidden}.palette-rail__stamp-grid .tm-tile-preview{width:24px;height:24px;border:0;background:transparent}.palette-rail__stamp-grid .tm-tile-preview img{object-fit:fill}.palette-rail__stamp-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-border-subtle)}.palette-rail__stamp-actions button{min-height:25px;border:0;border-right:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-secondary);font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.palette-rail__stamp-actions button:last-child{border-right:0}.palette-rail__stamp-actions button:disabled{opacity:.35;cursor:default}.palette-rail__group:drag-over,.palette-rail__group.is-drag-target{border-color:var(--color-accent-blue, #3b82f6)}.add-source-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9000}.add-source-modal{width:min(440px,90vw);max-height:80vh;background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:8px;box-shadow:0 12px 32px #0000004d;display:flex;flex-direction:column;overflow:hidden}.add-source-modal__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border-subtle)}.add-source-modal__header h2{margin:0;font-size:15px;color:var(--color-text-primary)}.add-source-modal__close{background:none;border:none;font-size:22px;line-height:1;color:var(--color-text-tertiary);cursor:pointer;padding:0 4px}.add-source-modal__close:hover{color:var(--color-text-primary)}.add-source-modal__tabs{display:flex;border-bottom:1px solid var(--color-border-subtle)}.add-source-modal__tab{flex:1;background:none;border:none;padding:10px;font-size:13px;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent}.add-source-modal__tab:hover{color:var(--color-text-primary)}.add-source-modal__tab.is-active{color:var(--color-accent-blue);border-bottom-color:var(--color-accent-blue)}.add-source-modal__body{padding:20px 16px;overflow-y:auto}.add-source-tab{display:flex;flex-direction:column;gap:12px}.add-source-tab__hint{margin:0;font-size:12px;color:var(--color-text-tertiary);line-height:1.5}.add-source-tab__label{font-size:12px;color:var(--color-text-secondary)}.add-source-tab__text{width:100%;padding:8px 10px;font-size:13px;border:1px solid var(--color-border-medium);border-radius:4px;background:var(--color-bg-primary);color:var(--color-text-primary);box-sizing:border-box}.add-source-tab__text:focus{outline:none;border-color:var(--color-accent-blue)}.add-source-tab__pick{align-self:flex-start;padding:8px 16px;font-size:13px;border-radius:4px;border:1px solid var(--color-accent-blue);background:var(--color-accent-blue);color:#fff;cursor:pointer}.add-source-tab__pick:disabled{opacity:.5;cursor:not-allowed}.add-source-tab__input{display:none}.add-source-tab__error{margin:0;font-size:12px;color:var(--color-accent-red, #ef4444)}.add-source-tab--stub{align-items:center;text-align:center;padding:24px 0}.add-source-tab__coming-soon{margin:0;font-size:18px;font-weight:600;color:var(--color-text-tertiary)}.hybrid-sources{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--color-bg-secondary);overflow:hidden}.hybrid-sources__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid var(--color-border-subtle)}.hybrid-sources__title{min-width:0;font-size:12px;font-weight:750;color:var(--color-text-primary);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hybrid-sources__header-actions{flex:0 0 auto;display:flex;align-items:center;gap:4px}.hybrid-sources__collapse{flex:0 0 auto;min-height:26px;border:1px solid var(--color-border-subtle);border-radius:5px;background:transparent;color:var(--color-text-secondary);font-size:11px;padding:0 8px;cursor:pointer}.hybrid-sources__collapse:hover{border-color:var(--color-accent-blue, #3b82f6);color:var(--color-accent-blue, #3b82f6)}.hybrid-sources__import{flex:0 0 auto;min-height:26px;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:11px;padding:0 10px;cursor:pointer}.hybrid-sources__import:hover{border-color:var(--color-accent-blue, #3b82f6);color:var(--color-accent-blue, #3b82f6)}.hybrid-sources__list{flex:1 1 auto;min-height:0;overflow:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.hybrid-sources__empty{padding:18px 12px;text-align:center;color:var(--color-text-tertiary);font-size:12px;display:flex;flex-direction:column;align-items:center;gap:10px}.hybrid-sources__empty p{margin:0}.hybrid-sources__item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;padding:6px;border:1px solid transparent;border-radius:7px;background:var(--color-bg-primary);transition:border-color .12s ease,box-shadow .12s ease}.hybrid-sources__item:hover{border-color:var(--color-border-subtle)}.hybrid-sources__item.is-filtered{border-color:var(--color-accent-blue, #3b82f6);box-shadow:0 0 0 1px var(--color-accent-blue, #3b82f6)}.hybrid-sources__item.is-extracting{border-color:var(--color-accent-blue, #3b82f6);box-shadow:inset 3px 0 0 var(--color-accent-blue, #3b82f6)}.hybrid-sources__item.is-archived{opacity:.55}.hybrid-sources__thumb-button{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:8px;min-width:0;padding:4px 6px 4px 4px;border:0;background:transparent;color:var(--color-text-secondary);cursor:pointer;text-align:left;border-radius:5px}.hybrid-sources__thumb-button:hover{background:var(--color-bg-secondary)}.hybrid-sources__thumb{width:44px;height:44px;border:1px solid var(--color-border-subtle);border-radius:4px;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.hybrid-sources__thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.hybrid-sources__placeholder{color:var(--color-text-tertiary);font-size:11px}.hybrid-sources__meta{min-width:0;display:flex;flex-direction:column;gap:2px}.hybrid-sources__name{font-size:12px;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hybrid-sources__sub{font-size:10px;color:var(--color-text-tertiary)}.hybrid-sources__open-affordance{font-size:12px;color:var(--color-text-tertiary);text-align:center}.hybrid-sources__thumb-button:hover .hybrid-sources__open-affordance{color:var(--color-accent-blue, #3b82f6)}.hybrid-sources__rename{width:100%;height:22px;border:1px solid var(--color-accent-blue, #3b82f6);border-radius:4px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:12px;padding:0 4px}.hybrid-sources__row-actions{display:flex;flex-direction:column;gap:2px}.hybrid-sources__filter-btn,.hybrid-sources__menu-btn{width:22px;height:22px;border:0;border-radius:4px;background:transparent;color:var(--color-text-tertiary);font-size:13px;line-height:1;cursor:pointer}.hybrid-sources__filter-btn:hover,.hybrid-sources__menu-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.hybrid-sources__filter-btn.is-active{color:var(--color-accent-blue, #3b82f6)}.hybrid-sources__menu-btn{letter-spacing:-2px}.hybrid-sources__menu-wrap{position:relative}.hybrid-sources__menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.hybrid-sources__menu{position:absolute;top:24px;right:0;z-index:41;min-width:116px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-elevated, var(--color-bg-primary));box-shadow:0 10px 24px #00000047;padding:4px}.hybrid-sources__menu button{display:block;width:100%;min-height:28px;border:0;border-radius:4px;background:transparent;color:var(--color-text-primary);font-size:12px;text-align:left;padding:0 8px;cursor:pointer}.hybrid-sources__menu button:hover{background:var(--color-bg-secondary)}.hybrid-sources__menu-item--danger{color:var(--color-accent-red, #ef4444)!important}.hybrid-sources__confirm{display:flex;flex-direction:column;gap:8px;padding:8px}.hybrid-sources__confirm span{font-size:11px;color:var(--color-text-secondary);line-height:1.35}.hybrid-sources__confirm-actions{display:flex;gap:6px}.hybrid-sources__confirm-actions button{flex:1 1 0;min-height:24px;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:11px;cursor:pointer}.hybrid-sources__confirm-actions button:first-child{border-color:var(--color-accent-red, #ef4444);background:var(--color-accent-red, #ef4444);color:#fff}.hybrid-sources__footer{flex:0 0 auto;padding:6px 10px;border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:4px}.hybrid-sources__archived-toggle{display:flex;align-items:center;gap:6px;color:var(--color-text-tertiary);font-size:10px;cursor:pointer}.hybrid-sources__archived-toggle input{width:12px;height:12px}.hybrid-sources__hint{margin:0;color:var(--color-text-tertiary);font-size:10px;text-align:center}.hybrid-mode-pill{flex:0 0 auto;display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:750;letter-spacing:.06em}.hybrid-mode-pill--library{background:var(--color-bg-tertiary, var(--color-bg-secondary));color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.hybrid-mode-pill--extract{background:var(--color-accent-blue, #3b82f6);color:#fff}.hybrid-library{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.hybrid-library__bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.hybrid-library__bar-left{display:flex;align-items:baseline;gap:10px}.hybrid-library__heading{margin:0;font-size:14px;font-weight:750;color:var(--color-text-primary);text-transform:uppercase}.hybrid-library__count{font-size:11px;color:var(--color-text-tertiary)}.hybrid-library__source-chip{flex:0 0 auto;min-height:24px;border:1px solid var(--color-accent-blue, #3b82f6);border-radius:999px;background:#3b82f61f;color:var(--color-accent-blue, #3b82f6);font-size:11px;font-weight:600;padding:0 10px;cursor:pointer}.hybrid-library__source-chip:hover{background:#3b82f633}.hybrid-library__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:row;overflow:hidden}.hybrid-library__filters{flex:0 0 168px;width:168px;min-height:0;overflow:auto;padding:8px 8px 12px;border-right:1px solid var(--color-border-subtle);background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:12px}.hybrid-library__filters h3{margin:0 0 6px;font-size:10px;font-weight:750;text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.04em}.hybrid-library__grid-wrap{flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 900px){.hybrid-library__filters{flex:0 0 132px;width:132px}}.hybrid-extract{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.hybrid-extract__bar{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--color-accent-blue, #3b82f6);background:linear-gradient(to right,rgba(59,130,246,.14),var(--color-bg-secondary) 40%)}.hybrid-extract__back{min-height:30px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:12px;font-weight:600;padding:0 14px;cursor:pointer}.hybrid-extract__back:hover{border-color:var(--color-accent-blue, #3b82f6);color:var(--color-accent-blue, #3b82f6)}.hybrid-extract__title{font-size:13px;font-weight:650;color:var(--color-text-primary)}.hybrid-extract__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.hybrid-selection{position:absolute;top:0;right:0;bottom:0;width:280px;z-index:20;display:flex;flex-direction:column;border-left:1px solid var(--color-border-subtle);background:var(--color-bg-elevated, var(--color-bg-primary));box-shadow:-8px 0 24px #0000002e;overflow:hidden;animation:hybrid-selection-in .14s ease}@keyframes hybrid-selection-in{0%{transform:translate(12px);opacity:0}to{transform:translate(0);opacity:1}}.hybrid-selection__header{flex:0 0 auto;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.hybrid-selection__header .tm-tile-preview{width:40px;height:40px}.hybrid-selection__title-wrap{min-width:0;display:flex;flex-direction:column;gap:2px}.hybrid-selection__title{font-size:13px;font-weight:650;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hybrid-selection__sub{font-size:11px;color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hybrid-selection__toggle{flex:0 0 auto;margin:8px 10px 0;min-height:28px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:12px;cursor:pointer}.hybrid-selection__toggle:hover{border-color:var(--color-accent-blue, #3b82f6);color:var(--color-accent-blue, #3b82f6)}.hybrid-selection__body{flex:1 1 auto;min-height:0;overflow:auto;padding:4px 0 8px}.hybrid-selection__body .tm-inspector__header{display:none}.hybrid-selection__deselect{flex:0 0 auto;margin:0 10px 10px;min-height:24px;border:0;background:transparent;color:var(--color-text-tertiary);font-size:11px;cursor:pointer;text-align:center}.hybrid-selection__deselect:hover{color:var(--color-text-secondary)}.tile-manager-view{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary);position:relative}.tile-manager-shell{flex:1 1 auto;min-height:0;display:flex;flex-direction:row;width:100%;height:100%;position:relative}.tile-manager-body{flex:1 1 auto;min-width:0;height:100%}.tile-manager-workspace{flex:1 1 auto;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;background:var(--color-bg-primary)}.tile-manager-sources-reopen{position:absolute;left:8px;top:8px;z-index:20;min-height:28px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-elevated, var(--color-bg-secondary));color:var(--color-text-primary);font-size:12px;font-weight:650;padding:0 10px;cursor:pointer;box-shadow:0 6px 18px #00000038}.tile-manager-sources-reopen:hover{border-color:var(--color-accent-blue, #3b82f6);color:var(--color-accent-blue, #3b82f6)}.tile-manager-frame,.tile-manager-group{width:100%;height:100%}.tm-stage{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.tm-stage__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.tm-stage__header h2{margin:0;font-size:14px;font-weight:750;color:var(--color-text-primary);text-transform:uppercase}.tm-stage__header p{margin:3px 0 0;font-size:11px;color:var(--color-text-tertiary)}.tm-stage__primary{flex:0 0 auto;min-height:30px;border:1px solid var(--color-accent-blue, #3b82f6);border-radius:6px;background:var(--color-accent-blue, #3b82f6);color:#fff;font-size:12px;font-weight:600;padding:0 14px;cursor:pointer}.tm-stage__primary:hover{filter:brightness(1.08)}.tm-stage__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.tm-stage__body--scroll{overflow:auto}.tm-stage__hero{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px}.tm-stage__cta-wrap{display:flex;justify-content:center;padding:8px 0}.tm-stage__cta{min-height:30px;border:1px solid var(--color-accent-blue, #3b82f6);border-radius:6px;background:transparent;color:var(--color-accent-blue, #3b82f6);font-size:12px;font-weight:600;padding:0 14px;cursor:pointer}.tm-stage__cta:hover{background:var(--color-accent-blue, #3b82f6);color:#fff}.tm-stage__sources{padding:12px 16px;display:flex;flex-direction:column;gap:8px;min-height:0}.tm-stage__section-label{margin:0;color:var(--color-text-tertiary);font-size:11px}.tm-import-stage__body{padding:16px}.tm-import-stage__list{display:flex;flex-direction:column;gap:8px;max-width:900px;margin:0 auto;width:100%}.tm-import-stage__list-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.tm-import-stage__add-inline{flex:0 0 auto;min-height:26px;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:11px;padding:0 10px;cursor:pointer}.tm-import-stage__add-inline:hover{border-color:var(--color-accent-blue, #3b82f6);color:var(--color-accent-blue, #3b82f6)}.tm-import-stage__dropzone{margin:48px auto;max-width:460px;width:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 24px;border:2px dashed var(--color-border-subtle);border-radius:14px;background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.tm-import-stage__dropzone:hover{border-color:var(--color-accent-blue, #3b82f6);color:var(--color-accent-blue, #3b82f6);background:var(--color-bg-primary)}.tm-import-stage__dropzone-icon{font-size:34px;font-weight:700;line-height:1}.tm-import-stage__dropzone-title{font-size:15px;font-weight:650;color:var(--color-text-primary)}.tm-import-stage__dropzone-hint{font-size:12px;color:var(--color-text-tertiary)}.tm-stage__hint{margin:4px 0 0;color:var(--color-text-tertiary);font-size:11px;line-height:1.4}.tm-library-stage__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:row;overflow:hidden}.tm-library-stage__filters{flex:0 0 168px;width:168px;min-height:0;overflow:auto;padding:8px 8px 12px;border-right:1px solid var(--color-border-subtle);background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:12px}.tm-library-stage__filters .browse-pane__section-header{padding:0 4px}.tm-library-stage__filters h3{margin:0 0 6px;font-size:10px;font-weight:750;text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.04em}.tm-library-stage__grid{flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 900px){.tm-library-stage__filters{flex:0 0 132px;width:132px}}.tm-extract-stage__body,.tm-extract-stage__canvas{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.source-picker{flex:0 0 auto;display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary);overflow-x:auto}.source-picker__item{flex:0 0 auto;display:grid;grid-template-columns:56px minmax(0,120px);align-items:center;gap:8px;width:184px;padding:6px;border:1px solid var(--color-border-subtle);border-radius:7px;background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:border-color .12s ease,box-shadow .12s ease}.source-picker__item:hover{border-color:var(--color-accent-blue, #3b82f6)}.source-picker__item.is-selected{border-color:var(--color-accent-blue, #3b82f6);box-shadow:0 0 0 1px var(--color-accent-blue, #3b82f6)}.source-picker__item:focus-visible{outline:2px solid var(--color-accent-blue, #3b82f6);outline-offset:1px}.source-picker__thumb{width:56px;height:56px;border:1px solid var(--color-border-subtle);border-radius:4px;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.source-picker__thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.source-picker__placeholder{color:var(--color-text-tertiary);font-size:12px}.source-picker__meta{min-width:0;display:flex;flex-direction:column;gap:2px}.source-picker__name{font-size:12px;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-picker__count{font-size:10px;color:var(--color-text-tertiary)}.tile-manager-empty-state{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;text-align:center;color:var(--color-text-tertiary);font-size:13px;line-height:1.5}.tile-manager-empty-state p{max-width:280px;margin:0}.palette-view>.tile-manager-empty-state{padding:24px}.content-pane,.inspector-pane,.source-view{width:100%;height:100%;min-height:0}.inspector-pane{overflow:auto}.source-view{display:grid;grid-template-rows:minmax(320px,1fr) minmax(150px,28%);overflow:hidden}.tm-extraction-panel{min-height:0;display:flex;flex-direction:column;border-bottom:1px solid var(--color-border-subtle);overflow:hidden}.tm-extraction-panel__top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.tm-extraction-panel__top h2,.tm-library__header h2{margin:0;font-size:13px;font-weight:750;color:var(--color-text-primary);text-transform:uppercase}.tm-extraction-panel__top p,.tm-preview p,.tm-library__header span{margin:2px 0 0;font-size:11px;color:var(--color-text-tertiary)}.tm-slice-mode{display:inline-flex;border:1px solid var(--color-border-subtle);border-radius:6px;overflow:hidden;flex:0 0 auto}.tm-slice-mode__button{min-width:58px;height:28px;border:0;border-right:1px solid var(--color-border-subtle);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:12px;cursor:pointer}.tm-slice-mode__button:last-child{border-right:0}.tm-slice-mode__button.is-active{background:var(--color-accent-blue, #3b82f6);color:#fff}.tm-extraction-panel__body{min-height:0;display:grid;grid-template-columns:minmax(260px,1fr) 260px;gap:12px;padding:12px;overflow:auto}.tm-extraction-panel__canvas{min-height:0;overflow:auto;border:1px solid var(--color-border-subtle);background:var(--color-bg-primary)}.tm-calibration{width:100%;height:100%;min-height:260px;display:flex;align-items:flex-start;justify-content:center;padding:12px}.tm-calibration__stage{position:relative;width:fit-content;max-width:100%;isolation:isolate}.tm-calibration__image{position:relative;z-index:0;display:block;max-width:100%;height:auto;image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none}.tm-calibration__surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:0;background:transparent;padding:0;cursor:crosshair;pointer-events:auto}.tm-calibration__box{position:absolute;z-index:2;border:2px solid var(--color-accent-blue, #3b82f6);background:#3b82f629;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;cursor:pointer;min-width:10px;min-height:10px}.tm-calibration__box:hover,.tm-calibration__box.is-selected{border-color:#f8fafc;box-shadow:0 0 0 2px var(--color-accent-blue, #3b82f6),inset 0 0 0 1px #ffffffa6;background:#3b82f647;z-index:2}.tm-calibration__box:focus-visible{outline:2px solid #f8fafc;outline-offset:2px}.tm-calibration__box span{position:absolute;left:0;top:0;transform:translateY(-100%);padding:1px 4px;background:var(--color-accent-blue, #3b82f6);color:#fff;font-size:10px;white-space:nowrap}.tm-calibration__template-overlay{position:absolute;border:2px dashed rgba(248,250,252,.9);background:#0f172a1f;pointer-events:none;z-index:1}.tm-calibration__template-overlay img{width:100%;height:100%;display:block;object-fit:fill;image-rendering:pixelated;opacity:.32}.tm-calibration__template-overlay span{position:absolute;left:0;top:0;transform:translateY(-100%);padding:1px 5px;background:#0f172aeb;color:#fff;font-size:10px;white-space:nowrap}.tm-calibration__loading{align-self:center;color:var(--color-text-tertiary);font-size:12px}.tm-extraction-panel__controls{min-width:0;display:flex;flex-direction:column;gap:12px}.tm-template-controls{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-secondary)}.tm-template-controls__active{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:center}.tm-template-controls__active img{width:40px;height:40px;border:1px solid var(--color-border-subtle);background:var(--color-bg-primary);object-fit:contain;image-rendering:pixelated}.tm-template-controls__active strong,.tm-template-controls__active span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-template-controls__active strong{color:var(--color-text-primary);font-size:12px}.tm-template-controls__active span{margin-top:2px;color:var(--color-text-tertiary);font-size:11px}.tm-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tm-control-grid label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--color-text-secondary)}.tm-control-grid input{width:100%;height:28px;border:1px solid var(--color-border-subtle);border-radius:4px;background:var(--color-bg-primary);color:var(--color-text-primary);padding:0 6px}.tm-grid-controls,.tm-multi-controls{display:flex;flex-direction:column;gap:8px}.tm-extraction-status{margin:0;color:var(--color-text-tertiary);font-size:11px;line-height:1.35}.tm-secondary-button,.tm-multi-controls__actions button{min-height:28px;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-bg-secondary);color:var(--color-text-primary);padding:0 9px;cursor:pointer}.tm-secondary-button:hover,.tm-multi-controls__actions button:hover{border-color:var(--color-accent-blue, #3b82f6)}.tm-multi-controls{padding:8px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-secondary)}.tm-multi-controls__top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--color-text-secondary);font-size:12px}.tm-multi-controls__actions{display:flex;gap:8px}.tm-multi-controls__actions button:last-child{color:var(--color-accent-red, #ef4444)}.tm-stamp-controls{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-secondary)}.tm-stamp-controls__toggle{display:inline-flex;align-items:center;gap:7px;color:var(--color-text-primary);font-size:12px}.tm-stamp-controls__toggle input{width:14px;height:14px}.tm-bg-controls{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:8px}.tm-bg-controls label{display:grid;grid-template-columns:auto minmax(72px,1fr) 28px;align-items:center;gap:7px;color:var(--color-text-secondary);font-size:11px}.tm-bg-controls input[type=range]{width:100%}.tm-bg-controls__swatch{width:18px;height:18px;border:1px solid var(--color-border-subtle);border-radius:4px}.tm-preview{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px}.tm-preview__image,.tm-tile-preview{width:48px;height:48px;border:1px solid var(--color-border-subtle);background-color:var(--color-bg-primary);background-image:linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.12) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.12) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;display:flex;align-items:center;justify-content:center}.tm-preview__image img,.tm-tile-preview img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.tm-preview__image span,.tm-tile-preview span{color:var(--color-text-tertiary);font-size:10px}.tm-extraction-panel__actions{display:flex;gap:8px}.tm-extraction-panel__actions .tm-action-primary{min-height:32px;border:1px solid var(--color-accent-blue, #3b82f6);border-radius:5px;background:var(--color-accent-blue, #3b82f6);color:#fff;font-size:12px;font-weight:600;padding:0 14px;white-space:nowrap;cursor:pointer}.tm-extraction-panel__actions .tm-action-primary:hover:not(:disabled){filter:brightness(1.08)}.tm-extraction-panel__actions .tm-action-secondary{min-height:32px;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:12px;padding:0 14px;white-space:nowrap;cursor:pointer}.tm-extraction-panel__actions .tm-action-secondary:hover:not(:disabled){border-color:var(--color-accent-blue, #3b82f6);color:var(--color-accent-blue, #3b82f6)}.tm-extraction-panel__actions button:disabled{opacity:.45;cursor:default}.tm-library{min-height:0;display:flex;flex-direction:column;overflow:hidden}.tm-library__header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:baseline;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.tm-library__search{flex:0 0 auto;padding:8px 12px}.tm-library__search input{width:100%;min-height:30px;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-bg-primary);color:var(--color-text-primary);padding:0 9px;font-size:12px}.tm-filter-chips{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 8px}.tm-filter-chips button{min-height:24px;border:1px solid var(--color-border-subtle);border-radius:999px;background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:0 9px;font-size:11px;cursor:pointer}.tm-filter-chips button:hover{color:var(--color-text-primary);border-color:var(--color-accent-blue, #3b82f6)}.tm-library__empty{color:var(--color-text-tertiary);font-size:12px;padding:12px}.tm-library__grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;padding:0 12px 12px}.tm-library__tile{position:relative;min-width:0;height:86px}.tm-library__tile-button{width:100%;height:100%;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.tm-library__tile.is-selected .tm-library__tile-button{border-color:var(--color-accent-blue, #3b82f6);box-shadow:0 0 0 1px var(--color-accent-blue, #3b82f6)}.tm-library__tile-button span{width:100%;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;text-align:center}.tm-library__tile-button--stamp{position:relative}.tm-library__badge{position:absolute;top:5px;right:5px;width:auto!important;padding:2px 5px!important;border-radius:4px;background:var(--color-accent-blue, #3b82f6);color:#fff;font-size:9px!important;font-weight:750;text-transform:uppercase}.tm-library__usage-badge{position:absolute;bottom:5px;left:5px;z-index:3;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#16a34a;color:#fff;font-size:9px;font-weight:750;line-height:16px;text-align:center;pointer-events:none}.tm-library__stamp-preview{width:50px!important;height:50px;padding:0!important;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:1px}.tm-library__stamp-preview .tm-tile-preview{width:100%;height:100%}.tm-library__context-menu{position:absolute;z-index:20;top:8px;right:8px;min-width:112px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-elevated, var(--color-bg-primary));box-shadow:0 10px 24px #00000038;padding:4px}.tm-library__context-menu button{width:100%;min-height:28px;border:0;border-radius:4px;background:transparent;color:var(--color-text-primary);font-size:12px;text-align:left;padding:0 8px;cursor:pointer}.tm-library__context-menu button:hover{background:var(--color-bg-secondary)}.tm-library__context-menu-danger{color:var(--color-accent-red, #ef4444)!important}.tm-delete-confirm{flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:10px;padding:10px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text-secondary)}.tm-delete-confirm strong{display:block;margin-bottom:4px;color:var(--color-text-primary);font-size:13px}.tm-delete-confirm p{margin:0;font-size:12px;line-height:1.35}.tm-delete-confirm__warning{margin-top:4px!important;color:var(--color-danger, #dc2626)}.tm-delete-confirm__actions{display:flex;flex:0 0 auto;gap:6px}.tm-delete-confirm__actions button{min-height:28px;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-bg-primary);color:var(--color-text-primary);padding:0 10px;cursor:pointer}.tm-delete-confirm__actions button:first-child{border-color:var(--color-danger, #dc2626);background:var(--color-danger, #dc2626);color:#fff}.palette-view{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.palette-view__header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:baseline;padding:9px 12px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.palette-view__header h2{margin:0;font-size:13px;font-weight:750;color:var(--color-text-primary);text-transform:uppercase}.palette-view__header p{margin:2px 0 0;font-size:11px;color:var(--color-text-tertiary)}.palette-view__group-toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none}.palette-view__group-toggle input{width:14px;height:14px}.palette-view__grouped{min-height:0;overflow:auto;padding:4px 0 12px}.palette-view__group{padding:8px 12px}.palette-view__group-title{margin:6px 0 8px;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.palette-view__group-title span{color:var(--color-text-quaternary, var(--color-text-tertiary));font-weight:600}.palette-view__grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;padding:12px}.palette-view__tile{min-width:0;height:118px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-secondary);display:grid;grid-template-rows:1fr 28px;overflow:hidden}.palette-view__tile.is-selected{border-color:var(--color-accent-blue, #3b82f6);box-shadow:0 0 0 1px var(--color-accent-blue, #3b82f6)}.palette-view__tile-button{min-width:0;border:0;background:transparent;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.palette-view__tile-button>span:last-child{width:100%;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;text-align:center}.palette-view__missing{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-subtle);color:var(--color-text-tertiary)}.palette-view__tile-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-border-subtle)}.palette-view__tile-actions button{border:0;border-right:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-secondary);cursor:pointer}.palette-view__tile-actions button:last-child{border-right:0;color:var(--color-accent-red, #ef4444)}.palette-view__tile-actions button:disabled{opacity:.35;cursor:default}.palette-dock{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:stretch;background:var(--color-bg-primary);color:var(--color-text-secondary)}.palette-dock__header{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 12px;border-right:1px solid var(--color-border-subtle)}.palette-dock__title{min-width:0;border:0;background:transparent;color:var(--color-text-primary);padding:0;text-align:left;font-size:13px;font-weight:650;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-dock__label{color:var(--color-text-primary);font-size:12px;font-weight:750;text-transform:uppercase}.palette-dock__header span:not(.palette-dock__label){font-size:11px;color:var(--color-text-tertiary)}.palette-dock__add-selected{width:fit-content;min-height:24px;margin-top:4px;border:1px solid var(--color-border-subtle);border-radius:4px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:11px;padding:0 8px;cursor:pointer}.palette-dock__add-selected:disabled{opacity:.45;cursor:default}.palette-dock__empty{align-self:center;padding:0 12px;color:var(--color-text-tertiary);font-size:12px}.palette-dock__tiles{min-width:0;min-height:0;overflow:auto hidden;display:flex;gap:8px;align-items:center;padding:8px}.palette-dock__tile{flex:0 0 76px;height:76px;display:grid;grid-template-rows:50px 22px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-secondary);overflow:hidden}.palette-dock__tile-preview{border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.palette-dock__tile-preview .tm-tile-preview{width:38px;height:38px}.palette-dock__tile-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-border-subtle)}.palette-dock__tile-actions button{border:0;border-right:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:11px}.palette-dock__tile-actions button:last-child{border-right:0;color:var(--color-accent-red, #ef4444)}.palette-dock__tile-actions button:disabled{opacity:.35;cursor:default}.tm-inspector{min-height:100%;display:flex;flex-direction:column;gap:12px;padding:0 12px 12px}.tm-inspector__header{margin:0 -12px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.tm-inspector__header h2{margin:0;font-size:13px;font-weight:750;color:var(--color-text-primary);text-transform:uppercase}.tm-inspector__header p{margin:3px 0 0;font-size:11px;color:var(--color-text-tertiary)}.tm-field{display:flex;flex-direction:column;gap:4px}.tm-field span{font-size:11px;color:var(--color-text-secondary)}.tm-field input,.tm-field select{width:100%;min-height:30px;border:1px solid var(--color-border-subtle);border-radius:5px;background:var(--color-bg-primary);color:var(--color-text-primary);padding:0 8px;font-size:12px}.tm-inspector__meta{margin:4px 0 0;display:flex;flex-direction:column;gap:8px}.tm-inspector__meta div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;align-items:baseline}.tm-inspector__meta dt{color:var(--color-text-tertiary);font-size:11px}.tm-inspector__meta dd{margin:0;min-width:0;color:var(--color-text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-inspector__action-section{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--color-border-subtle);border-radius:6px;background:var(--color-bg-secondary)}.tm-inspector__action-section h3{margin:0;color:var(--color-text-primary);font-size:12px;text-transform:uppercase}.tm-inspector__action-section p{margin:4px 0 0;color:var(--color-text-tertiary);font-size:12px;line-height:1.35}.tm-inspector__action-section button{align-self:flex-start;min-height:30px;border:1px solid var(--color-accent-blue, #3b82f6);border-radius:5px;background:transparent;color:var(--color-accent-blue, #3b82f6);padding:0 10px;cursor:pointer}.tm-inspector__action-section button:hover:not(:disabled){background:var(--color-accent-blue, #3b82f6);color:#fff}.tm-inspector__action-section button:disabled{opacity:.45;cursor:default}@media (max-width: 900px){.tm-extraction-panel__body{grid-template-columns:1fr}.source-view{grid-template-rows:minmax(420px,1fr) minmax(150px,28%)}}.tm-portal-menu{position:fixed;z-index:9999;min-width:168px;max-width:240px;border:1px solid var(--color-border-subtle);border-radius:8px;background:var(--color-bg-elevated, var(--color-bg-primary));box-shadow:0 12px 32px #00000052;padding:4px;animation:tm-portal-menu-in .1s ease}@keyframes tm-portal-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tm-portal-menu__item{display:block;width:100%;min-height:32px;border:0;border-radius:5px;background:transparent;color:var(--color-text-primary);font-size:12px;text-align:left;padding:0 10px;cursor:pointer}.tm-portal-menu__item:hover:not(:disabled){background:var(--color-bg-secondary)}.tm-portal-menu__item:disabled{opacity:.4;cursor:default}.tm-portal-menu__item--danger{color:var(--color-accent-red, #ef4444)!important}.facade-panel{display:flex;flex-direction:column;gap:10px}.facade-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.facade-panel-header div,.facade-toggle,.facade-toolbar label{display:flex;flex-direction:column;gap:4px}.facade-panel-header span,.facade-toolbar span,.facade-empty{color:#94a3b8e6;font-size:12px}.facade-toggle{flex-direction:row;align-items:center;white-space:nowrap;font-size:12px}.facade-toolbar{display:grid;grid-template-columns:58px 58px 1fr 70px;gap:8px}.facade-toolbar-wide{min-width:0}.facade-toolbar input,.facade-toolbar select,.facade-door-row input,.facade-door-row select{min-width:0;height:30px;border:1px solid rgba(148,163,184,.22);border-radius:4px;background:#0f172ab3;color:#e2e8f0eb;padding:0 8px}.facade-mode-toggle{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(148,163,184,.22);border-radius:4px;overflow:hidden}.facade-mode-toggle button,.facade-delete,.facade-danger{border:0;background:#1e293bd9;color:#e2e8f0eb;min-height:30px;cursor:pointer}.facade-mode-toggle button.active{background:#3b82f6;color:#fff}.facade-canvas{display:grid;gap:3px;padding:8px;border:1px solid rgba(148,163,184,.2);border-radius:6px;background:#02061759}.facade-cell{aspect-ratio:1;min-height:30px;border:1px solid rgba(148,163,184,.28);border-radius:3px;background:#334155cc;color:#fff;font-size:10px;font-weight:700;cursor:pointer}.facade-cell.has-door{outline:2px solid #fbbf24;outline-offset:-3px;color:#111827}.facade-panel-subtitle{font-size:12px;font-weight:700;text-transform:uppercase;color:#e2e8f0e6}.facade-door-list{display:flex;flex-direction:column;gap:8px}.facade-door-row{display:grid;grid-template-columns:1fr;gap:6px;padding:8px;border:1px solid rgba(148,163,184,.18);border-radius:6px;background:#0f172a73}.facade-door-position{display:grid;grid-template-columns:1fr 1fr;gap:6px}.facade-delete,.facade-danger{border:1px solid rgba(248,113,113,.45);color:#fecaca;border-radius:4px}.pack-library-panel{display:flex;flex-direction:column;gap:10px}.pack-library-meta{display:flex;justify-content:space-between;color:#94a3b8e6;font-size:12px}.pack-library-mode{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(148,163,184,.22);border-radius:4px;overflow:hidden}.pack-library-create-folder{min-height:30px;border:1px solid rgba(96,165,250,.48);border-radius:4px;background:#2563eb38;color:#eff6fff5;cursor:pointer;font-size:12px;font-weight:700}.pack-library-create-folder:hover{background:#2563eb5c}.pack-library-mode button,.pack-library-tile-actions button{min-height:30px;border:0;background:#1e293bd9;color:#e2e8f0eb;cursor:pointer}.pack-library-mode button.active{background:#3b82f6;color:#fff}.pack-library-list,.pack-library-branch{display:flex;flex-direction:column;gap:6px}.pack-library-tile{display:grid;grid-template-columns:42px minmax(0,1fr) 82px;gap:8px;align-items:center;padding:8px;border:1px solid rgba(148,163,184,.18);border-radius:6px;background:#0f172a73}.pack-library-tile.is-folder{border-style:dashed;background:#1e293b80}.pack-library-tile.is-placeable{border-color:#60a5fa47}.pack-library-preview{width:42px;height:42px;border-radius:4px;overflow:hidden;display:grid;place-items:center;background:#334155d9;color:#e2e8f0b3;font-size:10px;font-weight:700;text-transform:uppercase}.pack-library-preview img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.pack-library-info{min-width:0;display:flex;flex-direction:column;gap:3px}.pack-library-info strong,.pack-library-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-library-info span,.pack-library-empty{color:#94a3b8db;font-size:12px}.pack-library-tile-actions{display:flex;flex-direction:column;gap:4px}.pack-library-tile-actions button{border-radius:4px;font-size:11px;font-weight:700}.pack-library-tile-actions button:hover:not(:disabled){background:#3b82f66b}.pack-library-tile-actions button:disabled{cursor:not-allowed;opacity:.45}.pack-placement-mode-options{display:grid;gap:10px;padding:16px 20px}.pack-placement-mode-option{display:grid;gap:5px;width:100%;padding:12px;text-align:left;border:1px solid rgba(148,163,184,.26);border-radius:6px;background:#0f172ab8;color:#e2e8f0f2;cursor:pointer}.pack-placement-mode-option:hover,.pack-placement-mode-option:focus-visible{border-color:#60a5fad9;outline:none}.pack-placement-mode-option--recommended{border-color:#3b82f6bd}.pack-placement-mode-option strong{font-size:14px}.pack-placement-mode-option span{color:#94a3b8f2;font-size:12px;line-height:1.35}.pack-placement-overlay{position:absolute;z-index:20;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(34,197,94,.95);background:#22c55e2e;color:#dcfce7;font-size:11px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none;opacity:.72}.pack-placement-overlay img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;image-rendering:pixelated;opacity:.78}.pack-placement-overlay span{position:relative;z-index:1;padding:2px 5px;border-radius:4px;background:#0f172ab8}.pack-placement-overlay--invalid{border-color:#ef4444fa;background:#ef44443d;color:#fee2e2}.shared-instance-badge{position:absolute;top:12px;left:12px;z-index:25;padding:4px 8px;border:1px solid rgba(96,165,250,.62);border-radius:999px;background:#0f172adb;color:#dbeafe;font-size:12px;font-weight:700;letter-spacing:0;pointer-events:auto;box-shadow:0 4px 12px #0000003d}.pack-health-panel{display:grid;gap:8px}.pack-health-summary{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;color:#e2e8f0e6;font-size:12px}.pack-health-summary--broken strong{color:#fecaca}.pack-health-summary button,.pack-health-actions button{min-height:26px;border:1px solid rgba(148,163,184,.24);border-radius:4px;background:#1e293bdb;color:#e2e8f0f2;cursor:pointer}.pack-health-list{display:grid;gap:6px}.pack-health-item{display:grid;gap:8px;padding:8px;border:1px solid rgba(148,163,184,.18);border-left-width:3px;border-radius:5px;background:#0f172a6b}.pack-health-item--error{border-left-color:#ef4444}.pack-health-item--warning{border-left-color:#f59e0b}.pack-health-item strong{display:block;margin-bottom:3px;font-size:11px;text-transform:uppercase}.pack-health-item span,.pack-health-empty{color:#94a3b8f2;font-size:12px;line-height:1.35}.pack-health-actions{display:flex;gap:6px}.pack-import-dialog{max-width:520px}.pack-import-body{display:grid;gap:14px;padding:16px 20px}.pack-import-collision{display:grid;gap:12px}.pack-import-collision h3{margin:0;font-size:16px}.pack-import-collision p{margin:0;color:#94a3b8f2}.pack-import-collision dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.pack-import-collision dl div{padding:8px;border:1px solid rgba(148,163,184,.22);border-radius:5px}.pack-import-collision dt{color:#94a3b8e6;font-size:11px}.pack-import-collision dd{margin:3px 0 0;font-weight:700}.pack-import-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pack-import-actions button{min-height:32px;border:1px solid rgba(96,165,250,.44);border-radius:5px;background:#1e293bd9;color:#e2e8f0f5;cursor:pointer}.pack-import-status{color:#94a3b8f2}.workspace-right-sidebar{height:100%;background:#0f172a99;border-left:1px solid rgba(148,163,184,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:1rem;padding:1rem;overflow-y:auto}.workspace-right-sidebar.bottom-placement{border-left:none;border-top:1px solid rgba(148,163,184,.18);flex-direction:row;gap:1.25rem;padding:.75rem .75rem .5rem;overflow-x:auto;max-height:100%;flex-wrap:wrap;align-content:flex-start}.workspace-right-sidebar.bottom-placement .sidebar-section{min-width:240px}.sidebar-section{display:flex;flex-direction:column;gap:.5rem}.sidebar-section header{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8e6}.sidebar-body{border-radius:10px;border:1px solid rgba(148,163,184,.15);padding:.75rem;color:#e2e8f0c7;background:linear-gradient(160deg,#0f172a8c,#1e293b59)}.sidebar-list{display:flex;flex-direction:column;gap:.4rem}.sidebar-tileset{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.65rem .75rem;background:#0f172a73;border:1px solid rgba(59,130,246,.18);border-radius:8px;color:inherit;cursor:pointer;transition:border .12s ease,transform .12s ease,background .12s ease}.sidebar-tileset:hover{border-color:#3b82f673;background:#3b82f61f;transform:translateY(-1px)}.sidebar-tileset:focus-visible{outline:2px solid rgba(96,165,250,.65);outline-offset:2px}.tileset-name{font-weight:600;font-size:.85rem}.tileset-path{font-size:.7rem;color:#94a3b8d9}.sidebar-empty{display:grid;place-items:center;min-height:96px;border-radius:8px;border:1px dashed rgba(148,163,184,.3);background:#0f172a59;color:#94a3b8cc;font-size:.8rem}.sidebar-meta{margin:0;display:grid;gap:.6rem;font-size:.8rem}.sidebar-meta div{display:flex;justify-content:space-between;gap:.75rem}.sidebar-meta dt{margin:0;font-weight:600;color:#94a3b8d9}.sidebar-meta dd{margin:0;color:#e2e8f0d1}.viewport-shell{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#0f172ae6,#1e293bbf);overflow:hidden}.map-viewport{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.map-viewport canvas{width:100%;height:100%;display:block}.selection-controls{position:absolute;left:16px;top:16px;z-index:12;width:min(360px,calc(100% - 32px));padding:12px;border:1px solid rgba(96,165,250,.45);border-radius:8px;background:#0f172ae6;box-shadow:0 16px 40px #00000059;color:#e5e7eb;pointer-events:auto}.selection-controls__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.selection-controls__header strong,.selection-controls__history span{display:block;font-size:12px;line-height:1.2;text-transform:uppercase;color:#bfdbfe}.selection-controls__header span,.selection-controls__scope span,.selection-controls__scope small{display:block;margin-top:4px;font-size:12px;line-height:1.35;color:#cbd5e1}.selection-controls__scope{margin-top:10px;padding-top:10px;border-top:1px solid rgba(148,163,184,.2)}.selection-controls__scope small{color:#94a3b8}.selection-controls__scope select{width:100%;min-height:34px;margin-top:8px;padding:0 10px;border:1px solid rgba(148,163,184,.35);border-radius:6px;background:#0f172af0;color:#f8fafc;font:inherit;font-size:12px}.selection-controls__scope select:focus-visible{border-color:#60a5facc;outline:none}.selection-controls__pill{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#fbbf2429;color:#fde68a!important}.selection-controls__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.selection-controls__actions button{min-height:32px;border:1px solid rgba(148,163,184,.35);border-radius:6px;background:#1e293bf0;color:#f8fafc;font:inherit;font-size:12px;cursor:pointer}.selection-controls__actions button:hover:not(:disabled),.selection-controls__actions button:focus-visible:not(:disabled){border-color:#60a5facc;background:#2563eb59;outline:none}.selection-controls__actions button:disabled{color:#64748b;cursor:not-allowed}.selection-controls__history{margin-top:12px;padding-top:10px;border-top:1px solid rgba(148,163,184,.2)}.selection-controls__history ol{display:grid;gap:4px;margin:8px 0 0;padding-left:18px;color:#cbd5e1;font-size:12px;line-height:1.35}.viewport-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;mix-blend-mode:screen;opacity:.2}.viewport-shell .viewport-placeholder{pointer-events:none;background:linear-gradient(135deg,#0f172ae0,#1e293bb8)}.cursor-hint{position:fixed;z-index:10000;pointer-events:all;background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:8px;padding:12px;box-shadow:0 4px 12px #0000004d;max-width:280px;min-width:200px;opacity:0;transform:translateY(-10px) scale(.95);transition:opacity .2s ease,transform .2s ease}.cursor-hint--visible{opacity:1;transform:translateY(0) scale(1)}.cursor-hint--error{border-color:var(--color-danger);background:var(--color-bg-elevated)}.cursor-hint--warning{border-color:var(--color-warning);background:var(--color-bg-elevated)}.cursor-hint--info{border-color:var(--color-primary);background:var(--color-bg-elevated)}.cursor-hint__content{display:flex;align-items:flex-start;gap:10px}.cursor-hint__icon{font-size:18px;line-height:1;flex-shrink:0;margin-top:2px}.cursor-hint__text{font-size:13px;line-height:1.4;color:var(--color-text-primary);flex:1}.cursor-hint__actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.cursor-hint__action-button{flex:1;padding:6px 12px;font-size:12px;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.cursor-hint__action-button:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.cursor-hint__action-button:active{background:var(--color-bg-active);transform:translateY(1px)}@keyframes cursor-hint-fade-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.viewport-context-menu{position:fixed;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:180px;padding:4px 0;z-index:10000;font-size:13px;-webkit-user-select:none;user-select:none}.context-menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:background-color .1s}.context-menu-item:hover:not(.disabled){background:var(--color-hover)}.context-menu-icon{width:16px;text-align:center;flex-shrink:0}.context-menu-label{flex:1;color:var(--color-text)}.context-menu-shortcut{color:var(--color-text-secondary);font-size:11px;font-family:monospace;margin-left:auto}.context-menu-separator{height:1px;background:var(--color-border);margin:4px 0}:root{--color-surface: #ffffff;--color-border: #d1d5db;--color-hover: #f3f4f6;--color-text: #1f2937;--color-text-secondary: #6b7280}[data-theme=dark]{--color-surface: #1f2937;--color-border: #374151;--color-hover: #374151;--color-text: #f9fafb;--color-text-secondary: #9ca3af}.mode-switcher{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:8px}.mode-switcher-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.mode-switcher-buttons{display:flex;gap:.25rem}.mode-switcher-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:6px;color:#cbd5e1;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.mode-switcher-button:hover{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.mode-switcher-button.active{background:#3b82f640;border-color:#3b82f699;color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.mode-switcher-icon{font-size:1.1rem;line-height:1}.mode-switcher-name{font-size:.85rem}@media (max-width: 1200px){.mode-switcher-name{display:none}.mode-switcher-button{padding:.5rem}}.top-toolbar{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-xs) var(--spacing-md);height:48px;-webkit-user-select:none;user-select:none;flex-shrink:0}.toolbar-section{display:flex;align-items:center;gap:var(--spacing-xs)}.toolbar-section.toolbar-right{margin-left:auto}.toolbar-section.toolbar-tools{gap:2px}.toolbar-zone-tools{border:1px solid var(--color-border-subtle);border-radius:var(--radius-base);overflow:hidden;gap:0}.toolbar-divider{width:1px;height:28px;background:var(--color-border-subtle);margin:0 var(--spacing-xs)}.toolbar-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:36px;height:36px;padding:var(--spacing-xs);background:transparent;border:1px solid transparent;border-radius:var(--radius-base);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base)}.toolbar-button:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-medium)}.toolbar-button:active:not(:disabled){background:var(--color-bg-active);transform:translateY(1px)}.toolbar-button:disabled{opacity:.4;cursor:not-allowed}.toolbar-button.active{background:var(--color-accent-blue);color:var(--color-text-inverse);border-color:var(--color-accent-blue)}.toolbar-button.active:hover{background:var(--color-accent-blue-hover);border-color:var(--color-accent-blue-hover)}.toolbar-button-primary{background:var(--color-accent-blue);color:var(--color-text-inverse);border-color:var(--color-accent-blue);padding:var(--spacing-xs) var(--spacing-md)}.toolbar-button-publish{border-color:var(--color-accent-blue);color:var(--color-accent-blue);padding:var(--spacing-xs) var(--spacing-md)}.toolbar-button-publish:hover:not(:disabled){background:#3b82f629;border-color:var(--color-accent-blue-hover);color:var(--color-text-primary)}.toolbar-button-primary:hover:not(:disabled){background:var(--color-accent-blue-hover);border-color:var(--color-accent-blue-hover)}.toolbar-button-primary:active:not(:disabled){background:var(--color-accent-blue-active)}.toolbar-button-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.toolbar-zone-button{height:30px;padding:0 10px;background:transparent;border:0;border-right:1px solid var(--color-border-subtle);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.toolbar-zone-button:last-child{border-right:0}.toolbar-zone-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.toolbar-zone-button.active{background:var(--color-accent-blue);color:var(--color-text-inverse)}.toolbar-tool{position:relative}.toolbar-tool:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--color-accent-blue);transition:width var(--transition-fast)}.toolbar-tool.active:after{width:80%}.toolbar-zoom-display{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:28px;padding:0 var(--spacing-sm);margin-left:var(--spacing-xs);background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-mono);-webkit-user-select:none;user-select:none}[data-theme=dark] .top-toolbar{background:var(--color-bg-primary)}[data-theme=light] .top-toolbar{background:var(--color-bg-secondary);box-shadow:var(--shadow-sm)}[data-theme=high-contrast] .top-toolbar{border-bottom:2px solid var(--color-border-strong)}[data-theme=high-contrast] .toolbar-button{border:1px solid var(--color-border-medium)}[data-theme=high-contrast] .toolbar-button.active{border:2px solid var(--color-accent-blue)}.menu-bar{display:flex;align-items:center;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);padding:0;height:32px;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:var(--font-size-sm)}.menu-bar-item{position:relative}.menu-bar-button{display:flex;align-items:center;height:32px;padding:0 12px;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-base);cursor:pointer;transition:background var(--transition-fast)}.menu-bar-button:hover,.menu-bar-button.active{background:var(--color-bg-hover)}.menu-bar-button.active{background:var(--color-bg-active)}.menu-dropdown{position:absolute;top:100%;left:0;min-width:200px;background:var(--color-bg-elevated);border:1px solid var(--color-border-medium);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:4px 0;z-index:var(--z-dropdown);animation:menuFadeIn .1s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 16px;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-base);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.menu-dropdown-item:hover:not(.disabled){background:var(--color-bg-hover)}.menu-dropdown-item.disabled{opacity:.4;cursor:not-allowed}.menu-item-label{flex:1}.menu-item-shortcut{margin-left:24px;color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-family:var(--font-family-mono)}.menu-separator{height:1px;background:var(--color-border-subtle);margin:4px 8px}[data-theme=light] .menu-bar{background:var(--color-bg-secondary)}[data-theme=high-contrast] .menu-bar{border-bottom:2px solid var(--color-border-strong)}[data-theme=high-contrast] .menu-dropdown{border:2px solid var(--color-border-strong)}.tile-grid-container{width:100%;display:flex;flex-direction:column;padding:var(--spacing-md);min-height:min-content}.tile-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-sm);color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xl)}.tile-grid-empty .hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.tile-grid-info{padding:var(--spacing-sm) 0;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-sm)}.tile-grid-info--palette-layer{border:1px solid var(--color-border-subtle);border-radius:var(--radius-base);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-weight:700;text-align:left;padding:6px 8px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,48px);gap:0;align-content:start;width:100%;grid-auto-rows:48px;padding-bottom:var(--spacing-lg)}.tile-image{width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.tile-grid-selection-info{padding:var(--spacing-sm);margin-top:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-base);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;flex-shrink:0}.tile-grid{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tile-image-wrapper{position:relative;width:100%;height:100%;pointer-events:none}.tile-layer-badge,.tile-passability-badge{position:absolute;font-size:9px;font-weight:700;line-height:1;padding:2px 3px;border-radius:2px;pointer-events:none;z-index:2;color:#fff}.tile-layer-badge{top:1px;left:1px}.tile-layer-badge.badge-overlay1{background:#3498dbe6}.tile-layer-badge.badge-overlay2{background:#9b59b6e6}.tile-layer-badge.badge-aboveCharacter{background:#e74c3ce6}.tile-passability-badge{top:1px;right:1px}.tile-passability-badge.badge-impassable{background:#e74c3ce6}.tile-passability-badge.badge-custom{background:#f1c40fe6}.tile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-size:var(--font-size-xs);border:1px dashed var(--color-border-subtle)}.tile-placeholder.empty{background:transparent;color:var(--color-text-quaternary);font-style:italic}.tile-grid-container .tile-palette-item:hover:not(.selected):after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;outline:2px solid rgba(96,165,250,.8);outline-offset:-2px;background-color:#60a5fa26;pointer-events:none;z-index:10}.tile-grid-container .tile-palette-item.selected:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;outline:3px solid rgba(59,130,246,1);outline-offset:-3px;background-color:#3b82f640;pointer-events:none;z-index:10}.tile-grid-container .tile-palette-item{position:relative;transition:outline .1s ease,background-color .1s ease;cursor:pointer}.stamps-tab{width:100%;height:100%;display:flex;flex-direction:column}.stamps-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.stamps-create-button{flex:1}.stamps-create-button:disabled{opacity:.5;cursor:not-allowed}.stamps-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:var(--spacing-md);white-space:nowrap}.stamps-list{flex:1;overflow-y:auto;padding:var(--spacing-md)}.stamps-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-sm);color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xl)}.stamps-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.stamp-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-base);margin-bottom:var(--spacing-sm);cursor:grab;transition:all var(--transition-fast)}.stamp-item:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stamp-item.dragging{opacity:.5;cursor:grabbing}.stamp-item.drop-target{border-color:var(--color-accent-blue);background:var(--color-bg-hover)}.stamp-item.selected{border-color:var(--color-accent-blue);box-shadow:0 0 0 2px var(--color-accent-blue);background:var(--color-bg-hover)}.stamp-thumbnail{flex-shrink:0;width:64px;height:64px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-medium);border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;overflow:hidden}.stamp-thumbnail-placeholder{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);font-family:var(--font-family-mono)}.stamp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.stamp-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text}.stamp-name-input{width:100%;padding:var(--spacing-xs);background:var(--color-bg-primary);border:1px solid var(--color-accent-blue);border-radius:var(--radius-base);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base)}.stamp-name-input:focus{outline:none;box-shadow:0 0 0 3px #388bfd1a}.stamp-details{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.stamp-drag-handle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:16px;line-height:1;cursor:grab;transition:color var(--transition-fast)}.stamp-item:hover .stamp-drag-handle{color:var(--color-text-secondary)}.stamp-item.dragging .stamp-drag-handle{cursor:grabbing}.stamp-context-menu{background:var(--color-bg-elevated);border:1px solid var(--color-border-medium);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:10000;min-width:120px}.stamp-context-menu button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-base);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-base);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.stamp-context-menu button:hover{background:var(--color-bg-hover)}.stamp-context-menu button.danger{color:var(--color-error)}.stamp-context-menu button.danger:hover{background:#f851491a}.stamps-list::-webkit-scrollbar{width:8px}.stamps-list::-webkit-scrollbar-track{background:transparent}.stamps-list::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-base)}.stamps-list::-webkit-scrollbar-thumb:hover{background:var(--color-bg-elevated)}.left-sidebar{display:flex;flex-direction:column;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);width:100%;height:100%;overflow:hidden;max-height:100%}.tileset-selector{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-primary);display:flex;gap:8px}.add-tiles-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.add-tiles-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.add-tiles-button:active{transform:translateY(0)}.add-tiles-icon{font-size:18px}.add-tiles-text{font-size:14px}.tile-settings-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s ease}.tile-settings-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);transform:scale(1.05)}.tileset-selector-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tileset-selector-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.tileset-selector-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-base);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.tileset-selector-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.tileset-selector-name{font-weight:var(--font-weight-medium)}.tileset-tabs{display:flex;gap:2px;padding:var(--spacing-xs);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);overflow-x:auto;scrollbar-width:thin}.tileset-tab{flex-shrink:0;min-width:36px;height:32px;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family-base);cursor:pointer;transition:all var(--transition-fast)}.tileset-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.tileset-tab.active{background:var(--color-accent-blue);color:var(--color-text-inverse)}.tileset-search{position:relative;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.tileset-search-input{width:100%;font-size:var(--font-size-sm);padding-right:32px}.tileset-search-clear{position:absolute;right:calc(var(--spacing-md) + var(--spacing-xs));top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:20px;cursor:pointer;transition:all var(--transition-fast)}.tileset-search-clear:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.tile-grid-controls{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-secondary)}.tile-grid-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.tile-grid-zoom-buttons{display:flex;gap:4px}.tile-zoom-button{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-mono);cursor:pointer;transition:all var(--transition-fast);min-width:40px}.tile-zoom-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.tile-zoom-button.active{background:var(--color-accent-blue);border-color:var(--color-accent-blue);color:var(--color-text-inverse)}.tile-palette{flex:1 1 auto;overflow-y:auto!important;overflow-x:hidden;min-height:200px;max-height:calc(100vh - 400px);position:relative}.tile-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px}.stamps-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xl)}.tile-palette-item{aspect-ratio:1;position:relative;border:none;overflow:hidden;cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg-tertiary)}.tile-palette-item:hover{outline:2px solid var(--color-border-medium);outline-offset:-2px;z-index:10}.tile-palette-item.selected{outline:3px solid var(--color-accent-blue);outline-offset:-3px;z-index:10}.tile-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}.tileset-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-primary)}.tileset-tabs::-webkit-scrollbar{height:6px}.tileset-tabs::-webkit-scrollbar-track{background:transparent}.tileset-tabs::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-base)}.tileset-tabs::-webkit-scrollbar-thumb:hover{background:var(--color-bg-elevated)}@media (max-width: 768px){.tile-palette-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}.map-tree-panel{display:flex;flex-direction:column;height:100%;background:var(--panel-bg, #2b2b2b);color:var(--text-color, #e0e0e0);font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:13px}.map-tree-header{display:flex;gap:8px;padding:8px;border-bottom:1px solid var(--border-color, #444);background:var(--panel-header-bg, #252525)}.map-tree-search{flex:1;position:relative;display:flex;align-items:center}.map-tree-search-input{width:100%;padding:6px 28px 6px 8px;background:var(--input-bg, #1e1e1e);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--text-color, #e0e0e0);font-size:12px;outline:none;transition:border-color .2s}.map-tree-search-input:focus{border-color:var(--accent-color, #007acc)}.map-tree-search-input::placeholder{color:var(--text-secondary, #888)}.map-tree-search-clear{position:absolute;right:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary, #888);font-size:18px;line-height:1;cursor:pointer;border-radius:2px;transition:all .2s}.map-tree-search-clear:hover{background:var(--hover-bg, #3a3a3a);color:var(--text-color, #e0e0e0)}.map-tree-new-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--button-bg, #0e639c);border:none;border-radius:4px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:background .2s}.map-tree-new-button:hover{background:var(--button-hover-bg, #1177bb)}.map-tree-new-button:active{background:var(--button-active-bg, #0d5a8f)}.map-tree-folder-button{height:32px;padding:0 10px;display:flex;align-items:center;justify-content:center;background:var(--button-bg, #3a3a3a);border:1px solid var(--border-color, #555);border-radius:4px;color:var(--text-color, #e0e0e0);font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s}.map-tree-folder-button:hover{background:var(--hover-bg, #4a4a4a)}.map-tree-view{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.map-tree-list{padding:4px 0}.map-tree-empty{padding:16px;text-align:center;color:var(--text-secondary, #888);font-style:italic}.tree-node-container{-webkit-user-select:none;user-select:none}.tree-node{display:flex;align-items:center;padding:4px 8px;cursor:pointer;border-radius:4px;margin:1px 4px;transition:background .15s;position:relative}.tree-node:hover{background:var(--hover-bg, #3a3a3a)}.tree-node.selected{background:var(--accent-color, #007acc);color:#fff}.tree-node.multi-selected:not(.selected){background:#4da3ff38;color:var(--text-color, #e0e0e0)}.tree-node.selected .tree-node-info{color:#fffc}.tree-node.drop-before:before,.tree-node.drop-after:after{content:"";position:absolute;left:8px;right:8px;height:2px;background:var(--accent-color, #4da3ff);border-radius:1px}.tree-node.drop-before:before{top:-1px}.tree-node.drop-after:after{bottom:-1px}.tree-node.drop-inside{outline:1px solid var(--accent-color, #4da3ff);background:#4da3ff24}.tree-node-expand{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:4px;font-size:12px;transition:transform .2s;cursor:pointer;flex-shrink:0}.tree-node-expand.expanded{transform:rotate(90deg)}.tree-node-spacer{width:16px;margin-right:4px;flex-shrink:0}.tree-node-icon{width:42px;height:18px;display:flex;align-items:center;justify-content:center;margin-right:6px;font-size:10px;font-weight:700;text-transform:uppercase;flex-shrink:0;color:var(--text-secondary, #aaa)}.tree-node-thumbnail{width:28px;height:28px;margin-right:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:3px;background:linear-gradient(135deg,#60a5fa2e,#22c55e24),#20242a}.tree-node-thumbnail img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.tree-node-thumbnail-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#e2e8f0b8;font-size:7px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.tree-node-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tree-node-name-match{background:transparent;color:inherit;font-weight:800;padding:0}.tree-node-dirty-dot{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:#4da3ff;box-shadow:0 0 0 1px #ffffff47;vertical-align:middle}.tree-node-rename-input{flex:1;min-width:0;height:22px;padding:2px 6px;background:var(--input-bg, #1e1e1e);border:1px solid var(--accent-color, #4da3ff);border-radius:3px;color:var(--text-color, #e0e0e0);font:inherit;outline:none}.tree-node-info{font-size:11px;color:var(--text-secondary, #888);margin-left:8px;flex-shrink:0}.context-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:transparent}.map-tree-view::-webkit-scrollbar{width:12px}.map-tree-view::-webkit-scrollbar-track{background:var(--panel-bg, #2b2b2b)}.map-tree-view::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #555);border-radius:6px;border:2px solid var(--panel-bg, #2b2b2b)}.map-tree-view::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #666)}.tree-node:focus-visible{outline:2px solid var(--accent-color, #007acc);outline-offset:-2px}.map-tree-search-input:focus-visible{outline:2px solid var(--accent-color, #007acc);outline-offset:-1px}.map-tree-new-button:focus-visible{outline:2px solid white;outline-offset:2px}.map-delete-confirm{display:flex;flex-direction:column;gap:12px}.map-delete-confirm p{margin:0;line-height:1.45}.map-delete-confirm-detail{color:var(--text-secondary, #aaa)}.map-delete-confirm-warning{color:#ffb4a8;font-weight:600}.map-delete-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.map-tree-button{min-width:88px;padding:7px 12px;border:1px solid var(--border-color, #555);border-radius:4px;background:var(--button-bg, #3a3a3a);color:var(--text-color, #e0e0e0);font:inherit;cursor:pointer}.map-tree-button:hover{background:var(--hover-bg, #454545)}.map-tree-button.danger{border-color:#ad3f3f;background:#8f2f2f;color:#fff}.map-tree-button.danger:hover{background:#a63a3a}.map-tree-bulk-bar{position:sticky;bottom:8px;z-index:3;display:flex;align-items:center;gap:6px;margin:8px;padding:8px;border:1px solid var(--border-color, #555);border-radius:6px;background:var(--panel-header-bg, #252525);box-shadow:0 8px 18px #0000003d}.map-tree-bulk-bar span{margin-right:auto;font-weight:700;white-space:nowrap}.map-tree-bulk-bar button,.map-tree-bulk-bar select{height:28px;border:1px solid var(--border-color, #555);border-radius:4px;background:var(--button-bg, #3a3a3a);color:var(--text-color, #e0e0e0);font:inherit}.map-tree-bulk-bar button{padding:0 8px;cursor:pointer}.map-tree-bulk-bar select{max-width:130px}.map-tree-bulk-bar button:hover,.map-tree-bulk-bar select:hover{background:var(--hover-bg, #454545)}.map-tree-bulk-bar button.danger{border-color:#ad3f3f;background:#8f2f2f;color:#fff}.context-menu{position:fixed;min-width:200px;background:var(--menu-bg, #2b2b2b);border:1px solid var(--border-color, #444);border-radius:6px;box-shadow:0 4px 16px #0006;padding:4px 0;z-index:9999;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:13px;color:var(--text-color, #e0e0e0)}.context-menu-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background .15s;gap:8px}.context-menu-item:hover:not(.disabled){background:var(--hover-bg, #3a3a3a)}.context-menu-item.disabled{opacity:.5;cursor:not-allowed}.context-menu-item.danger{color:var(--danger-color, #f48771)}.context-menu-item.danger:hover:not(.disabled){background:var(--danger-hover-bg, #3a2020)}.context-menu-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.context-menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-menu-shortcut{font-size:11px;color:var(--text-secondary, #888);font-family:Consolas,Monaco,monospace;flex-shrink:0}.context-menu-separator{height:1px;background:var(--border-color, #444);margin:4px 0}.context-menu-item:focus-visible{outline:2px solid var(--accent-color, #007acc);outline-offset:-2px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary, #252525);border-radius:8px;box-shadow:0 8px 32px #0006;max-width:90%;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #444);background:var(--bg-tertiary, #1e1e1e)}.modal-title{margin:0;color:var(--text-primary, #ccc);font-size:16px;font-weight:600}.modal-close{background:transparent;border:none;color:var(--text-muted, #888);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.modal-close:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.modal-close:active{background:#ffffff26}.modal-body{padding:20px;overflow-y:auto;flex:1;color:var(--text-primary, #ccc)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-secondary, #252525)}.modal-body::-webkit-scrollbar-thumb{background:var(--border-color, #444);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #666)}.search-panel__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.search-panel{position:fixed;top:15%;left:50%;transform:translate(-50%);width:90%;max-width:600px;max-height:70vh;background-color:var(--bg-primary, #1e1e1e);border:1px solid var(--border-color, #3c3c3c);border-radius:8px;box-shadow:0 8px 32px #0006;z-index:9999;display:flex;flex-direction:column;overflow:hidden}.search-panel__header{padding:16px;border-bottom:1px solid var(--border-color, #3c3c3c);background-color:var(--bg-secondary, #252526)}.search-panel__input{width:100%;padding:10px 12px;background-color:var(--bg-input, #3c3c3c);color:var(--text-primary, #cccccc);border:1px solid var(--border-color, #454545);border-radius:4px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;outline:none;transition:border-color .2s}.search-panel__input:focus{border-color:var(--accent-color, #007acc);box-shadow:0 0 0 1px var(--accent-color, #007acc)}.search-panel__input::placeholder{color:var(--text-muted, #6a6a6a)}.search-panel__categories{display:flex;gap:8px;margin-top:12px}.category-btn{padding:6px 12px;background-color:var(--bg-input, #3c3c3c);color:var(--text-secondary, #a0a0a0);border:1px solid var(--border-color, #454545);border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.category-btn:hover{background-color:var(--bg-hover, #2a2d2e);color:var(--text-primary, #cccccc)}.category-btn--active{background-color:var(--accent-color, #007acc);color:#fff;border-color:var(--accent-color, #007acc)}.search-panel__results{flex:1;overflow-y:auto;min-height:200px;max-height:calc(70vh - 180px)}.search-panel__loading,.search-panel__empty{padding:40px 20px;text-align:center;color:var(--text-muted, #6a6a6a);font-size:14px}.search-tips{text-align:left;max-width:400px;margin:0 auto}.search-tips strong{color:var(--text-primary, #cccccc)}.search-tips ul{margin-top:12px;padding-left:20px}.search-tips li{margin:8px 0;color:var(--text-secondary, #a0a0a0)}.search-panel__section-header{padding:8px 16px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted, #6a6a6a);background-color:var(--bg-secondary, #252526);border-bottom:1px solid var(--border-color, #3c3c3c)}.search-result{display:flex;align-items:center;padding:10px 16px;gap:12px;cursor:pointer;transition:background-color .1s;border-bottom:1px solid var(--border-color-subtle, #2d2d2d)}.search-result:hover{background-color:var(--bg-hover, #2a2d2e)}.search-result--selected,.search-result--selected:hover{background-color:var(--accent-color-dim, #094771)}.search-result__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.search-result__content{flex:1;min-width:0}.search-result__title{font-size:14px;color:var(--text-primary, #cccccc);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result__subtitle{font-size:12px;color:var(--text-muted, #6a6a6a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.search-result__category{flex-shrink:0;font-size:11px;color:var(--text-muted, #6a6a6a);text-transform:uppercase;padding:2px 8px;background-color:var(--bg-input, #3c3c3c);border-radius:3px}.search-panel__footer{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--border-color, #3c3c3c);background-color:var(--bg-secondary, #252526);font-size:11px;color:var(--text-muted, #6a6a6a)}.search-panel__hint{display:flex;align-items:center;gap:4px}.search-panel__hint kbd{display:inline-block;padding:2px 6px;background-color:var(--bg-input, #3c3c3c);border:1px solid var(--border-color, #454545);border-radius:3px;font-size:10px;font-family:monospace;color:var(--text-secondary, #a0a0a0)}.search-panel__count{font-weight:600;color:var(--text-secondary, #a0a0a0)}[data-theme=light] .search-panel{--bg-primary: #ffffff;--bg-secondary: #f3f3f3;--bg-input: #ffffff;--bg-hover: #e8e8e8;--border-color: #d0d0d0;--border-color-subtle: #e8e8e8;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--accent-color: #007acc;--accent-color-dim: #cce7ff}[data-theme=light] .search-panel__backdrop{background-color:#ffffffb3}[data-theme=light] .search-result--selected{background-color:#cce7ff}.search-panel__results::-webkit-scrollbar{width:10px}.search-panel__results::-webkit-scrollbar-track{background:var(--bg-secondary, #252526)}.search-panel__results::-webkit-scrollbar-thumb{background:var(--bg-input, #3c3c3c);border-radius:5px}.search-panel__results::-webkit-scrollbar-thumb:hover{background:var(--border-color, #454545)}.search-panel{animation:searchPanelSlideIn .2s ease-out}@keyframes searchPanelSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.search-panel__backdrop{animation:backdropFadeIn .2s ease-out}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.performance-panel{position:fixed;top:10px;right:10px;background-color:var(--bg-secondary, #252526);border:1px solid var(--border-color, #3c3c3c);border-radius:6px;box-shadow:0 2px 8px #0000004d;z-index:1000;min-width:200px;overflow:hidden;transition:all .2s}.performance-panel--expanded{min-width:250px}.performance-panel__header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;background-color:var(--bg-tertiary, #2d2d30);border-bottom:1px solid var(--border-color, #3c3c3c)}.performance-panel__header:hover{background-color:var(--bg-hover, #2a2d2e)}.performance-panel__title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted, #6a6a6a)}.performance-panel__fps{font-size:13px;font-weight:700;font-family:Consolas,Monaco,Courier New,monospace}.performance-panel__content{padding:12px;display:flex;flex-direction:column;gap:8px}.perf-stat{display:flex;justify-content:space-between;align-items:center;font-size:12px}.perf-stat__label{color:var(--text-secondary, #a0a0a0)}.perf-stat__value{color:var(--text-primary, #cccccc);font-family:Consolas,Monaco,Courier New,monospace;font-weight:600}.perf-bar{flex:1;height:12px;background-color:var(--bg-input, #3c3c3c);border-radius:6px;overflow:hidden;margin-left:8px}.perf-bar__fill{height:100%;border-radius:6px;transition:width .3s,background-color .3s}.perf-divider{height:1px;background-color:var(--border-color-subtle, #2d2d2d);margin:4px 0}[data-theme=light] .performance-panel{box-shadow:0 2px 8px #0000001a}.event-general-tab{display:flex;flex-direction:column;gap:20px}.event-general-section{background:var(--panel-bg, #2a2d35);border:1px solid var(--border-color, #3c4049);border-radius:6px;padding:16px}.event-general-section h3{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary, #e8e8e8);text-transform:uppercase;letter-spacing:.5px}.event-general-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.event-general-field label{font-size:13px;color:var(--text-secondary, #a0a0a0);font-weight:500}.event-general-input{padding:8px 12px;background:var(--input-bg, #1e2024);border:1px solid var(--border-color, #3c4049);border-radius:4px;color:var(--text-primary, #e8e8e8);font-size:14px}.event-general-input:focus{outline:none;border-color:var(--accent-color, #4a9eff)}.event-general-field-row{display:flex;gap:16px}.event-general-input-small{width:100px;padding:8px 12px;background:var(--input-bg, #1e2024);border:1px solid var(--border-color, #3c4049);border-radius:4px;color:var(--text-primary, #e8e8e8);font-size:14px}.event-general-info{display:flex;gap:12px;padding:8px 0;font-size:13px}.event-general-info-label{color:var(--text-secondary, #a0a0a0);font-weight:500}.event-general-info-value{color:var(--text-primary, #e8e8e8);font-weight:600}.event-general-textarea{width:100%;padding:12px;background:var(--input-bg, #1e2024);border:1px solid var(--border-color, #3c4049);border-radius:4px;color:var(--text-primary, #e8e8e8);font-size:13px;font-family:Inter,monospace;resize:vertical;line-height:1.6}.event-general-textarea:focus{outline:none;border-color:var(--accent-color, #4a9eff)}.event-general-hint{margin-top:8px;font-size:12px;color:var(--text-muted, #666);font-style:italic}.event-general-actions{display:flex;gap:8px;flex-wrap:wrap}.event-general-action-btn{padding:8px 16px;background:var(--panel-bg, #2a2d35);border:1px solid var(--border-color, #3c4049);border-radius:4px;color:var(--text-primary, #e8e8e8);font-size:13px;cursor:pointer;transition:all .2s}.event-general-action-btn:hover{background:var(--hover-bg, #3c4049);border-color:var(--accent-color, #4a9eff)}.character-preview{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--panel-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:6px}.character-preview__label{font-size:13px;font-weight:600;color:var(--text-color, #fff);margin-bottom:4px}.character-preview__canvas-container{position:relative;width:144px;height:144px;align-self:center;border:2px solid var(--border-color, #444);border-radius:4px;overflow:hidden;background:#1a1a1a}.character-preview__canvas{width:100%;height:100%}.character-preview__canvas canvas{display:block;width:100%;height:100%}.character-preview__overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#1a1a1ae6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.character-preview__loading{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-secondary, #aaa);animation:character-preview-pulse 1.5s ease-in-out infinite}@keyframes character-preview-pulse{0%,to{opacity:.5}50%{opacity:1}}.character-preview__error{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:#ff6b6b;text-align:center;padding:16px}.character-preview__error span:first-child{font-size:32px}.character-preview__empty{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary, #aaa);text-align:center}.character-preview__empty span:first-child{font-size:32px;opacity:.5}.character-preview__info{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--input-bg, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:4px}.character-preview__info-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.character-preview__info-label{color:var(--text-secondary, #aaa);font-weight:500}.character-preview__info-value{color:var(--text-color, #fff);font-weight:400}.character-preview__info-value--filename{font-family:Consolas,Monaco,monospace;font-size:11px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 600px){.character-preview{padding:12px}.character-preview__canvas-container{width:120px;height:120px}}@media (prefers-color-scheme: dark){.character-preview__canvas-container{background:#0a0a0a}}.event-graphics-tab{display:flex;flex-direction:column;gap:20px}.event-graphics-section{background:var(--panel-bg, #2a2d35);border:1px solid var(--border-color, #3c4049);border-radius:6px;padding:16px}.event-graphics-section h3{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary, #e8e8e8);text-transform:uppercase;letter-spacing:.5px}.event-graphics-type-selector{display:flex;gap:8px}.event-graphics-type-btn{flex:1;padding:12px;background:var(--panel-bg, #2a2d35);border:2px solid var(--border-color, #3c4049);border-radius:6px;color:var(--text-primary, #e8e8e8);font-size:14px;cursor:pointer;transition:all .2s}.event-graphics-type-btn:hover{border-color:var(--accent-color, #4a9eff)}.event-graphics-type-btn.active{background:var(--accent-color, #4a9eff);border-color:var(--accent-color, #4a9eff);color:#fff}.event-graphics-preview{display:flex;align-items:center;gap:16px}.event-graphics-preview-box{width:120px;height:120px;background:var(--input-bg, #1e2024);border:2px solid var(--border-color, #3c4049);border-radius:6px;display:flex;align-items:center;justify-content:center}.event-graphics-preview-placeholder{font-size:48px;text-align:center}.event-graphics-preview-label{font-size:11px;color:var(--text-secondary, #a0a0a0);margin-top:8px}.event-graphics-select-btn{padding:10px 20px;background:var(--accent-color, #4a9eff);border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.event-graphics-select-btn:hover{background:var(--accent-hover, #3a8eef)}.event-graphics-character-list{margin-top:12px}.event-graphics-character-hint{padding:8px 12px;background:var(--info-bg, #2a3f5f);border-left:3px solid var(--info-color, #4a9eff);border-radius:4px;font-size:12px;color:var(--text-secondary, #a0a0a0);margin-bottom:12px}.event-graphics-character-hint code{background:#ffffff1a;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace}.event-graphics-character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.event-graphics-character-item{padding:12px;background:var(--panel-bg, #2a2d35);border:2px solid var(--border-color, #3c4049);border-radius:4px;color:var(--text-primary, #e8e8e8);font-size:12px;cursor:pointer;transition:all .2s;text-align:center}.event-graphics-character-item:hover{border-color:var(--accent-color, #4a9eff)}.event-graphics-character-item.selected{background:var(--accent-color, #4a9eff);border-color:var(--accent-color, #4a9eff);color:#fff}.event-graphics-direction-grid{display:grid;grid-template-columns:repeat(3,60px);gap:8px;justify-content:center}.event-graphics-dir-btn{width:60px;height:60px;background:var(--panel-bg, #2a2d35);border:2px solid var(--border-color, #3c4049);border-radius:6px;color:var(--text-primary, #e8e8e8);font-size:24px;cursor:pointer;transition:all .2s}.event-graphics-dir-btn:hover{border-color:var(--accent-color, #4a9eff)}.event-graphics-dir-btn.active{background:var(--accent-color, #4a9eff);border-color:var(--accent-color, #4a9eff);color:#fff}.event-graphics-dir-spacer{background:transparent;border:none;cursor:default}.event-graphics-pattern-selector{display:flex;gap:8px}.event-graphics-pattern-btn{flex:1;padding:10px;background:var(--panel-bg, #2a2d35);border:2px solid var(--border-color, #3c4049);border-radius:4px;color:var(--text-primary, #e8e8e8);font-size:13px;cursor:pointer;transition:all .2s}.event-graphics-pattern-btn:hover{border-color:var(--accent-color, #4a9eff)}.event-graphics-pattern-btn.active{background:var(--accent-color, #4a9eff);border-color:var(--accent-color, #4a9eff);color:#fff}.event-graphics-hint{margin-top:8px;font-size:12px;color:var(--text-muted, #666);font-style:italic}.event-graphics-option{display:flex;align-items:center;gap:8px;padding:8px 0}.event-graphics-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.event-graphics-option label{color:var(--text-primary, #e8e8e8);font-size:13px;cursor:pointer;flex:1}.event-graphics-option-hint{color:var(--text-muted, #666);font-size:11px;font-style:italic}.event-graphics-tile-selector{display:flex;align-items:center;gap:16px}.event-graphics-tile-preview{width:100px;height:100px;background:var(--input-bg, #1e2024);border:2px solid var(--border-color, #3c4049);border-radius:6px;display:flex;align-items:center;justify-content:center}.event-graphics-tile-placeholder{font-size:48px}.movement-route-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.movement-route-dialog{background:var(--panel-bg, #2a2d35);border-radius:8px;box-shadow:0 8px 32px #0006;width:90%;max-width:1000px;height:80vh;max-height:700px;display:flex;flex-direction:column;color:var(--text-primary, #e8e8e8);animation:slideUp .3s ease-out}.movement-route-dialog__header{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-color, #3c4049);background:var(--panel-bg-dark, #23262d)}.movement-route-dialog__header h2{margin:0;font-size:18px;font-weight:600;flex-shrink:0}.movement-route-dialog__header-controls{display:flex;gap:16px;flex:1}.movement-route-dialog__checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.movement-route-dialog__checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.movement-route-dialog__close-btn{width:32px;height:32px;border-radius:4px;border:none;background:var(--danger-color, #dc3545);color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:all .2s;flex-shrink:0}.movement-route-dialog__close-btn:hover{background:var(--danger-color-hover, #c82333);transform:scale(1.05)}.movement-route-dialog__content{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-color, #3c4049);overflow:hidden}.movement-route-dialog__command-list,.movement-route-dialog__palette{background:var(--panel-bg, #2a2d35);display:flex;flex-direction:column;overflow:hidden}.movement-route-dialog__section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color, #3c4049);background:var(--panel-bg-dark, #23262d)}.movement-route-dialog__section-header h3{margin:0;font-size:14px;font-weight:600}.movement-route-dialog__commands{flex:1;overflow-y:auto;padding:8px}.movement-route-dialog__command-item{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:4px;border-radius:4px;background:var(--input-bg, #1e2127);border:1px solid var(--border-color, #3c4049);cursor:pointer;transition:all .2s}.movement-route-dialog__command-item:hover{background:var(--hover-bg, #2d3139);border-color:var(--accent-color, #4a9eff)}.movement-route-dialog__command-item.selected{background:var(--accent-color-dim, #2d4a6f);border-color:var(--accent-color, #4a9eff);box-shadow:0 0 0 2px #4a9eff33}.movement-route-dialog__command-icon{font-size:20px;flex-shrink:0}.movement-route-dialog__command-text{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movement-route-dialog__command-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.movement-route-dialog__command-item:hover .movement-route-dialog__command-actions{opacity:1}.movement-route-dialog__command-actions button{width:28px;height:28px;padding:0;border:1px solid var(--border-color, #3c4049);border-radius:4px;background:var(--button-bg, #363942);color:var(--text-primary, #e8e8e8);font-size:14px;cursor:pointer;transition:all .2s}.movement-route-dialog__command-actions button:hover:not(:disabled){background:var(--accent-color, #4a9eff);border-color:var(--accent-color, #4a9eff)}.movement-route-dialog__command-actions button:disabled{opacity:.3;cursor:not-allowed}.movement-route-dialog__command-actions button.movement-route-dialog__btn--danger:hover:not(:disabled){background:var(--danger-color, #dc3545);border-color:var(--danger-color, #dc3545)}.movement-route-dialog__command-actions button.movement-route-dialog__btn--edit{background:var(--input-bg, #1a1a1a);border-color:var(--primary-color, #4a9eff)}.movement-route-dialog__command-actions button.movement-route-dialog__btn--edit:hover{background:var(--primary-color, #4a9eff);border-color:var(--primary-color, #4a9eff);transform:translateY(-1px)}.movement-route-dialog__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;color:var(--text-secondary, #a0a0a0)}.movement-route-dialog__empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.movement-route-dialog__empty-state p{margin:4px 0}.movement-route-dialog__empty-hint{font-size:12px;opacity:.7}.movement-route-dialog__category-tabs{display:flex;border-bottom:1px solid var(--border-color, #3c4049);overflow-x:auto;scrollbar-width:thin}.movement-route-dialog__category-tab{flex:1;min-width:100px;padding:10px 12px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary, #a0a0a0);font-size:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.movement-route-dialog__category-tab:hover{background:var(--hover-bg, #2d3139);color:var(--text-primary, #e8e8e8)}.movement-route-dialog__category-tab.active{color:var(--accent-color, #4a9eff);border-bottom-color:var(--accent-color, #4a9eff);background:var(--accent-color-dim, rgba(74, 158, 255, .1))}.movement-route-dialog__category-tab span:first-child{font-size:20px}.movement-route-dialog__palette-commands{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;align-content:start}.movement-route-dialog__palette-btn{padding:12px 10px;border:1px solid var(--border-color, #3c4049);border-radius:6px;background:var(--input-bg, #1e2127);color:var(--text-primary, #e8e8e8);font-size:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.movement-route-dialog__palette-btn:hover{background:var(--accent-color, #4a9eff);border-color:var(--accent-color, #4a9eff);transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff4d}.movement-route-dialog__palette-icon{font-size:24px}.movement-route-dialog__palette-name{font-size:11px;line-height:1.3}.movement-route-dialog__validation-errors{padding:12px 20px;background:#dc35451a;border-top:1px solid var(--danger-color, #dc3545);color:var(--danger-color, #dc3545);font-size:13px}.movement-route-dialog__validation-errors ul{margin:8px 0 0;padding-left:20px}.movement-route-dialog__validation-errors li{margin:4px 0}.movement-route-dialog__footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border-color, #3c4049);background:var(--panel-bg-dark, #23262d)}.movement-route-dialog__footer-info{display:flex;gap:8px;flex-wrap:wrap}.movement-route-dialog__info-badge{padding:4px 10px;border-radius:12px;background:var(--accent-color-dim, rgba(74, 158, 255, .2));color:var(--accent-color, #4a9eff);font-size:12px;font-weight:500}.movement-route-dialog__footer-actions{display:flex;gap:12px}.movement-route-dialog__btn{padding:8px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.movement-route-dialog__btn:disabled{opacity:.5;cursor:not-allowed}.movement-route-dialog__btn--primary{background:var(--accent-color, #4a9eff);color:#fff}.movement-route-dialog__btn--primary:hover:not(:disabled){background:var(--accent-color-hover, #3a8eef);transform:translateY(-1px);box-shadow:0 4px 12px #4a9eff66}.movement-route-dialog__btn--secondary{background:var(--button-bg, #363942);color:var(--text-primary, #e8e8e8);border:1px solid var(--border-color, #3c4049)}.movement-route-dialog__btn--secondary:hover:not(:disabled){background:var(--hover-bg, #2d3139);border-color:var(--accent-color, #4a9eff)}.movement-route-dialog__btn--danger{background:var(--danger-color, #dc3545);color:#fff}.movement-route-dialog__btn--danger:hover:not(:disabled){background:var(--danger-color-hover, #c82333)}.movement-route-dialog__commands::-webkit-scrollbar,.movement-route-dialog__palette-commands::-webkit-scrollbar,.movement-route-dialog__category-tabs::-webkit-scrollbar{width:8px;height:8px}.movement-route-dialog__commands::-webkit-scrollbar-track,.movement-route-dialog__palette-commands::-webkit-scrollbar-track,.movement-route-dialog__category-tabs::-webkit-scrollbar-track{background:var(--input-bg, #1e2127)}.movement-route-dialog__commands::-webkit-scrollbar-thumb,.movement-route-dialog__palette-commands::-webkit-scrollbar-thumb,.movement-route-dialog__category-tabs::-webkit-scrollbar-thumb{background:var(--border-color, #3c4049);border-radius:4px}.movement-route-dialog__commands::-webkit-scrollbar-thumb:hover,.movement-route-dialog__palette-commands::-webkit-scrollbar-thumb:hover,.movement-route-dialog__category-tabs::-webkit-scrollbar-thumb:hover{background:var(--accent-color, #4a9eff)}.param-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:param-dialog-fade-in .2s ease-out}@keyframes param-dialog-fade-in{0%{opacity:0}to{opacity:1}}.param-dialog{background:var(--panel-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:8px;box-shadow:0 8px 32px #00000080;width:500px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;animation:param-dialog-slide-in .2s ease-out}.param-dialog--small{width:400px}@keyframes param-dialog-slide-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.param-dialog__header{padding:16px 20px;border-bottom:1px solid var(--border-color, #444);display:flex;align-items:center;justify-content:space-between}.param-dialog__header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-color, #fff);display:flex;align-items:center;gap:8px}.param-dialog__close{background:none;border:none;color:var(--text-secondary, #aaa);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.param-dialog__close:hover{background:#ffffff1a;color:var(--text-color, #fff)}.param-dialog__body{padding:20px;overflow-y:auto;flex:1}.param-dialog__field{margin-bottom:20px}.param-dialog__field:last-child{margin-bottom:0}.param-dialog__field label{display:block;font-weight:600;color:var(--text-color, #fff);margin-bottom:8px;font-size:14px}.param-dialog__hint{display:block;font-size:12px;color:var(--text-secondary, #aaa);margin-top:4px}.param-dialog__input{width:100%;background:var(--input-bg, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:4px;padding:8px 12px;color:var(--text-color, #fff);font-size:14px;transition:border-color .2s}.param-dialog__input:focus{outline:none;border-color:var(--primary-color, #4a9eff)}.param-dialog__input:hover{border-color:#555}.param-dialog__slider-group{margin-bottom:12px}.param-dialog__slider{width:100%;height:6px;border-radius:3px;background:var(--input-bg, #1a1a1a);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.param-dialog__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color, #4a9eff);cursor:pointer;transition:transform .2s}.param-dialog__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.param-dialog__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color, #4a9eff);cursor:pointer;border:none;transition:transform .2s}.param-dialog__slider::-moz-range-thumb:hover{transform:scale(1.2)}.param-dialog__slider-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary, #aaa);margin-top:4px}.param-dialog__radio-group{display:flex;flex-direction:column;gap:8px}.param-dialog__radio-label{display:flex;align-items:center;gap:10px;padding:10px;background:var(--input-bg, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:4px;cursor:pointer;transition:all .2s}.param-dialog__radio-label:hover{background:#ffffff0d;border-color:#555}.param-dialog__radio-label input[type=radio]{cursor:pointer}.param-dialog__radio-label input[type=radio]:checked~.param-dialog__radio-text,.param-dialog__radio-label input[type=radio]:checked~.param-dialog__radio-content{color:var(--primary-color, #4a9eff);font-weight:600}.param-dialog__radio-label input[type=radio]:checked{accent-color:var(--primary-color, #4a9eff)}.param-dialog__radio-text{color:var(--text-color, #fff);font-size:14px;transition:color .2s}.param-dialog__radio-label--large{flex-direction:row;align-items:flex-start;padding:12px}.param-dialog__radio-content{display:flex;flex-direction:column;gap:4px}.param-dialog__radio-title{color:var(--text-color, #fff);font-size:14px;font-weight:500;transition:color .2s}.param-dialog__radio-desc{color:var(--text-secondary, #aaa);font-size:12px}.param-dialog__presets{margin-bottom:16px}.param-dialog__presets label{display:block;font-weight:600;color:var(--text-color, #fff);margin-bottom:8px;font-size:14px}.param-dialog__preset-buttons{display:flex;gap:8px;flex-wrap:wrap}.param-dialog__preset-btn{padding:6px 12px;background:var(--input-bg, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--text-color, #fff);font-size:13px;cursor:pointer;transition:all .2s}.param-dialog__preset-btn:hover{background:#ffffff0d;border-color:var(--primary-color, #4a9eff)}.param-dialog__preset-btn:active{transform:scale(.95)}.param-dialog__info-box{background:#4a9eff1a;border:1px solid rgba(74,158,255,.3);border-radius:4px;padding:12px;margin-bottom:16px}.param-dialog__info-box p{margin:0;font-size:13px;color:var(--text-secondary, #aaa);line-height:1.5}.param-dialog__preview{background:var(--input-bg, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:4px;padding:12px;margin-top:16px;font-size:14px;color:var(--text-secondary, #aaa)}.param-dialog__preview strong{color:var(--text-color, #fff);margin-right:8px}.param-dialog__warning{color:#ff9800}.param-dialog__opacity-preview{display:flex;justify-content:center;padding:20px;background:linear-gradient(45deg,#333 25%,transparent 25%),linear-gradient(-45deg,#333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333 75%),linear-gradient(-45deg,transparent 75%,#333 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:4px;margin-bottom:12px}.param-dialog__opacity-sample{background:var(--primary-color, #4a9eff);padding:16px 32px;border-radius:4px;font-weight:600;color:#fff;font-size:16px}.param-dialog__footer{padding:16px 20px;border-top:1px solid var(--border-color, #444);display:flex;align-items:center;justify-content:flex-end;gap:12px}.param-dialog__btn{padding:8px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.param-dialog__btn--secondary{background:var(--input-bg, #1a1a1a);color:var(--text-color, #fff);border:1px solid var(--border-color, #444)}.param-dialog__btn--secondary:hover{background:#ffffff0d;border-color:#555}.param-dialog__btn--primary{background:var(--primary-color, #4a9eff);color:#fff}.param-dialog__btn--primary:hover{background:#3a8eef;transform:translateY(-1px);box-shadow:0 2px 8px #4a9eff4d}.param-dialog__btn--primary:active{transform:translateY(0)}@media (max-width: 600px){.param-dialog{width:95vw;max-height:90vh}.param-dialog--small{width:95vw}}.event-pages-tab{display:flex;flex-direction:column;gap:16px;height:100%}.event-pages-selector{display:flex;align-items:center;gap:12px;padding:12px;background:var(--panel-bg, #2a2d35);border:1px solid var(--border-color, #3c4049);border-radius:6px}.event-pages-list{display:flex;gap:6px;flex:1;overflow-x:auto}.event-page-btn{padding:8px 16px;background:var(--panel-bg, #2a2d35);border:2px solid var(--border-color, #3c4049);border-radius:4px;color:var(--text-primary, #e8e8e8);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.event-page-btn:hover{border-color:var(--accent-color, #4a9eff)}.event-page-btn.active{background:var(--accent-color, #4a9eff);border-color:var(--accent-color, #4a9eff);color:#fff}.event-pages-actions{display:flex;gap:6px}.event-page-action-btn{width:36px;height:36px;background:var(--panel-bg, #2a2d35);border:1px solid var(--border-color, #3c4049);border-radius:4px;color:var(--text-primary, #e8e8e8);font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.event-page-action-btn:hover:not(:disabled){background:var(--hover-bg, #3c4049);border-color:var(--accent-color, #4a9eff)}.event-page-action-btn:disabled{opacity:.3;cursor:not-allowed}.event-page-delete-btn:hover:not(:disabled){border-color:var(--error-color, #ff4444);color:var(--error-color, #ff4444)}.event-page-content{display:grid;grid-template-columns:300px 1fr;gap:16px;flex:1;overflow:hidden}.event-page-left-panel{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:8px}.event-page-right-panel{overflow-y:auto}.event-page-section{background:var(--panel-bg, #2a2d35);border:1px solid var(--border-color, #3c4049);border-radius:6px;padding:16px}.event-page-section h3{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-primary, #e8e8e8);text-transform:uppercase;letter-spacing:.5px}.event-page-select{width:100%;padding:8px 12px;background:var(--input-bg, #1e2024);border:1px solid var(--border-color, #3c4049);border-radius:4px;color:var(--text-primary, #e8e8e8);font-size:13px;cursor:pointer}.event-page-select:focus{outline:none;border-color:var(--accent-color, #4a9eff)}.event-page-field{display:flex;align-items:center;gap:8px;margin-bottom:8px}.event-page-field label{color:var(--text-secondary, #a0a0a0);font-size:12px;min-width:50px}.event-page-checkbox{display:flex;align-items:center;gap:8px;padding:6px 0}.event-page-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.event-page-checkbox label{color:var(--text-primary, #e8e8e8);font-size:13px;cursor:pointer}.event-command-list{background:var(--panel-bg, #2a2d35);border:1px solid var(--border-color, #3c4049);border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:12px;height:100%}.event-command-list-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-color, #3c4049)}.event-command-list-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #e8e8e8);text-transform:uppercase;letter-spacing:.5px}.event-command-add-btn{padding:6px 12px;background:var(--accent-color, #4a9eff);border:none;border-radius:4px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.event-command-add-btn:hover{background:var(--accent-hover, #3a8eef)}.event-command-palette{background:var(--input-bg, #1e2024);border:1px solid var(--border-color, #3c4049);border-radius:6px;padding:12px;max-height:300px;overflow-y:auto}.event-command-palette-section{margin-bottom:16px}.event-command-palette-section:last-child{margin-bottom:0}.event-command-palette-section h4{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--text-secondary, #a0a0a0);text-transform:uppercase;letter-spacing:.5px}.event-command-palette-section button{display:block;width:100%;padding:8px 12px;background:var(--panel-bg, #2a2d35);border:1px solid var(--border-color, #3c4049);border-radius:4px;color:var(--text-primary, #e8e8e8);font-size:12px;text-align:left;cursor:pointer;transition:all .2s;margin-bottom:4px}.event-command-palette-section button:hover{background:var(--hover-bg, #3c4049);border-color:var(--accent-color, #4a9eff)}.event-command-list-items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.event-command-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-muted, #666)}.event-command-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.event-command-empty-text{font-size:14px;font-weight:500;margin-bottom:4px}.event-command-empty-hint{font-size:12px;font-style:italic}.event-command-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--panel-bg, #2a2d35);border:1px solid var(--border-color, #3c4049);border-radius:4px;cursor:pointer;transition:all .2s}.event-command-item:hover{background:var(--hover-bg, #3c4049)}.event-command-item.selected{background:var(--accent-color, #4a9eff);border-color:var(--accent-color, #4a9eff);color:#fff}.event-command-item-indent{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.event-command-item-icon{font-size:16px;flex-shrink:0}.event-command-item-name{font-size:13px;font-weight:500;flex-shrink:0}.event-command-item-params{font-size:11px;color:var(--text-muted, #666);font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-command-item.selected .event-command-item-params{color:#ffffffb3}.event-command-item-actions{display:flex;gap:4px;flex-shrink:0}.event-command-item-actions button{width:28px;height:28px;background:transparent;border:1px solid var(--border-color, #3c4049);border-radius:3px;color:var(--text-primary, #e8e8e8);font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.event-command-item-actions button:hover:not(:disabled){background:var(--hover-bg, #3c4049);border-color:var(--accent-color, #4a9eff)}.event-command-item-actions button:disabled{opacity:.3;cursor:not-allowed}.event-command-details{background:var(--input-bg, #1e2024);border:1px solid var(--border-color, #3c4049);border-radius:6px;padding:12px;max-height:200px;overflow-y:auto}.event-command-details h4{margin:0 0 12px;font-size:12px;font-weight:600;color:var(--text-primary, #e8e8e8);text-transform:uppercase;letter-spacing:.5px}.event-command-details-content{display:flex;flex-direction:column;gap:8px}.event-command-details-field{display:flex;gap:12px;font-size:12px}.event-command-details-field label{color:var(--text-secondary, #a0a0a0);font-weight:500;min-width:80px}.event-command-details-field span{color:var(--text-primary, #e8e8e8)}.event-command-details-field pre{color:var(--text-primary, #e8e8e8);font-family:Courier New,monospace;font-size:11px;margin:0;padding:8px;background:var(--panel-bg, #2a2d35);border-radius:4px;overflow-x:auto}.event-conditions-panel{background:var(--panel-bg, #2a2d35);border:1px solid var(--border-color, #3c4049);border-radius:6px;padding:16px}.event-conditions-panel h3{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-primary, #e8e8e8);text-transform:uppercase;letter-spacing:.5px}.event-conditions-hint{padding:8px 12px;background:var(--info-bg, #2a3f5f);border-left:3px solid var(--info-color, #4a9eff);border-radius:4px;font-size:11px;color:var(--text-secondary, #a0a0a0);margin-bottom:12px}.event-condition{display:flex;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid var(--border-color, #3c4049)}.event-condition:last-child{border-bottom:none}.event-condition input[type=checkbox]{width:16px;height:16px;cursor:pointer;flex-shrink:0}.event-condition label{color:var(--text-primary, #e8e8e8);font-size:12px;min-width:70px;cursor:pointer;flex-shrink:0}.event-condition-input{width:60px;padding:4px 8px;background:var(--input-bg, #1e2024);border:1px solid var(--border-color, #3c4049);border-radius:3px;color:var(--text-primary, #e8e8e8);font-size:12px;text-align:center}.event-condition-input:disabled{opacity:.4;cursor:not-allowed}.event-condition-input:focus:not(:disabled){outline:none;border-color:var(--accent-color, #4a9eff)}.event-condition-select{width:60px;padding:4px 8px;background:var(--input-bg, #1e2024);border:1px solid var(--border-color, #3c4049);border-radius:3px;color:var(--text-primary, #e8e8e8);font-size:12px;cursor:pointer}.event-condition-select:disabled{opacity:.4;cursor:not-allowed}.event-condition-select:focus:not(:disabled){outline:none;border-color:var(--accent-color, #4a9eff)}.event-condition-label{color:var(--text-secondary, #a0a0a0);font-size:11px;flex-shrink:0}.event-templates-panel{display:flex;flex-direction:column;gap:20px;padding:20px;background:var(--panel-bg, #2c2c2c);color:var(--text-primary, #e0e0e0);height:100%;overflow-y:auto}.event-templates-header{margin-bottom:8px}.event-templates-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary, #e0e0e0)}.event-templates-subtitle{margin:0;font-size:13px;color:var(--text-secondary, #999)}.event-templates-controls{display:flex;flex-direction:column;gap:12px}.event-templates-search{position:relative}.event-templates-search-input{width:100%;padding:10px 12px;background:var(--input-bg, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:6px;color:var(--text-primary, #e0e0e0);font-size:14px;transition:border-color .2s ease}.event-templates-search-input:focus{outline:none;border-color:var(--primary-color, #4a9eff);box-shadow:0 0 0 3px #4a9eff1a}.event-templates-search-input::placeholder{color:var(--text-tertiary, #666)}.event-templates-categories{display:flex;gap:8px;flex-wrap:wrap}.event-templates-category-btn{padding:8px 16px;background:var(--button-bg, #3c4049);border:1px solid var(--border-color, #444);border-radius:6px;color:var(--text-primary, #e0e0e0);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.event-templates-category-btn:hover{background:var(--button-hover-bg, #464d57);border-color:var(--primary-color, #4a9eff)}.event-templates-category-btn.active{background:var(--primary-color, #4a9eff);border-color:var(--primary-color, #4a9eff);color:#fff}.event-templates-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.event-templates-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.event-templates-empty-text{margin:0 0 8px;font-size:16px;color:var(--text-secondary, #999);font-weight:500}.event-templates-empty-hint{margin:0;font-size:13px;color:var(--text-tertiary, #666)}.event-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:8px 0}.event-template-card{display:flex;flex-direction:column;background:var(--card-bg, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:8px;padding:16px;transition:all .2s ease;cursor:default}.event-template-card:hover{border-color:var(--primary-color, #4a9eff);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.event-template-card-header{display:flex;gap:12px;margin-bottom:12px}.event-template-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:32px;background:var(--icon-bg, #2c2c2c);border-radius:8px}.event-template-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.event-template-name{margin:0;font-size:15px;font-weight:600;color:var(--text-primary, #e0e0e0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-template-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.event-template-badge--builtin{background:#4a9eff33;color:#4a9eff}.event-template-badge--custom{background:#8b5cf633;color:#8b5cf6}.event-template-description{margin:0 0 16px;font-size:13px;line-height:1.5;color:var(--text-secondary, #999);flex:1}.event-template-card-footer{display:flex;justify-content:flex-end;margin-top:auto}.event-template-apply-btn{padding:8px 16px;background:var(--primary-color, #4a9eff);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.event-template-apply-btn:hover{background:var(--primary-hover, #3a8eef);transform:scale(1.05)}.event-template-apply-btn:active{transform:scale(.98)}.event-templates-info{margin-top:auto;padding-top:20px;border-top:1px solid var(--border-color, #444)}.event-templates-info-box{background:var(--info-bg, #1a1a1a);border:1px solid var(--border-color, #444);border-radius:8px;padding:16px}.event-templates-info-box h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary, #e0e0e0)}.event-templates-info-box ul{margin:0;padding-left:20px;list-style:disc}.event-templates-info-box li{margin:6px 0;font-size:13px;line-height:1.5;color:var(--text-secondary, #999)}.event-templates-info-box li strong{color:var(--text-primary, #e0e0e0);font-weight:600}.event-templates-panel::-webkit-scrollbar{width:8px}.event-templates-panel::-webkit-scrollbar-track{background:var(--scrollbar-track, #1a1a1a)}.event-templates-panel::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #444);border-radius:4px}.event-templates-panel::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #555)}@media (max-width: 900px){.event-templates-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 600px){.event-templates-grid{grid-template-columns:1fr}.event-templates-categories{flex-direction:column}.event-templates-category-btn{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.event-template-card{animation:fadeInUp .3s ease}.event-template-card:nth-child(1){animation-delay:.05s}.event-template-card:nth-child(2){animation-delay:.1s}.event-template-card:nth-child(3){animation-delay:.15s}.event-template-card:nth-child(4){animation-delay:.2s}.event-template-card:nth-child(5){animation-delay:.25s}.event-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.event-editor-dialog{background:var(--panel-bg, #2a2d35);border:1px solid var(--border-color, #3c4049);border-radius:8px;box-shadow:0 8px 32px #00000080;width:90%;max-width:1200px;height:85%;max-height:800px;display:flex;flex-direction:column;overflow:hidden}.event-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #3c4049);background:var(--panel-header-bg, #23252b)}.event-editor-title{display:flex;align-items:center;gap:12px}.event-editor-icon{font-size:24px}.event-editor-title h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #e8e8e8)}.event-editor-close{background:transparent;border:none;font-size:28px;line-height:1;color:var(--text-secondary, #a0a0a0);cursor:pointer;padding:0;width:32px;height:32px;border-radius:4px;transition:all .2s}.event-editor-close:hover{background:var(--hover-bg, #3c4049);color:var(--text-primary, #e8e8e8)}.event-editor-tabs{display:flex;border-bottom:1px solid var(--border-color, #3c4049);background:var(--panel-bg, #2a2d35);padding:0 20px}.event-editor-tab{padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #a0a0a0);font-size:14px;cursor:pointer;transition:all .2s;font-weight:500}.event-editor-tab:hover{color:var(--text-primary, #e8e8e8);background:var(--hover-bg, #3c4049)}.event-editor-tab.active{color:var(--accent-color, #4a9eff);border-bottom-color:var(--accent-color, #4a9eff)}.event-editor-content{flex:1;overflow-y:auto;padding:20px;background:var(--workspace-bg, #1e2024)}.event-editor-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border-color, #3c4049);background:var(--panel-header-bg, #23252b)}.event-editor-status{display:flex;align-items:center;gap:8px}.event-editor-unsaved{color:var(--warning-color, #ffaa00);font-size:13px;display:flex;align-items:center;gap:6px}.event-editor-actions{display:flex;gap:8px}.event-editor-btn{padding:8px 16px;border:1px solid var(--border-color, #3c4049);border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.event-editor-btn-cancel{background:var(--panel-bg, #2a2d35);color:var(--text-primary, #e8e8e8)}.event-editor-btn-cancel:hover{background:var(--hover-bg, #3c4049)}.event-editor-btn-save{background:var(--accent-color, #4a9eff);color:#fff;border-color:var(--accent-color, #4a9eff)}.event-editor-btn-save:hover:not(:disabled){background:var(--accent-hover, #3a8eef)}.event-editor-btn-save:disabled{opacity:.5;cursor:not-allowed}.theme-tab{display:flex;flex-direction:column;gap:var(--spacing-xl)}.theme-tab-header h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--theme-textPrimary)}.theme-tab-description{margin:0;color:var(--theme-textSecondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.theme-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.theme-card{background:var(--theme-cardBg);border:2px solid var(--theme-borderColor);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base) var(--transition-ease);position:relative}.theme-card:hover{border-color:var(--theme-borderColorActive);box-shadow:var(--theme-shadow-medium);transform:translateY(-2px)}.theme-card.active{border-color:var(--theme-primary);background:var(--theme-selectedBg);box-shadow:var(--theme-shadow-medium)}.theme-card:focus-visible{outline:3px solid var(--theme-focusOutline);outline-offset:2px}.theme-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.theme-card-header input[type=radio]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--theme-primary)}.theme-card-header h4{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-textPrimary);flex:1}.theme-badge{background:var(--theme-primary);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.theme-card-description{margin:0 0 var(--spacing-md) 0;color:var(--theme-textSecondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.theme-preview{margin-bottom:var(--spacing-md);border:1px solid var(--theme-borderColor);border-radius:var(--radius-md);overflow:hidden}.theme-preview-row{display:flex;gap:0}.theme-preview-swatch{flex:1;height:40px;border:1px solid rgba(0,0,0,.1);transition:transform var(--transition-fast) var(--transition-ease)}.theme-preview-swatch:hover{transform:scale(1.05);z-index:1}.theme-preview-text{padding:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);border-top:1px solid}.theme-preview-text span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.theme-preview-text button{padding:4px 12px;border:1px solid;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:default;transition:none}.theme-card-hint{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--theme-hoverBg);border-radius:var(--radius-sm);color:var(--theme-textSecondary);font-size:var(--font-size-sm)}.theme-hint-icon{font-size:var(--font-size-base)}.theme-tab-footer{padding:var(--spacing-lg);background:var(--theme-hoverBg);border:1px dashed var(--theme-borderColor);border-radius:var(--radius-md)}.theme-tab-note{margin:0;color:var(--theme-textSecondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.theme-tab-note kbd{display:inline-block;padding:2px 6px;background:var(--theme-cardBg);border:1px solid var(--theme-borderColor);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:monospace;color:var(--theme-textPrimary);box-shadow:var(--theme-shadow-small)}@media (max-width: 768px){.theme-cards{grid-template-columns:1fr}.theme-card{padding:var(--spacing-md)}.theme-preview-swatch{height:32px}}:root[data-theme=high-contrast] .theme-card{border-width:3px}:root[data-theme=high-contrast] .theme-card.active{border-color:#ff0}:root[data-theme=high-contrast] .theme-preview-swatch{border-width:2px;border-color:#fff}.accessibility-tab{display:flex;flex-direction:column;gap:var(--spacing-xl)}.accessibility-tab-header h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--theme-textPrimary)}.accessibility-tab-description{margin:0;color:var(--theme-textSecondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.accessibility-section{padding:var(--spacing-lg);background:var(--theme-cardBg);border:1px solid var(--theme-borderColor);border-radius:var(--radius-lg)}.accessibility-section-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-textPrimary)}.accessibility-section-description{margin:0 0 var(--spacing-lg) 0;color:var(--theme-textSecondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.font-scale-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.font-scale-button{background:var(--theme-inputBg);border:2px solid var(--theme-borderColor);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast) var(--transition-ease);text-align:center;position:relative}.font-scale-button:hover{border-color:var(--theme-borderColorActive);background:var(--theme-hoverBg);transform:translateY(-2px);box-shadow:var(--theme-shadow-small)}.font-scale-button.active{border-color:var(--theme-primary);background:var(--theme-selectedBg);box-shadow:var(--theme-shadow-medium)}.font-scale-button-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.font-scale-percentage{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--theme-textPrimary)}.font-scale-badge{background:var(--theme-info);color:#fff;padding:2px 6px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.font-scale-checkmark{color:var(--theme-success);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.font-scale-preview{color:var(--theme-textSecondary);font-size:var(--font-size-sm);line-height:1}.density-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.density-button{background:var(--theme-inputBg);border:2px solid var(--theme-borderColor);border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast) var(--transition-ease);text-align:left;position:relative}.density-button:hover{border-color:var(--theme-borderColorActive);background:var(--theme-hoverBg);transform:translateY(-2px);box-shadow:var(--theme-shadow-small)}.density-button.active{border-color:var(--theme-primary);background:var(--theme-selectedBg);box-shadow:var(--theme-shadow-medium)}.density-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.density-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--theme-textPrimary);margin-bottom:var(--spacing-xs)}.density-description{font-size:var(--font-size-sm);color:var(--theme-textSecondary);line-height:var(--line-height-base)}.density-checkmark{position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:var(--theme-success);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.accessibility-checkbox{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--theme-inputBg);border:1px solid var(--theme-borderColor);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--transition-ease)}.accessibility-checkbox:hover{border-color:var(--theme-borderColorActive);background:var(--theme-hoverBg)}.accessibility-checkbox input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--theme-primary)}.accessibility-checkbox-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--theme-textPrimary);display:flex;align-items:center;gap:var(--spacing-sm)}.accessibility-checkbox-label:before{content:"";width:20px;height:20px}.accessibility-checkbox-description{font-size:var(--font-size-sm);color:var(--theme-textSecondary);line-height:var(--line-height-base);margin-left:calc(20px + var(--spacing-sm))}.accessibility-checkbox input[type=checkbox]:checked~.accessibility-checkbox-label{color:var(--theme-primary)}.accessibility-hint{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--theme-hoverBg);border-radius:var(--radius-sm);color:var(--theme-textSecondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.accessibility-hint-icon{font-size:var(--font-size-base)}.accessibility-hint-success{background:#28a7451a;color:var(--theme-success);border:1px solid var(--theme-success)}.accessibility-hint-info{background:#17a2b81a;color:var(--theme-info);border:1px solid var(--theme-info)}.accessibility-section-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.accessibility-reset-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--theme-buttonBg);border:1px solid var(--theme-borderColor);border-radius:var(--radius-md);color:var(--theme-textPrimary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--transition-ease);align-self:flex-start}.accessibility-reset-button:hover{background:var(--theme-buttonHoverBg);border-color:var(--theme-borderColorActive);transform:translateY(-1px);box-shadow:var(--theme-shadow-small)}.accessibility-reset-button:active{background:var(--theme-buttonActiveBg);transform:translateY(0)}@media (max-width: 768px){.font-scale-options{grid-template-columns:repeat(2,1fr)}.density-options{grid-template-columns:1fr}.accessibility-section{padding:var(--spacing-md)}}:root[data-theme=high-contrast] .accessibility-section{border-width:2px}:root[data-theme=high-contrast] .font-scale-button,:root[data-theme=high-contrast] .density-button,:root[data-theme=high-contrast] .accessibility-checkbox{border-width:2px}:root[data-theme=high-contrast] .font-scale-button.active,:root[data-theme=high-contrast] .density-button.active{border-color:#ff0}.settings-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--theme-overlayBg);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-base) var(--transition-ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-dialog{background:var(--theme-panelBg);border:2px solid var(--theme-borderColor);border-radius:var(--radius-lg);width:90%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--theme-shadow-large);animation:slideUp var(--transition-base) var(--transition-ease)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--theme-borderColor);background:var(--theme-cardBg);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.settings-dialog-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--theme-textPrimary)}.settings-dialog-close{background:transparent;border:none;color:var(--theme-textSecondary);font-size:var(--font-size-xl);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast) var(--transition-ease);line-height:1}.settings-dialog-close:hover{background:var(--theme-hoverBg);color:var(--theme-textPrimary)}.settings-dialog-close:active{background:var(--theme-activeBg)}.settings-dialog-tabs{display:flex;gap:0;padding:0 var(--spacing-xl);background:var(--theme-cardBg);border-bottom:1px solid var(--theme-borderColor)}.settings-tab{background:transparent;border:none;padding:var(--spacing-md) var(--spacing-lg);color:var(--theme-textSecondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;border-bottom:3px solid transparent;transition:all var(--transition-fast) var(--transition-ease);position:relative}.settings-tab:hover{color:var(--theme-textPrimary);background:var(--theme-hoverBg)}.settings-tab.active{color:var(--theme-primary);border-bottom-color:var(--theme-primary);font-weight:var(--font-weight-semibold)}.settings-dialog-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.settings-tab-placeholder{padding:var(--spacing-xl);text-align:center;color:var(--theme-textSecondary)}.settings-tab-placeholder p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);color:var(--theme-textPrimary)}.settings-tab-placeholder ul{list-style:none;padding:0;margin:0}.settings-tab-placeholder li{padding:var(--spacing-sm);margin:var(--spacing-sm) 0}.settings-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--theme-borderColor);background:var(--theme-cardBg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.settings-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--transition-ease);border:1px solid transparent}.settings-button-primary{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary)}.settings-button-primary:hover{background:var(--theme-primaryHover);border-color:var(--theme-primaryHover)}.settings-button-secondary{background:var(--theme-buttonBg);color:var(--theme-textPrimary);border-color:var(--theme-borderColor)}.settings-button-secondary:hover{background:var(--theme-buttonHoverBg)}.settings-button-secondary:active{background:var(--theme-buttonActiveBg)}.settings-dialog-content::-webkit-scrollbar{width:12px}.settings-dialog-content::-webkit-scrollbar-track{background:var(--theme-scrollbarTrack)}.settings-dialog-content::-webkit-scrollbar-thumb{background:var(--theme-scrollbarThumb);border-radius:var(--radius-full);border:3px solid var(--theme-scrollbarTrack)}.settings-dialog-content::-webkit-scrollbar-thumb:hover{background:var(--theme-textSecondary)}@media (max-width: 768px){.settings-dialog{width:95%;max-height:90vh}.settings-dialog-header,.settings-dialog-footer{padding:var(--spacing-md) var(--spacing-lg)}.settings-dialog-tabs{padding:0 var(--spacing-lg)}.settings-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.settings-dialog-content{padding:var(--spacing-lg)}}.layer-panel-section{display:flex;flex-direction:column}.layer-panel-section header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary, #252525);border-bottom:1px solid var(--border-color, #444);font-weight:600;font-size:13px}.sidebar-section-title{flex:1;color:var(--text-primary, #ccc)}.sidebar-section-toggle{margin-left:auto;color:var(--text-muted, #888);font-size:11px}.layer-panel-body{max-height:400px;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary, #1e1e1e);padding:.5rem!important}.layer-panel-body::-webkit-scrollbar{width:8px}.layer-panel-body::-webkit-scrollbar-track{background:var(--bg-primary, #1e1e1e)}.layer-panel-body::-webkit-scrollbar-thumb{background:var(--border-color, #444);border-radius:4px}.layer-panel-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #666)}.layer-panel-empty{padding:24px 12px;text-align:center;color:var(--text-muted, #888);font-size:12px}.layer-list{display:flex;flex-direction:column;gap:4px;padding:4px}.layer-item{display:flex;flex-direction:column;background:var(--layer-bg, #252525);border:1px solid var(--border-color, #444);border-radius:4px;padding:6px;transition:all .15s ease;cursor:grab}.layer-item:hover{background:var(--hover-bg, #3a3a3a);border-color:var(--accent-border, #1177bb)}.layer-item.active{background:var(--accent-bg, #0e639c);border-color:var(--accent-border, #1177bb);box-shadow:0 0 0 1px var(--accent-border, #1177bb)}.layer-item.locked{opacity:.6;cursor:not-allowed}.layer-item.locked:hover{background:var(--layer-bg, #252525);border-color:var(--border-color, #444)}.layer-item.dragging{opacity:.5;cursor:grabbing;transform:scale(.98);background:var(--accent-bg, #0e639c);border-color:var(--accent-border, #1177bb)}.layer-item.drop-target{border-top:3px solid var(--accent-border, #1177bb);margin-top:4px;box-shadow:0 -2px 8px #17b6}.layer-header{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.layer-item.locked .layer-header{cursor:not-allowed}.layer-drag-handle{display:flex;align-items:center;justify-content:center;width:16px;height:24px;color:var(--text-muted, #666);font-size:14px;cursor:grab;-webkit-user-select:none;user-select:none;opacity:.5;transition:all .15s ease}.layer-item:hover .layer-drag-handle{opacity:1;color:var(--accent-border, #1177bb)}.layer-item.dragging .layer-drag-handle{cursor:grabbing}.layer-item.locked .layer-drag-handle{cursor:not-allowed;opacity:.3}.layer-radio{display:flex;align-items:center;justify-content:center}.layer-radio input[type=radio]{width:14px;height:14px;cursor:pointer;accent-color:var(--accent-border, #1177bb)}.layer-radio input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.layer-info{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}.layer-name{font-size:13px;font-weight:500;color:var(--text-primary, #ccc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-item.active .layer-name{color:#fff}.layer-type{font-size:10px;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.5px}.layer-item.active .layer-type{color:#ffffffb3}.layer-controls{display:flex;gap:4px;align-items:center}.layer-control-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;font-size:14px;transition:all .15s ease;padding:0;opacity:.7}.layer-control-btn:hover{opacity:1;background:#ffffff1a;border-color:var(--border-color, #444)}.layer-control-btn:active{transform:scale(.95)}.layer-control-btn.active{opacity:1;background:#ffffff26;border-color:var(--accent-border, #1177bb)}.layer-opacity{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding-top:6px;border-top:1px solid var(--border-color, #444)}.layer-opacity-label{font-size:11px;color:var(--text-muted, #888);font-weight:500}.layer-opacity-slider{width:100%;height:4px;border-radius:2px;background:var(--bg-primary, #1e1e1e);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.layer-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-border, #1177bb);cursor:pointer;border:2px solid var(--bg-secondary, #252525);box-shadow:0 1px 3px #0003;transition:all .15s ease}.layer-opacity-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px #0000004d}.layer-opacity-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-border, #1177bb);cursor:pointer;border:2px solid var(--bg-secondary, #252525);box-shadow:0 1px 3px #0003;transition:all .15s ease}.layer-opacity-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px #0000004d}.layer-opacity-slider:disabled{opacity:.4;cursor:not-allowed}.layer-opacity-slider:disabled::-webkit-slider-thumb{cursor:not-allowed;background:var(--text-muted, #666)}.layer-opacity-slider:disabled::-moz-range-thumb{cursor:not-allowed;background:var(--text-muted, #666)}.layer-panel-actions{margin-bottom:8px;padding:4px}.layer-add-btn{width:100%;padding:8px 12px;background:var(--accent-bg, #0e639c);border:1px solid var(--accent-border, #1177bb);border-radius:4px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.layer-add-btn:hover{background:var(--accent-hover, #1177bb);transform:translateY(-1px);box-shadow:0 2px 8px #1177bb4d}.layer-add-btn:active{transform:translateY(0)}.layer-add-form{display:flex;gap:4px;align-items:center}.layer-name-input{flex:1;padding:6px 10px;background:var(--bg-primary, #1e1e1e);border:1px solid var(--border-color, #444);border-radius:3px;color:var(--text-primary, #ccc);font-size:12px;outline:none;transition:border-color .15s ease}.layer-name-input:focus{border-color:var(--accent-border, #1177bb);box-shadow:0 0 0 2px #17b3}.layer-confirm-btn,.layer-cancel-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:3px;border:1px solid var(--border-color, #444);background:var(--bg-secondary, #252525);color:var(--text-primary, #ccc);font-size:14px;cursor:pointer;transition:all .15s ease}.layer-confirm-btn:hover{background:#2a6f2a;border-color:#3a8f3a;color:#fff}.layer-cancel-btn:hover{background:#8f2a2a;border-color:#af3a3a;color:#fff}.layer-confirm-btn:active,.layer-cancel-btn:active{transform:scale(.95)}.layer-delete-btn:hover{background:#ff3b3b33;border-color:#ff3b3b}.layer-panel-footer{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--bg-secondary, #252525);border-top:1px solid var(--border-color, #444);font-size:11px;color:var(--text-muted, #888);gap:6px}.layer-panel-footer .save-checkmark{color:#4caf50;font-size:14px}.layer-selector{display:flex;flex-direction:column;gap:8px;width:min(1060px,calc(100vw - 360px));padding:8px 10px;background:var(--bg-secondary, #2a2a2a);border:1px solid rgba(148,163,184,.18);border-radius:6px;box-shadow:0 2px 8px #00000038}.layer-selector-main{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(190px,1.25fr) minmax(160px,1fr) minmax(150px,.9fr);gap:8px;align-items:end}.layer-control-field{display:flex;flex-direction:column;gap:4px;min-width:0}.layer-control-field span{color:var(--text-secondary, #aaa);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0}.layer-control-field select{width:100%;min-height:32px;padding:0 8px;border:1px solid var(--border-color, #4a4a4a);border-radius:5px;background:var(--bg-tertiary, #363636);color:var(--text-primary, #e0e0e0);font-size:13px}.layer-control-field select:focus{outline:2px solid rgba(74,144,226,.58);outline-offset:1px}.layer-active-summary{min-height:32px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 10px;border:1px solid rgba(74,144,226,.45);border-radius:5px;background:#3b82f624;color:var(--text-primary, #e0e0e0)}.layer-active-summary span,.layer-active-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-active-summary span{font-size:13px;font-weight:700}.layer-active-summary small{color:var(--text-secondary, #aaa);font-size:11px}.layer-controls-panel{border-top:1px solid rgba(148,163,184,.16);padding-top:6px}.layer-controls-panel summary{width:fit-content;cursor:pointer;color:var(--text-primary, #e0e0e0);font-size:12px;font-weight:700}.layer-controls-panel summary:hover{color:var(--accent-bright, #5aa2f5)}.layer-control-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.layer-control-actions button,.layer-control-row button{min-height:28px;border:1px solid var(--border-color, #4a4a4a);border-radius:4px;background:var(--bg-tertiary, #363636);color:var(--text-primary, #e0e0e0);cursor:pointer;font-size:12px;font-weight:600}.layer-control-actions button{padding:0 8px}.layer-control-actions button:hover:not(:disabled),.layer-control-row button:hover:not(:disabled){border-color:var(--accent-color, #4a90e2);background:var(--bg-hover, #404040)}.layer-control-actions button:disabled,.layer-control-row button:disabled{cursor:not-allowed;opacity:.45}.layer-control-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:6px}.layer-control-row{display:grid;grid-template-columns:minmax(86px,1fr) 76px 86px;gap:4px;padding:5px;border:1px solid rgba(148,163,184,.16);border-radius:5px;background:#0f172a47}.layer-control-row.active{border-color:#4a90e294;background:#3b82f61f}.layer-control-name{text-align:left;padding:0 8px}.layer-control-row .state-on{border-color:#4a90e280}.layer-control-row .state-off{color:#e2e8f0c2;background:#5b3737b8}@media (max-width: 980px){.layer-selector{width:calc(100vw - 16px)}.layer-selector-main{grid-template-columns:1fr}}.import-map-dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000094}.import-map-dialog{width:min(520px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;border:1px solid #4a4a4a;border-radius:8px;background:#2f2f2f;color:#f1f1f1;box-shadow:0 18px 48px #00000073}.import-map-dialog__header,.import-map-dialog__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #444}.import-map-dialog__footer{justify-content:flex-end;border-top:1px solid #444;border-bottom:0}.import-map-dialog__header h2{margin:0;font-size:20px}.import-map-dialog__header p{margin:4px 0 0;color:#aaa;font-size:13px}.import-map-dialog__close{width:32px;height:32px;border:1px solid #555;border-radius:6px;background:#3a3a3a;color:#ddd;cursor:pointer}.import-map-dialog__body{display:grid;grid-template-columns:1fr;gap:14px;padding:18px 20px}.import-map-dialog__field{display:flex;flex-direction:column;gap:6px;color:#b8b8b8;font-size:13px;font-weight:600}.import-map-dialog__field--wide{grid-column:1 / -1}.import-map-dialog__field input,.import-map-dialog__field select{width:100%;min-height:38px;border:1px solid #4e4e4e;border-radius:6px;padding:8px 10px;background:#202020;color:#f5f5f5;font:inherit}.import-map-dialog__field input:focus,.import-map-dialog__field select:focus{outline:2px solid #4da3ff;outline-offset:1px}.import-map-dialog__preview{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #4e4e4e;border-radius:6px;background:#252525;color:#cfcfcf;font-size:13px}.import-map-dialog__preview strong{color:#fff}.import-map-dialog__error{margin:0 20px 14px;padding:10px 12px;border:1px solid #8d3c3c;border-radius:6px;background:#4a2323;color:#ffd9d9;font-size:13px}.import-map-dialog__button{min-width:96px;min-height:36px;border:1px solid #555;border-radius:6px;padding:8px 14px;background:#3a3a3a;color:#eee;cursor:pointer;font-weight:600}.import-map-dialog__button:disabled{cursor:not-allowed;opacity:.5}.import-map-dialog__button--primary{border-color:#2f83e6;background:#2f83e6;color:#fff}.map-properties-dialog{display:flex;flex-direction:column;gap:16px}.map-properties-dialog-tabs{display:flex;border:1px solid var(--border-color, #444);border-radius:4px;overflow:hidden}.map-properties-dialog-tab{flex:1;padding:8px 10px;border:0;border-right:1px solid var(--border-color, #444);background:var(--bg-tertiary, #1f1f1f);color:var(--text-primary, #ddd);cursor:pointer;font:inherit}.map-properties-dialog-tab:last-child{border-right:0}.map-properties-dialog-tab.active{background:var(--accent-color, #2f80ed);color:#fff}.map-properties-dialog-body{min-height:310px}.map-properties-dialog-section{display:flex;flex-direction:column;gap:14px}.map-properties-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.map-properties-dialog-field{display:flex;flex-direction:column;gap:6px}.map-properties-dialog-field span,.map-properties-dialog-label{color:var(--text-secondary, #aaa);font-size:12px;font-weight:600;text-transform:uppercase}.map-properties-dialog-field input,.map-properties-dialog-field textarea{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--input-bg, #1e1e1e);color:var(--text-primary, #eee);font:inherit}.map-properties-dialog-field textarea{resize:vertical}.map-properties-dialog-check{display:flex;align-items:center;gap:8px;color:var(--text-primary, #ddd)}.map-properties-dialog-size{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border-color, #444);border-radius:4px;background:#ffffff08}.map-properties-dialog-size>div{display:flex;flex-direction:column;gap:4px}.map-properties-dialog-size strong{color:var(--text-primary, #fff);font-size:18px}.map-properties-dialog-size span:last-child{color:var(--text-secondary, #aaa)}.map-properties-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--border-color, #444)}.map-properties-dialog-warning{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid rgba(248,113,113,.35);border-radius:4px;background:#7f1d1d2e;color:#fecaca;font-size:12px}.map-properties-dialog-zone-list{display:flex;flex-direction:column;gap:8px}.map-properties-dialog-zone-row{display:flex;justify-content:space-between;gap:12px;width:100%;padding:9px 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:#ffffff08;color:var(--text-primary, #eee);text-align:left}button.map-properties-dialog-zone-row{cursor:pointer}button.map-properties-dialog-zone-row:hover{border-color:var(--accent-color, #2f80ed);background:#2f80ed29}.map-properties-dialog-button{min-width:88px;padding:8px 12px;border:1px solid var(--border-color, #555);border-radius:4px;background:var(--button-bg, #333);color:var(--text-primary, #eee);cursor:pointer;font:inherit}.map-properties-dialog-button:hover{background:var(--hover-bg, #444)}.map-properties-dialog-button.primary{border-color:var(--accent-color, #2f80ed);background:var(--accent-color, #2f80ed);color:#fff}@media (max-width: 700px){.map-properties-dialog-grid{grid-template-columns:1fr}}.skip-link{position:absolute;top:-40px;left:0;background:var(--theme-primary, var(--color-accent-blue));color:var(--color-text-inverse);padding:8px 12px;text-decoration:none;font-weight:600;font-size:14px;z-index:10000;border-radius:0 0 4px;transition:top .2s ease-in-out}.skip-link:focus{top:0;outline:3px solid var(--color-warning);outline-offset:2px}.skip-link:hover{background:var(--theme-primaryHover, var(--color-accent-blue-hover))}.top-toolbar-nav{display:flex;flex-direction:column;gap:0}.layer-selector-container{display:flex;justify-content:center;padding:8px 16px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary)}.project-file-save-banner{min-height:32px;display:flex;align-items:center;gap:8px;padding:4px 10px;border-bottom:1px solid var(--color-border-subtle);background:#3b82f624;color:var(--color-text-primary);font-size:12px}.project-file-save-banner span{min-width:0;flex:1 1 auto}.project-file-save-banner button{flex:0 0 auto;min-height:24px;border:1px solid var(--color-border-subtle);border-radius:4px;background:var(--color-bg-secondary);color:var(--color-text-primary);padding:0 8px;cursor:pointer}.publish-space-form{display:flex;flex-direction:column;gap:12px}.publish-space-form__label{color:var(--color-text-secondary, #aaa);font-size:13px;font-weight:700;text-transform:uppercase}.publish-space-form__input{height:38px;padding:0 12px;background:var(--color-bg-primary, #171717);border:1px solid var(--color-border-medium, #555);border-radius:6px;color:var(--color-text-primary, #fff);font-size:15px}.publish-space-form__actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.publish-space-form__button{min-width:88px;height:36px;padding:0 14px;background:var(--color-bg-tertiary, #333);border:1px solid var(--color-border-medium, #555);border-radius:6px;color:var(--color-text-primary, #fff);cursor:pointer;font-weight:700}.publish-space-form__button--primary{background:var(--color-accent-blue, #3b82f6);border-color:var(--color-accent-blue, #3b82f6);color:var(--color-text-inverse, #fff)}.workspace-frame{display:flex;flex-direction:column;width:100vw;height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);overflow:hidden}.workspace-frame-mz{background:var(--color-bg-primary)}.workspace-body{flex:1;position:relative;overflow:hidden}.workspace-body-mz{display:flex;flex-direction:column}.workspace-main-group,.workspace-center-group,.workspace-viewport-group,.workspace-bottom-group,.workspace-vertical-group,.workspace-horizontal-group{width:100%;height:100%}.workspace-panel{height:100%;width:100%;overflow:hidden;background:var(--color-bg-secondary)}.workspace-panel-left{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);overflow:hidden}.workspace-panel.toolbar-panel{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);overflow-y:auto;overflow-x:hidden}.workspace-panel.sidebar-panel{overflow-y:auto}.workspace-surface{position:relative;width:100%;height:100%}.workspace-bottom-panel{width:100%;height:100%;display:flex;flex-direction:column;gap:.65rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-subtle)}.workspace-bottom-panel.with-tabs{padding-top:.5rem}.bottom-panel-tabs{display:flex;gap:.5rem}.bottom-panel-tab{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--color-border-medium);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;transition:background .14s ease,border .14s ease,color .14s ease}.bottom-panel-tab:hover{border-color:var(--color-accent-blue);color:var(--color-text-primary)}.bottom-panel-tab.is-active{border-color:var(--color-accent-blue-hover);background:var(--color-bg-hover);color:var(--color-text-primary)}.bottom-panel-body{flex:1;min-height:0;display:flex;gap:.75rem;overflow:hidden}.bottom-panel-body>*{flex:1;min-width:0}.bottom-panel-body .workspace-right-sidebar.bottom-placement{flex:1.5}.timeline-panel{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .25rem;color:var(--color-text-secondary)}.timeline-panel header{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.timeline-panel p{margin:0;font-size:.82rem;color:var(--color-text-secondary)}.panel-resize-handle{position:relative;flex:0 0 auto;background:transparent}.panel-resize-handle.vertical{width:12px;cursor:col-resize}.panel-resize-handle.vertical.left-sidebar-handle{cursor:default;pointer-events:none}.panel-resize-handle.horizontal{height:12px;cursor:row-resize}.panel-resize-handle:after{content:"";position:absolute;border-radius:9999px;background:var(--color-border-medium);transition:background .12s ease}.panel-resize-handle.vertical:after{top:50%;left:50%;width:3px;height:48px;transform:translate(-50%,-50%)}.panel-resize-handle.horizontal:after{top:50%;left:50%;width:64px;height:3px;transform:translate(-50%,-50%)}.panel-resize-handle:hover:after,.panel-resize-handle:focus-visible:after{background:var(--color-accent-blue)}.viewport-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;gap:.35rem;color:var(--color-text-secondary)}.viewport-placeholder__badge{justify-self:center;padding:.2rem .55rem;border-radius:9999px;background:var(--color-bg-hover);color:var(--color-accent-blue);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.viewport-placeholder h2{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.viewport-placeholder p{margin:0;font-size:.9rem;color:var(--color-text-tertiary)}.viewport-placeholder__hints{display:flex;gap:.75rem;justify-content:center;font-size:.75rem;color:var(--color-text-tertiary);margin-top:.25rem}.viewport-placeholder__hints span{white-space:nowrap}.viewport-placeholder__action{justify-self:center;margin-top:1rem;padding:.75rem 1.5rem;border-radius:.5rem;border:2px solid var(--color-accent-blue);background:var(--color-bg-hover);color:var(--color-accent-blue);font-size:.9rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .2s ease;pointer-events:auto}.viewport-placeholder__action:hover{background:var(--color-bg-active);border-color:var(--color-accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.viewport-placeholder__action:active{transform:translateY(0)}.view-switcher{display:inline-flex;margin-left:auto;border:1px solid var(--color-border-medium);border-radius:6px;overflow:hidden;background:var(--color-bg-secondary)}.project-file-indicator{align-self:flex-end;margin:-34px 470px 4px auto;max-width:min(240px,22vw);padding:4px 10px;border:1px solid var(--color-border-subtle);border-radius:4px;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-map-save-indicator{align-self:flex-end;margin:-31px 122px 4px auto;max-width:min(340px,32vw);min-height:30px;display:flex;flex-direction:column;gap:1px;padding:3px 10px;border:1px solid var(--color-border-subtle);border-radius:4px;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:11px;overflow:hidden}.active-map-save-indicator__name,.active-map-save-indicator__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-map-save-indicator__name{color:var(--color-text-primary);font-weight:700}.active-map-save-indicator__dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#4da3ff;box-shadow:0 0 0 1px #ffffff47;vertical-align:middle}.view-switcher__tab{background:none;border:none;padding:6px 14px;font-size:12px;color:var(--color-text-secondary);cursor:pointer;border-right:1px solid var(--color-border-subtle)}.view-switcher__tab:last-child{border-right:none}.view-switcher__tab:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary, rgba(128, 128, 128, .1))}.view-switcher__tab.is-active{color:#fff;background:var(--color-accent-blue)}.splash-screen{display:grid;place-items:center;height:100vh;width:100vw;gap:1.25rem;background:radial-gradient(circle at top right,#1e293b,#0b1120);color:#e2e8f0;text-align:center}.splash-logo{font-size:2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.spinner{width:48px;height:48px;border:4px solid rgba(148,163,184,.35);border-top-color:#f59e0b;border-radius:999px;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:16px;right:16px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast{background:var(--bg-secondary, #252525);border:1px solid var(--border-color, #444);border-radius:6px;box-shadow:0 4px 12px #0006;overflow:hidden;animation:toast-slide-in .3s ease-out;pointer-events:auto;min-width:320px;max-width:100%}@keyframes toast-slide-in{0%{transform:translate(calc(100% + 20px));opacity:0}to{transform:translate(0);opacity:1}}.toast-info{border-left:4px solid #3b82f6}.toast-success{border-left:4px solid #10b981}.toast-warning{border-left:4px solid #f59e0b}.toast-error{border-left:4px solid #ef4444}.toast-header{display:flex;align-items:flex-start;gap:10px;padding:12px 14px}.toast-icon{font-size:18px;line-height:1;flex-shrink:0}.toast-message{flex:1;font-size:14px;font-weight:500;color:var(--text-primary, #ccc);line-height:1.4;word-wrap:break-word}.toast-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted, #888);font-size:24px;line-height:1;cursor:pointer;border-radius:3px;transition:all .15s ease;flex-shrink:0;padding:0}.toast-close:hover{background:#ffffff1a;color:var(--text-primary, #ccc)}.toast-close:active{transform:scale(.95)}.toast-details{padding:8px 14px;border-top:1px solid var(--border-color, #444);margin-top:4px}.toast-details pre{font-size:12px;font-family:Consolas,Monaco,monospace;color:var(--text-muted, #888);white-space:pre-wrap;word-wrap:break-word;margin:0;max-height:200px;overflow-y:auto}.toast-details pre::-webkit-scrollbar{width:6px}.toast-details pre::-webkit-scrollbar-track{background:var(--bg-primary, #1e1e1e);border-radius:3px}.toast-details pre::-webkit-scrollbar-thumb{background:var(--border-color, #444);border-radius:3px}.toast-details pre::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #666)}.toast-actions{display:flex;gap:8px;padding:8px 14px 12px}.toast-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-primary, #1e1e1e);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--text-primary, #ccc);font-size:12px;cursor:pointer;transition:all .15s ease;font-weight:500}.toast-action-btn:hover{background:var(--hover-bg, #3a3a3a);border-color:var(--accent-border, #1177bb)}.toast-action-btn:active{transform:scale(.98)}.toast-action-btn--primary{background:var(--color-primary, #1177bb);border-color:var(--color-primary, #1177bb);color:#fff;font-weight:600}.toast-action-btn--primary:hover{background:var(--color-primary-hover, #0d5fa3);border-color:var(--color-primary-hover, #0d5fa3)}.toast-progress{height:3px;background:linear-gradient(90deg,#3b82f64d,#3b82f6cc);animation:toast-progress-shrink linear forwards;transform-origin:left}.toast-info .toast-progress{background:linear-gradient(90deg,#3b82f64d,#3b82f6cc)}.toast-success .toast-progress{background:linear-gradient(90deg,#10b9814d,#10b981cc)}.toast-warning .toast-progress{background:linear-gradient(90deg,#f59e0b4d,#f59e0bcc)}.toast-error .toast-progress{background:linear-gradient(90deg,#ef44444d,#ef4444cc)}@keyframes toast-progress-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 768px){.toast-container{left:16px;right:16px;max-width:none}.toast{min-width:0}}.command-palette-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:10001;animation:palette-overlay-fade-in .15s ease-out}@keyframes palette-overlay-fade-in{0%{opacity:0}to{opacity:1}}.command-palette{width:600px;max-width:90vw;max-height:60vh;background:var(--bg-panel, #2b2d30);border:1px solid var(--border, #3f4144);border-radius:8px;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;animation:palette-slide-in .2s ease-out}@keyframes palette-slide-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.command-palette-header{padding:16px;border-bottom:1px solid var(--border, #3f4144)}.command-palette-input{width:100%;padding:10px 14px;background:var(--bg-input, #1e1f22);border:1px solid var(--border, #3f4144);border-radius:4px;color:var(--text, #cccccc);font-size:15px;font-family:inherit;outline:none;transition:border-color .2s}.command-palette-input:focus{border-color:var(--accent, #4a9eff)}.command-palette-input::placeholder{color:var(--text-muted, #6e7277)}.command-palette-results{flex:1;overflow-y:auto;padding:8px;min-height:200px;max-height:calc(60vh - 140px)}.command-palette-results::-webkit-scrollbar{width:8px}.command-palette-results::-webkit-scrollbar-track{background:var(--bg-panel, #2b2d30)}.command-palette-results::-webkit-scrollbar-thumb{background:var(--scrollbar, #4e5157);border-radius:4px}.command-palette-results::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover, #5e6167)}.command-palette-empty{padding:40px 20px;text-align:center;color:var(--text-muted, #6e7277);font-size:14px}.command-palette-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin-bottom:2px;border-radius:4px;cursor:pointer;transition:background .1s;gap:16px}.command-palette-item:hover,.command-palette-item.selected{background:var(--bg-hover, #37393d)}.command-palette-item.selected{border-left:3px solid var(--accent, #4a9eff);padding-left:9px}.command-item-left{flex:1;min-width:0}.command-item-label{color:var(--text, #cccccc);font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item-description{color:var(--text-muted, #6e7277);font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.command-item-category{padding:2px 8px;background:var(--bg-input, #1e1f22);color:var(--text-muted, #6e7277);font-size:11px;text-transform:uppercase;border-radius:3px;letter-spacing:.5px}.command-item-shortcut{padding:3px 8px;background:var(--bg-input, #1e1f22);color:var(--text-muted, #6e7277);font-size:11px;font-family:Courier New,monospace;border:1px solid var(--border, #3f4144);border-radius:3px;white-space:nowrap}.command-palette-footer{padding:10px 16px;border-top:1px solid var(--border, #3f4144);background:var(--bg-input, #1e1f22);border-radius:0 0 8px 8px}.command-palette-hint{color:var(--text-muted, #6e7277);font-size:12px;display:flex;align-items:center;gap:12px}@media (max-width: 768px){.command-palette-overlay{padding-top:10vh}.command-palette{width:95vw;max-height:70vh}.command-palette-input{font-size:16px}.command-item-right{flex-direction:column;align-items:flex-end;gap:4px}}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10002;animation:dialog-overlay-fade-in .15s ease-out}@keyframes dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}.dialog-box{width:450px;max-width:90vw;background:var(--bg-panel, #2b2d30);border:1px solid var(--border, #3f4144);border-radius:8px;box-shadow:0 12px 40px #000000b3;animation:dialog-slide-up .2s ease-out}@keyframes dialog-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border, #3f4144)}.dialog-icon{font-size:24px;line-height:1;flex-shrink:0}.dialog-title{margin:0;font-size:18px;font-weight:600;color:var(--text, #cccccc)}.dialog-body{padding:24px}.dialog-message{margin:0;font-size:14px;line-height:1.6;color:var(--text, #cccccc);white-space:pre-wrap}.dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border, #3f4144);background:var(--bg-input, #1e1f22);border-radius:0 0 8px 8px}.dialog-button{padding:8px 20px;font-size:14px;font-weight:500;border:1px solid var(--border, #3f4144);border-radius:4px;cursor:pointer;transition:all .2s;font-family:inherit;outline:none}.dialog-button:focus{box-shadow:0 0 0 2px #4a9eff66}.dialog-button-cancel{background:var(--bg-panel, #2b2d30);color:var(--text, #cccccc)}.dialog-button-cancel:hover{background:var(--bg-hover, #37393d)}.dialog-button-confirm{background:var(--accent, #4a9eff);color:#fff;border-color:var(--accent, #4a9eff)}.dialog-button-confirm:hover{background:#3a8eef}.dialog-button-confirm.dialog-button-danger{background:#e53935;border-color:#e53935}.dialog-button-confirm.dialog-button-danger:hover{background:#d32f2f}.dialog-button-confirm.dialog-button-warning{background:#fb8c00;border-color:#fb8c00;color:#1e1f22}.dialog-button-confirm.dialog-button-warning:hover{background:#f57c00}.dialog-box.dialog-danger{border-color:#e53935}.dialog-box.dialog-warning{border-color:#fb8c00}.dialog-box.dialog-info{border-color:var(--accent, #4a9eff)}@media (max-width: 768px){.dialog-box{width:95vw}.dialog-header{padding:16px 20px}.dialog-body{padding:20px}.dialog-footer{padding:14px 20px;flex-direction:column-reverse}.dialog-button{width:100%}}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#111827;color:#f9fafb}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{display:flex;background:radial-gradient(circle at top left,#1f2937,#0f172a)}button,input,select{font:inherit}:root{--color-bg-primary: #2b2b2b;--color-bg-secondary: #3c3c3c;--color-bg-tertiary: #4a4a4a;--color-bg-elevated: #525252;--color-bg-hover: #5a5a5a;--color-bg-active: #626262;--color-surface-dark: #1e1e1e;--color-surface-medium: #2b2b2b;--color-surface-light: #3c3c3c;--color-border-subtle: #4a4a4a;--color-border-medium: #5a5a5a;--color-border-strong: #6a6a6a;--color-border-focus: #4a9eff;--color-text-primary: #e8e8e8;--color-text-secondary: #b8b8b8;--color-text-tertiary: #8a8a8a;--color-text-disabled: #5a5a5a;--color-text-inverse: #1e1e1e;--color-accent-blue: #4a9eff;--color-accent-blue-hover: #5cadff;--color-accent-blue-active: #3a8eef;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--color-tool-pencil: #4a9eff;--color-tool-rect: #66bb6a;--color-tool-fill: #ffa726;--color-tool-eraser: #ef5350;--color-tool-eyedropper: #ab47bc;--color-tool-stamp: #ffca28;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "Consolas", "Monaco", "Courier New", monospace;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-base: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 2px;--radius-base: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-base: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .6);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .7);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-tooltip: 500;--z-notification: 600;--transition-fast: .1s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--toolbar-width: 56px;--toolbar-icon-size: 24px;--toolbar-item-size: 40px;--sidebar-min-width: 240px;--sidebar-max-width: 480px;--status-bar-height: 24px;--panel-header-height: 32px;--grid-color: rgba(255, 255, 255, .15);--grid-color-major: rgba(255, 255, 255, .25)}[data-theme=light]{--color-bg-primary: #f5f5f5;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e8e8e8;--color-bg-elevated: #fafafa;--color-bg-hover: #eeeeee;--color-bg-active: #e0e0e0;--color-surface-dark: #e0e0e0;--color-surface-medium: #f5f5f5;--color-surface-light: #ffffff;--color-border-subtle: #e0e0e0;--color-border-medium: #bdbdbd;--color-border-strong: #9e9e9e;--color-text-primary: #212121;--color-text-secondary: #616161;--color-text-tertiary: #9e9e9e;--color-text-disabled: #bdbdbd;--color-text-inverse: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-base: 0 2px 4px rgba(0, 0, 0, .12);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .18);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .2);--grid-color: rgba(0, 0, 0, .08);--grid-color-major: rgba(0, 0, 0, .15)}[data-theme=high-contrast]{--color-bg-primary: #000000;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: #2d2d2d;--color-bg-elevated: #3a3a3a;--color-bg-hover: #4a4a4a;--color-bg-active: #5a5a5a;--color-border-subtle: #ffffff;--color-border-medium: #ffffff;--color-border-strong: #ffffff;--color-border-focus: #00ff00;--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-text-tertiary: #b0b0b0;--color-text-disabled: #707070;--color-accent-blue: #00ccff;--color-accent-blue-hover: #00ddff;--color-accent-blue-active: #00aadd}.ds-button{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-base);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);-webkit-user-select:none;user-select:none}.ds-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.ds-button:active{background:var(--color-bg-active);transform:translateY(1px)}.ds-button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.ds-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ds-button-primary{background:var(--color-accent-blue);color:var(--color-text-inverse);border-color:var(--color-accent-blue)}.ds-button-primary:hover{background:var(--color-accent-blue-hover);border-color:var(--color-accent-blue-hover)}.ds-button-primary:active{background:var(--color-accent-blue-active)}.ds-button-icon{padding:var(--spacing-sm);width:var(--toolbar-item-size);height:var(--toolbar-item-size);border-radius:var(--radius-base)}.ds-input{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface-dark);border:1px solid var(--color-border-medium);border-radius:var(--radius-base);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.ds-input:hover{border-color:var(--color-border-strong)}.ds-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px #4a9eff33}.ds-input::placeholder{color:var(--color-text-tertiary)}.ds-input:disabled{opacity:.5;cursor:not-allowed}.ds-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-base);overflow:hidden}.ds-panel-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-sm) var(--spacing-md);height:var(--panel-header-height);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ds-panel-body{padding:var(--spacing-md);overflow:auto}.ds-tabs{display:flex;gap:var(--spacing-xs);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-xs)}.ds-tab{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-base);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.ds-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ds-tab.active{background:var(--color-bg-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.ds-tooltip{position:absolute;background:var(--color-surface-dark);color:var(--color-text-primary);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-base);border:1px solid var(--color-border-medium);box-shadow:var(--shadow-md);z-index:var(--z-tooltip);pointer-events:none;white-space:nowrap;max-width:300px}.ds-separator{width:100%;height:1px;background:var(--color-border-subtle);margin:var(--spacing-sm) 0}.ds-separator-vertical{width:1px;height:100%;background:var(--color-border-subtle);margin:0 var(--spacing-sm)}.ds-badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background:var(--color-accent-blue);border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-sm);min-width:20px;height:20px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-base);border:2px solid var(--color-bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-bg-elevated)}::selection{background:var(--color-accent-blue);color:var(--color-text-inverse)}*:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.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-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-disabled{color:var(--color-text-disabled)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-base{gap:var(--spacing-base)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-base{padding:var(--spacing-base)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-base{margin:var(--spacing-base)}:root{--spacing-base: 8px;--spacing-xs: calc(var(--spacing-base) * .5);--spacing-sm: var(--spacing-base);--spacing-md: calc(var(--spacing-base) * 2);--spacing-lg: calc(var(--spacing-base) * 3);--spacing-xl: calc(var(--spacing-base) * 4);--spacing-2xl: calc(var(--spacing-base) * 5);--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-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.75;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-ease: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--theme-panelBg: #2c2c2c;--theme-cardBg: #333333;--theme-inputBg: #3a3a3a;--theme-overlayBg: rgba(0, 0, 0, .7);--theme-borderColor: #444444;--theme-borderColorActive: #4a9eff;--theme-textPrimary: #e0e0e0;--theme-textSecondary: #b0b0b0;--theme-textTertiary: #888888;--theme-textDisabled: #555555;--theme-primary: #4a9eff;--theme-primaryHover: #6bb0ff;--theme-success: #28a745;--theme-warning: #ffc107;--theme-error: #dc3545;--theme-info: #17a2b8;--theme-buttonBg: #3a3a3a;--theme-buttonHoverBg: #454545;--theme-buttonActiveBg: #505050;--theme-scrollbarThumb: #555555;--theme-scrollbarTrack: #2c2c2c;--theme-hoverBg: rgba(255, 255, 255, .05);--theme-activeBg: rgba(255, 255, 255, .1);--theme-selectedBg: rgba(74, 158, 255, .2);--theme-focusOutline: #4a9eff;--theme-shadow-small: 0 1px 3px rgba(0, 0, 0, .5);--theme-shadow-medium: 0 4px 6px rgba(0, 0, 0, .5);--theme-shadow-large: 0 10px 20px rgba(0, 0, 0, .6);--theme-shadow-focus: 0 0 0 3px rgba(74, 158, 255, .4)}:root[data-font-scale="90"]{font-size:90%}:root[data-font-scale="100"]{font-size:100%}:root[data-font-scale="125"]{font-size:125%}:root[data-font-scale="150"]{font-size:150%}:root[data-density=comfortable]{--spacing-base: 8px;--button-padding: 8px 16px;--panel-padding: 20px;--input-padding: 10px 12px}:root[data-density=compact]{--spacing-base: 4px;--button-padding: 4px 8px;--panel-padding: 12px;--input-padding: 6px 8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] *:before,:root[data-reduce-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.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}:focus-visible{outline:3px solid var(--theme-focusOutline);outline-offset:2px;border-radius:var(--radius-sm)}:root[data-theme=high-contrast] :focus-visible{outline:4px solid #ffff00;outline-offset:4px}.skip-link{position:absolute;top:-40px;left:0;background:var(--theme-primary);color:#fff;padding:8px 16px;text-decoration:none;border-radius:var(--radius-md);z-index:var(--z-tooltip);font-weight:var(--font-weight-semibold)}.skip-link:focus{top:8px;left:8px;outline:3px solid var(--theme-focusOutline);outline-offset:2px}