:root{--bg-base: #1a1b1e;--bg-surface: #25262b;--bg-elevated: #2c2e33;--bg-overlay: #373a40;--border-subtle: #373a40;--border-default: #4a4d54;--border-focus: #5c7cfa;--text-primary: #e0e0e0;--text-secondary: #909296;--text-muted: #5c5f66;--text-accent: #74b3ff;--accent: #5c7cfa;--accent-hover: #748ffc;--accent-subtle: rgba(92, 124, 250, .12);--danger: #ff6b6b;--danger-hover: #ff8787;--success: #51cf66;--warning: #fcc419;--tab-bg: transparent;--tab-bg-active: var(--accent-subtle);--tab-text: var(--text-secondary);--tab-text-active: var(--text-accent);--tab-border-active: var(--accent);--statusbar-bg: #16171a;--statusbar-text: var(--text-secondary);--statusbar-divider: var(--border-subtle);--topbar-height: 40px;--statusbar-height: 24px;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", "Consolas", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 4px;--radius-md: 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:13px;line-height:1.4;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased}.app-layout{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;height:var(--topbar-height);min-height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:0 8px;gap:2px;-webkit-user-select:none;user-select:none}.topbar-tabs{display:flex;gap:2px;flex:1}.topbar-actions{display:flex;gap:6px;align-items:center;margin-left:auto}.pack-split-btn{display:flex;align-items:stretch;height:28px}.pack-btn{display:flex;align-items:center;gap:5px;height:28px;padding:0 12px;border:1px solid var(--accent);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:transparent;color:var(--accent);font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.pack-btn:hover:not(:disabled){background:var(--accent);color:var(--bg-surface)}.pack-btn:disabled{opacity:.7;cursor:default}.pack-btn svg{flex-shrink:0}.pack-btn--stale{border-color:var(--warning);color:var(--warning)}.pack-btn--stale:hover:not(:disabled){background:var(--warning);color:var(--bg-surface)}.pack-stale-dot{width:6px;height:6px;border-radius:50%;background:var(--warning);flex-shrink:0}.pack-download-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--accent);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:transparent;color:var(--accent);cursor:pointer;transition:background .15s,color .15s}.pack-download-btn:hover:not(:disabled){background:var(--accent);color:var(--bg-surface)}.pack-download-btn:disabled{opacity:.35}.pack-download-btn--stale{border-color:var(--warning);color:var(--warning)}.pack-download-btn--stale:hover:not(:disabled){background:var(--warning);color:var(--bg-surface)}@keyframes pack-spin{to{transform:rotate(360deg)}}.pack-spinner{animation:pack-spin .8s linear infinite}.pack-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 6px);box-shadow:0 8px 24px #00000059;z-index:900;overflow:hidden;font-family:var(--font-sans)}.pack-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-inset, var(--bg-surface))}.pack-panel-title{font-size:12px;font-weight:600;color:var(--text-primary, #e0e0e0);letter-spacing:.03em}.pack-panel-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary, #888);font-size:16px;line-height:1;cursor:pointer}.pack-panel-close:hover{background:var(--bg-hover);color:var(--text-primary, #e0e0e0)}.pack-panel-body{padding:8px 12px 12px}.pack-panel-log{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.pack-log-line{font-size:11px;color:var(--text-secondary, #aaa);font-family:var(--font-mono, monospace);line-height:1.5;white-space:pre-wrap}.pack-log-spinner{color:var(--accent);animation:pack-pulse 1s ease-in-out infinite}@keyframes pack-pulse{0%,to{opacity:.4}50%{opacity:1}}.pack-log-error{color:var(--danger, #e55)}.pack-panel-summary{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.pack-summary-size{font-size:18px;font-weight:700;color:var(--accent);letter-spacing:-.02em}.pack-summary-counts{font-size:11px;color:var(--text-secondary, #888);margin-top:2px;line-height:1.4}.publish-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:950}.publish-dialog{width:360px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 6px);box-shadow:0 8px 24px #00000059;overflow:hidden;font-family:var(--font-sans)}.publish-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-inset, var(--bg-surface))}.publish-dialog-title{font-size:12px;font-weight:600;color:var(--text-primary, #e0e0e0);letter-spacing:.03em}.publish-dialog-body{padding:12px}.publish-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary, #888);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.publish-label--tags{margin-top:12px}.publish-input{display:block;width:100%;padding:6px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-inset, #1a1a1a);color:var(--text-primary, #e0e0e0);font-size:12px;font-family:var(--font-mono, monospace);outline:none;box-sizing:border-box}.publish-input:focus{border-color:var(--accent)}.publish-input:disabled{opacity:.5}.publish-hint{font-size:10px;color:var(--text-tertiary, #666);margin-top:2px}.publish-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.publish-tag-pill{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border-radius:3px;background:var(--accent-dim, rgba(100, 160, 255, .15));color:var(--accent);font-size:10px;font-family:var(--font-mono, monospace)}.publish-tag-remove{cursor:pointer;margin-left:2px;opacity:.6}.publish-tag-remove:hover{opacity:1}.publish-error{margin-top:8px;padding:6px 8px;border-radius:var(--radius-sm);background:#dc32321f;color:var(--danger, #e55);font-size:11px;font-family:var(--font-mono, monospace)}.publish-dialog-footer{display:flex;justify-content:flex-end;gap:6px;padding:8px 12px;border-top:1px solid var(--border-subtle)}.publish-btn{padding:5px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary, #e0e0e0);font-size:11px;font-weight:600;cursor:pointer;letter-spacing:.03em}.publish-btn:hover{background:var(--bg-hover)}.publish-btn:disabled{opacity:.4;cursor:default}.publish-btn--confirm{background:var(--accent);color:#fff;border-color:var(--accent)}.publish-btn--confirm:hover{filter:brightness(1.1);background:var(--accent)}.publish-btn--confirm:disabled{filter:none}.publish-btn--cancel{background:transparent}.publish-success{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0;text-align:center}.publish-success-icon{margin-bottom:2px}.publish-success-text{font-size:12px;color:var(--text-primary, #e0e0e0);line-height:1.5}.publish-success-text code{padding:1px 4px;border-radius:3px;background:var(--bg-inset, #1a1a1a);font-family:var(--font-mono, monospace);font-size:11px}.publish-success-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.pack-publish-btn{display:flex;align-items:center;justify-content:center;height:26px;padding:0 8px;gap:4px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary, #888);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;white-space:nowrap}.pack-publish-btn:hover{background:var(--bg-hover);color:var(--text-primary, #e0e0e0)}.pack-publish-btn:disabled{opacity:.4;cursor:default}.tab-btn{display:flex;align-items:center;height:30px;padding:0 12px;border:none;border-radius:var(--radius-sm);background:var(--tab-bg);color:var(--tab-text);font-family:var(--font-sans);font-size:12px;font-weight:500;cursor:pointer;transition:background .1s,color .1s;white-space:nowrap}.tab-btn:hover{background:var(--bg-overlay);color:var(--text-primary)}.tab-btn[data-active=true]{background:var(--tab-bg-active);color:var(--tab-text-active);box-shadow:inset 0 -2px 0 var(--tab-border-active)}.btn{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-sans);font-size:11px;font-weight:500;cursor:pointer;transition:background .1s,border-color .1s;white-space:nowrap}.btn:hover{background:var(--bg-overlay);border-color:var(--border-focus)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn--accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.main-content{flex:1;overflow:hidden;position:relative}.tab-panel{display:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.tab-panel[data-active=true]{display:flex}.tab-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-mono);font-size:14px}.statusbar{display:flex;align-items:center;height:var(--statusbar-height);min-height:var(--statusbar-height);background:var(--statusbar-bg);border-top:1px solid var(--statusbar-divider);padding:0 10px;gap:12px;font-family:var(--font-mono);font-size:11px;color:var(--statusbar-text);-webkit-user-select:none;user-select:none}.statusbar-item{white-space:nowrap}.statusbar-spacer{flex:1}.statusbar-text{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.statusbar-dot{width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0}.statusbar-dot--off{background:var(--text-muted)}.statusbar-hash{font-family:var(--font-mono);opacity:.6}.statusbar-hash--stale{color:var(--warning);opacity:1}.panel-resize-handle{width:4px;cursor:col-resize;background:transparent;transition:background .15s;flex-shrink:0}.panel-resize-handle:hover,.panel-resize-handle.dragging{background:var(--accent)}.resizable-panel{display:flex;flex-shrink:0}.resizable-panel__content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-default)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.tileset-picker{overflow:auto;flex:1;background:var(--bg-base)}.tileset-picker-inner{position:relative;display:inline-block}.tileset-picker-canvas{display:block;image-rendering:pixelated;cursor:crosshair}.tileset-picker-overlay{position:absolute;border:2px solid #e94560;background:#e9456033;pointer-events:none;display:none;z-index:10}.tileset-picker-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:12px}.filterable-list{display:flex;flex-direction:column;overflow:hidden}.filterable-list-input{width:100%;height:28px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;outline:none;flex-shrink:0}.filterable-list-input:focus{border-color:var(--border-focus)}.filterable-list-area-row{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:11px;color:var(--text-secondary);flex-shrink:0}.filterable-list-area-slider{flex:1;height:4px;accent-color:var(--accent)}.filterable-list-area-value{min-width:36px;text-align:right;font-family:var(--font-mono);font-size:10px}.filterable-list-items{flex:1;overflow-y:auto;margin-top:4px}.filterable-list-item{display:flex;align-items:center;justify-content:space-between;height:26px;padding:0 8px;cursor:pointer;font-size:12px;color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filterable-list-item:hover{background:var(--bg-overlay)}.filterable-list-item.selected{background:var(--accent-subtle);color:var(--text-accent)}.filterable-list-item.focused{outline:1px solid var(--border-focus);outline-offset:-1px}.filterable-list-item-label{overflow:hidden;text-overflow:ellipsis}.semantic-distance{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-left:8px;flex-shrink:0}.filterable-list-cap-notice{text-align:center;font-size:11px;color:var(--text-muted);padding:6px 0}.filterable-list-empty{text-align:center;font-size:11px;color:var(--text-muted);padding:12px 0}.flt-tree-folder{display:flex;align-items:center;gap:4px;height:24px;cursor:pointer;font-size:12px;color:var(--text-secondary);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none}.flt-tree-folder:hover{background:var(--bg-overlay);color:var(--text-primary)}.flt-tree-arrow{display:inline-block;font-size:8px;width:12px;text-align:center;flex-shrink:0;transition:transform .15s ease;color:var(--text-muted)}.flt-tree-arrow.open{transform:rotate(90deg)}.flt-tree-folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.flt-tree-count{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);margin-right:6px;flex-shrink:0}.flt-tree-file{display:flex;align-items:center;height:24px;cursor:pointer;font-size:12px;color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden}.flt-tree-file:hover{background:var(--bg-overlay)}.flt-tree-file.selected{background:var(--accent-subtle);color:var(--text-accent)}.flt-tree-file-label{overflow:hidden;text-overflow:ellipsis;padding-left:16px}.tag-input-wrap{display:flex;flex-direction:column;gap:4px}.tag-input{position:relative;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);padding:3px 4px;cursor:text;min-height:26px;display:flex;flex-direction:column;gap:3px}.tag-input:focus-within{border-color:var(--border-focus)}.tag-input-pills{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.tag-input-pill{display:inline-flex;align-items:center;gap:0;height:18px;padding:0 5px;background:var(--accent-subtle);color:var(--text-accent);border-radius:9px;font-size:10px;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.01em}.tag-input-pill-key{opacity:.6}.tag-input-pill-sep{opacity:.35;margin:0 1px}.tag-input-pill-value{font-weight:500}.tag-input-pill-remove{cursor:pointer;opacity:.5;font-size:12px;line-height:1;margin-left:3px;transition:opacity .1s}.tag-input-pill-remove:hover{opacity:1}.tag-input-field{border:none;outline:none;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:11px;height:20px;padding:0;width:100%}.tag-input-field--single{min-width:60px}.tag-input-suggestions{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);margin-top:2px;max-height:160px;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.tag-input-suggestion{padding:4px 8px;font-size:11px;cursor:pointer;color:var(--text-primary)}.tag-input-suggestion:hover,.tag-input-suggestion.focused{background:var(--accent-subtle);color:var(--text-accent)}.tag-input-suggestion-key{opacity:.6}.resource-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;transition:border-color .1s,background .1s;overflow:hidden;min-width:0}.resource-card:hover{border-color:var(--border-default);background:var(--bg-elevated)}.resource-card.selected{border-color:var(--accent);background:var(--accent-subtle)}.resource-card-canvas{image-rendering:pixelated;flex-shrink:0}.resource-card-empty{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:10px;border:1px dashed var(--border-subtle);border-radius:var(--radius-sm)}.resource-card-name{font-size:11px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.resource-card-tags{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.cutter-layout{display:flex;flex:1;height:100%;overflow:hidden}.cutter-left{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;gap:0;border-right:1px solid var(--border-subtle);height:100%}.cutter-left__tilesets{flex:0 1 50%;min-height:120px;overflow:hidden;display:flex;flex-direction:column}.cutter-left__tilesets .filterable-list{flex:1;min-height:0}.cutter-left__resources{flex:1 1 50%;min-height:80px;overflow:hidden;display:flex;flex-direction:column;border-top:1px solid var(--border-subtle)}.cutter-center{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.cutter-canvas-wrap{flex:1;overflow:auto;position:relative}.cutter-canvas-inner{position:relative;display:inline-block}.cutter-canvas{display:block;image-rendering:pixelated}.cutter-canvas-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:12px}.cutter-right{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;gap:8px;padding:8px;border-left:1px solid var(--border-subtle);height:100%}.cutter-toolbar-wrap{display:flex;flex-direction:column;flex-shrink:0;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.cutter-toolbar{display:flex;flex-direction:row;gap:8px;padding:4px 8px;align-items:center;justify-content:space-between;flex-shrink:0}.cutter-toolbar__tagbar{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;padding:2px 8px 4px;border-top:1px solid var(--border-subtle)}.cutter-toolbar__group{display:flex;flex-direction:row;gap:4px;align-items:center}.cutter-toolbar__toggle{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none}.cutter-toolbar__toggle:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-overlay)}.cutter-toolbar__toggle.active{color:var(--text-accent);border-color:var(--accent);background:var(--accent-subtle)}.cutter-toolbar__toggle svg{flex-shrink:0}.cutter-toolbar__label{font-size:11px;color:var(--text-secondary);white-space:nowrap}.cutter-toolbar__tag-input{width:180px;min-width:180px;max-width:180px;flex-shrink:0}.cutter-toolbar__tag-input .tag-input{border:none;background:none;padding:0;min-height:0}.cutter-toolbar__tag-input .tag-input-field{font-size:11px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);padding:2px 6px;height:24px}.cutter-toolbar__tag-input .tag-input-field:focus{border-color:var(--border-focus)}.cutter-toolbar__popup-anchor{position:relative}.cutter-toolbar__popup{position:absolute;top:calc(100% + 4px);right:0;z-index:100;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px;min-width:200px;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 12px #0000004d}.cutter-toolbar__popup--wide{min-width:260px;max-height:300px;overflow-y:auto}.cutter-toolbar__popup-title{font-size:12px;font-weight:600;color:var(--text-secondary);padding-bottom:4px;border-bottom:1px solid var(--border-subtle)}.cutter-toolbar__popup-input{width:100%;box-sizing:border-box;padding:4px 6px;font-size:13px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary)}.cutter-toolbar__popup-input:focus{outline:none;border-color:var(--accent)}.cutter-toolbar__popup-empty{font-size:12px;color:var(--text-muted);text-align:center;padding:8px 0}.cutter-toolbar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;font-size:10px;font-weight:600;background:var(--accent);color:#fff;border-radius:8px}.cutter-toolbar__mask-item{display:flex;flex-direction:row;align-items:center;gap:6px;padding:4px;font-size:13px;border-radius:var(--radius-sm);transition:background .1s}.cutter-toolbar__mask-item:hover{background:var(--bg-elevated)}.cutter-toolbar__mask-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cutter-toolbar__mask-info{color:var(--text-muted);font-size:11px}.cutter-toolbar__mask-delete{opacity:.4;transition:opacity .15s}.cutter-toolbar__mask-item:hover .cutter-toolbar__mask-delete{opacity:1}.cutter-toolbar__popup-hint{font-size:11px;color:var(--text-muted);font-style:italic;padding:0 2px}.cutter-drag-overlay{position:absolute;pointer-events:none;background:#5c7cfa40;border:2px solid var(--accent);display:none;z-index:10}.cutter-seq-overlay{position:absolute;pointer-events:none;background:#5c7cfa26;border:2px dashed var(--accent);display:none;z-index:10}.cutter-pending-overlay{position:absolute;pointer-events:none;background:#5c7cfa26;border:2px solid var(--accent);display:none;z-index:10;animation:cutter-pulse 1.5s ease-in-out infinite}@keyframes cutter-pulse{0%,to{opacity:.5}50%{opacity:.8}}.cutter-section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-muted);padding:6px 0;letter-spacing:.5px}.cutter-count{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:0 6px;font-size:11px}.cutter-cut-list{display:flex;flex-direction:column}.cutter-cut-list__items{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.cutter-cut-list__empty{color:var(--text-muted);font-size:12px;padding:4px}.cutter-cut-item{display:flex;flex-direction:row;align-items:center;gap:6px;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;transition:background .1s}.cutter-cut-item:hover{background:var(--bg-elevated)}.cutter-cut-item--selected{background:var(--bg-elevated);outline:1px solid var(--accent)}.cutter-cut-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cutter-cut-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cutter-cut-info{color:var(--text-muted);font-size:11px;flex-shrink:0}.cutter-cut-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:0 2px;transition:color .1s}.cutter-cut-remove:hover{color:var(--danger)}.cutter-assign-form{padding:8px 0}.cutter-assign-form--active{background:var(--bg-surface);border-radius:var(--radius-sm);padding:10px}.cutter-assign-hint{color:var(--text-muted);font-size:12px;font-style:italic}.cutter-assign-info{font-size:12px;color:var(--text-secondary);margin-bottom:6px}.cutter-assign-preview{display:block;margin:0 auto 8px;border:1px solid var(--border-subtle);border-radius:3px}.cutter-assign-field{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;font-size:12px;color:var(--text-muted)}.cutter-assign-field input[type=text]{background:var(--bg-base);border:1px solid var(--border-subtle);padding:4px 8px;color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:12px;outline:none}.cutter-assign-field input[type=text]:focus{border-color:var(--border-focus)}.cutter-assign-actions{display:flex;flex-direction:row;gap:6px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.cutter-previews{display:flex;flex-direction:column}.cutter-fps-label{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:11px;font-weight:400;color:var(--text-muted)}.cutter-fps-slider{width:80px;accent-color:var(--accent)}.cutter-previews__empty{color:var(--text-muted);font-size:12px}.cutter-previews__grid{display:flex;flex-wrap:wrap;gap:8px}.cutter-preview-item{display:flex;flex-direction:column;align-items:center;gap:2px}.cutter-preview-canvas{border:1px solid var(--border-subtle);border-radius:3px;image-rendering:pixelated}.cutter-preview-label{font-size:10px;color:var(--text-muted);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cutter-save-controls{padding:0 0 4px;flex-shrink:0}.cutter-save-btn{width:100%;font-size:12px;padding:6px 12px}.cutter-save-status{font-size:12px;color:var(--text-muted);margin-top:4px}.cutter-mask-panel{display:flex;flex-direction:column}.cutter-mask-item{display:flex;flex-direction:row;align-items:center;gap:6px;padding:4px 6px;font-size:13px;border-radius:var(--radius-sm);transition:background .1s}.cutter-mask-item:hover{background:var(--bg-elevated)}.cutter-mask-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cutter-mask-info{color:var(--text-muted);font-size:11px}.cutter-saved-resources{display:flex;flex-direction:column}.cutter-saved-resources__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:4px 0}.cutter-saved-thumb{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;border:1px solid var(--border-subtle);border-radius:3px;padding:2px;transition:border-color .1s,background .1s}.cutter-saved-thumb:hover{background:var(--bg-elevated);border-color:var(--border)}.cutter-saved-thumb--selected{border-color:var(--accent);background:var(--bg-elevated)}.cutter-saved-thumb__canvas{image-rendering:pixelated;display:block}.cutter-saved-thumb__label{font-size:9px;color:var(--text-muted);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.1}.cutter-shared-tags{padding:4px 0}.resources-tab{display:flex;flex:1;overflow:hidden}.resources-tab--loading{align-items:center;justify-content:center}.resources-loading{color:var(--text-muted);font-size:13px}.resources-facet-panel{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;border-right:1px solid var(--border-subtle);background:var(--bg-surface);overflow:hidden}.resources-active-filters{padding:8px 10px;border-bottom:1px solid var(--border-subtle);background:var(--bg-base)}.resources-active-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.resources-active-filters-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.resources-clear-btn{background:none;border:none;color:var(--text-accent);font-size:10px;cursor:pointer;padding:0}.resources-clear-btn:hover{text-decoration:underline}.resources-filter-pills{display:flex;flex-wrap:wrap;gap:4px}.resources-filter-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:3px;background:var(--accent-subtle);color:var(--text-accent);font-size:11px;line-height:1.3}.resources-pill-text{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resources-pill-remove{cursor:pointer;font-size:13px;line-height:1;opacity:.7;transition:opacity .1s}.resources-pill-remove:hover{opacity:1}.resources-facet-groups{flex:1;overflow-y:auto;padding:2px 0 8px}.resources-facets-empty{color:var(--text-muted);font-size:12px;padding:16px 10px;text-align:center;font-style:italic}.resources-facet-group{margin-bottom:2px}.resources-facet-group-header{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:10px 10px 4px;font-weight:600;border-top:1px solid var(--border-subtle)}.resources-facet-group:first-child .resources-facet-group-header{border-top:none}.resources-facet-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 10px;border:none;background:none;color:var(--text-primary);font-family:var(--font-sans);font-size:12px;cursor:pointer;transition:background .1s;text-align:left}.resources-facet-item:hover{background:var(--bg-elevated)}.resources-facet-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.resources-facet-count{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);margin-left:8px;flex-shrink:0;min-width:20px;text-align:right}.resources-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.resources-grid-container{display:flex;flex-direction:column;flex:1;overflow:hidden}.resources-toolbar{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0}.resources-search-input{width:200px;height:26px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;outline:none}.resources-search-input:focus{border-color:var(--border-focus)}.resources-result-count{font-size:11px;color:var(--text-secondary);white-space:nowrap}.resources-pagination{display:flex;align-items:center;gap:4px;margin-left:auto}.resources-page-btn{min-width:24px;padding:0 4px;font-size:14px}.resources-page-label{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);min-width:50px;text-align:center}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-content:start;gap:8px;padding:10px;overflow-y:auto;flex:1}.resources-grid-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-muted);font-size:12px;padding:20px;text-align:center}.resources-grid-card{display:flex;flex-direction:column;align-items:center;padding:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);transition:border-color .1s,background .1s;cursor:pointer;overflow:hidden}.resources-grid-card:hover{border-color:var(--border-default);background:var(--bg-elevated)}.resources-grid-card.selected{border-color:var(--accent);background:var(--accent-subtle)}.resources-grid-card .resource-card-canvas{image-rendering:pixelated;margin-bottom:6px}.resources-grid-card .resource-card-name{font-size:11px;font-weight:500;color:var(--text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.resources-grid-card .resource-card-tags{font-size:10px;color:var(--text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px}.resources-detail{display:flex;flex-direction:column;height:100%;background:var(--bg-surface);border-left:1px solid var(--border-subtle);overflow:hidden}.resources-detail__header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.resources-detail__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.resources-detail__close{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:0 2px;line-height:1;transition:color .1s}.resources-detail__close:hover{color:var(--text-primary)}.resources-detail__body{flex:1;overflow-y:auto;padding:10px}.resources-detail__preview{display:flex;justify-content:center;padding:8px 0 12px}.resources-detail__preview canvas{border:1px solid var(--border-subtle);border-radius:3px}.resources-detail__info{font-size:11px;color:var(--text-secondary);text-align:center;margin-bottom:10px}.resources-detail__field{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;font-size:12px;color:var(--text-muted)}.resources-detail__field input[type=text]{background:var(--bg-base);border:1px solid var(--border-subtle);padding:4px 8px;color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:12px;outline:none}.resources-detail__field input[type=text]:focus{border-color:var(--border-focus)}.resources-detail__actions{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--border-subtle);flex-shrink:0}.resources-detail__actions .btn{flex:1;font-size:11px}.composite-tab{display:flex;flex:1;overflow:hidden}.composite-left{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;border-right:1px solid var(--border-subtle);background:var(--bg-surface)}.composite-tileset-select{flex-shrink:0;border-bottom:1px solid var(--border-subtle);max-height:180px;overflow:hidden}.composite-picker-toolbar{display:flex;align-items:center;gap:8px;padding:4px 8px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.composite-picker-label{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;cursor:pointer}.composite-selection-info{font-size:11px;color:var(--text-accent);margin-left:auto}.composite-tileset-picker{flex:1;overflow:auto}.composite-workspace{flex:1;display:flex;flex-direction:column;overflow:hidden}.composite-workspace-toolbar{display:flex;align-items:center;gap:8px;padding:4px 8px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0}.composite-ws-label{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;cursor:pointer}.composite-canvas-scroll{flex:1;overflow:auto;padding:8px}.composite-canvas-inner{position:relative;display:inline-block}.composite-canvas{display:block;image-rendering:pixelated;cursor:crosshair}.composite-part-overlay{border:1px solid transparent;cursor:pointer;transition:border-color .1s;z-index:10}.composite-part-overlay:hover{border-color:#ffffff4d}.composite-part-overlay.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.composite-right{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;border-left:1px solid var(--border-subtle);background:var(--bg-surface);overflow-y:auto}.composite-details{display:flex;flex-direction:column;padding:8px;gap:8px;border-bottom:1px solid var(--border-subtle)}.composite-details-section{display:flex;flex-direction:column;gap:3px}.composite-field-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.composite-name-input,.composite-saved-search{height:26px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;outline:none}.composite-name-input:focus,.composite-saved-search:focus{border-color:var(--border-focus)}.composite-category-select{height:26px;padding:0 6px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;outline:none}.composite-parts-header{display:flex;align-items:center;justify-content:space-between}.composite-parts-empty{font-size:12px;color:var(--text-muted);padding:4px 0}.composite-parts-list{display:flex;flex-direction:column;gap:1px;max-height:200px;overflow-y:auto}.composite-part-item{display:flex;align-items:center;gap:4px;padding:3px 4px;font-size:11px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.composite-part-item:hover{background:var(--bg-elevated)}.composite-part-item.selected{background:var(--accent-subtle)}.composite-part-idx{width:16px;text-align:center;font-size:10px;color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0}.composite-part-info{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composite-part-actions{display:flex;gap:1px;flex-shrink:0}.composite-part-actions button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:8px;padding:1px 3px;transition:color .1s}.composite-part-actions button:hover{color:var(--text-primary)}.composite-part-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:0 2px;flex-shrink:0;transition:color .1s}.composite-part-delete:hover{color:var(--danger)}.composite-save-btn{width:100%}.composite-saved{display:flex;flex-direction:column;padding:8px;flex:1;overflow:hidden}.composite-saved-header{margin-bottom:6px}.composite-saved-search{width:100%;margin-bottom:6px}.composite-saved-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.composite-saved-empty{font-size:12px;color:var(--text-muted);padding:8px 0;text-align:center}.composite-saved-item{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.composite-saved-item:hover{background:var(--bg-elevated)}.composite-saved-info{flex:1;overflow:hidden}.composite-saved-name{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composite-saved-meta{font-size:10px;color:var(--text-muted)}.composite-saved-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:0 2px;flex-shrink:0;transition:color .1s}.composite-saved-delete:hover{color:var(--danger)}.room-tab{display:flex;flex:1;overflow:hidden}.room-left{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;border-right:1px solid var(--border-subtle);background:var(--bg-surface);overflow-y:auto}.room-layout-panel,.room-texture-panel{display:flex;flex-direction:column;flex:1;overflow:hidden}.room-panel-section{padding:8px;border-bottom:1px solid var(--border-subtle)}.room-panel-header{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.room-count{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:0 6px;font-size:11px}.room-tool-buttons{display:flex;gap:4px}.room-tool-btn{flex:1}.room-tool-info{font-size:11px;color:var(--text-muted);font-style:italic}.room-layout-stats{font-size:11px;color:var(--text-secondary)}.room-door-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.room-door-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s;font-size:12px}.room-door-item:hover{background:var(--bg-elevated)}.room-door-item.selected{background:var(--accent-subtle)}.room-door-dot{width:8px;height:8px;border-radius:50%;background:#9382ff99;flex-shrink:0}.room-door-info{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.room-door-id{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-door-target{font-size:10px;color:var(--text-muted)}.room-door-target.linked{color:var(--success)}.room-door-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:0 2px;flex-shrink:0;transition:color .1s}.room-door-remove:hover{color:var(--danger)}.room-door-props{background:var(--bg-surface)}.room-door-props-id{font-size:12px;font-weight:500;color:var(--text-accent);margin-bottom:6px}.room-door-props-field{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.room-door-target-display{font-size:11px;color:var(--text-muted);margin-bottom:8px}.room-door-target-display.linked{color:var(--success)}.room-door-remove-btn{width:100%}.room-field-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.room-input{height:26px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;outline:none;width:100%}.room-input:focus{border-color:var(--border-focus)}.room-select{height:26px;padding:0 6px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;outline:none;width:100%}.room-select:disabled{opacity:.5}.room-tileset-select{flex:0 1 50%;min-height:80px;border-bottom:1px solid var(--border-subtle);overflow:hidden;display:flex;flex-direction:column}.room-tileset-select .filterable-list{flex:1;min-height:0}.panel-collapse-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:16px;border:none;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;color:var(--text-muted);font-size:8px;line-height:1;padding:0;width:100%;transition:background .15s}.panel-collapse-toggle:hover{background:var(--bg-overlay);color:var(--text-secondary)}.panel-collapse-arrow{display:inline-block;transition:transform .15s}.panel-collapse-arrow.down{transform:rotate(180deg)}.room-picker-toolbar{display:flex;align-items:center;gap:8px;padding:4px 8px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.room-picker-label{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;cursor:pointer}.room-selection-info{font-size:11px;color:var(--text-accent);margin-left:auto}.room-tileset-picker{flex:1;min-height:120px;overflow:auto}.room-composite-section{padding:8px;border-top:1px solid var(--border-subtle);flex-shrink:0;max-height:250px;overflow-y:auto}.room-composite-empty{font-size:12px;color:var(--text-muted);padding:4px 0}.room-composite-list{display:flex;flex-direction:column;gap:2px}.room-palette-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.room-palette-item:hover{background:var(--bg-elevated)}.room-palette-item.selected{background:var(--accent-subtle)}.room-palette-thumb{image-rendering:pixelated;flex-shrink:0}.room-palette-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.room-palette-name{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-palette-meta{font-size:10px;color:var(--text-muted)}.room-center{flex:1;display:flex;flex-direction:column;overflow:hidden}.room-toolbar{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.room-toolbar-group{display:flex;gap:4px}.room-mode-btn{min-width:60px}.room-layer-tabs{margin-left:8px}.room-layer-btn{min-width:50px}.room-toolbar-spacer{flex:1}.room-toolbar-label{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;cursor:pointer}.room-zoom-select{height:26px;padding:0 6px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;outline:none}.room-mode-hint{font-size:11px;color:var(--text-muted);white-space:nowrap}.room-canvas-wrap{flex:1;overflow:auto;position:relative}.room-canvas-inner{position:relative;display:inline-block}.room-canvas{display:block;image-rendering:pixelated;cursor:crosshair}.room-item-overlay{border:1px solid transparent;cursor:pointer;transition:border-color .1s;z-index:10}.room-item-overlay:hover{border-color:#ffffff4d}.room-item-overlay.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.room-paint-cursor{position:absolute;border:2px dashed rgba(92,124,250,.6);background:#5c7cfa1a;pointer-events:none;z-index:20}.room-right-panel{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;border-left:1px solid var(--border-subtle);background:var(--bg-surface);overflow-y:auto}.room-field{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.room-size-field{margin-bottom:0}.room-size-inputs{display:flex;align-items:center;gap:4px}.room-size-input{width:52px;text-align:center}.room-stats{font-size:11px;color:var(--text-secondary);line-height:1.6}.room-actions{display:flex;flex-wrap:wrap;gap:4px}.room-actions .btn{flex:1;min-width:80px;justify-content:center}.room-actions .btn-primary{flex-basis:100%}.room-tile-stack{padding:8px;border-top:1px solid var(--border-subtle)}.room-tile-stack-hint{font-size:11px;color:var(--text-muted);font-style:italic}.room-tile-stack-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.room-tile-stack-pos{font-size:11px;font-weight:600;color:var(--text-primary)}.room-tile-stack-count{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.room-tile-stack-empty{font-size:11px;color:var(--text-muted);padding:4px 0}.room-stack-actions{display:flex;align-items:center;gap:4px;margin-bottom:6px;flex-wrap:wrap}.room-stack-actions-count{font-size:11px;color:var(--text-secondary);margin-right:auto}.room-tile-stack-items{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow-y:auto}.room-stack-item{display:flex;align-items:center;gap:4px;padding:3px 4px;font-size:11px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.room-stack-item:hover{background:var(--bg-elevated)}.room-stack-item.selected{background:var(--accent-subtle)}.room-stack-order{width:14px;text-align:center;font-size:10px;color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0}.room-stack-thumb{image-rendering:pixelated;flex-shrink:0}.room-stack-info{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.room-stack-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-stack-meta{font-size:10px;color:var(--text-muted)}.room-stack-item-actions{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.room-stack-item-actions button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:8px;padding:1px 3px;transition:color .1s;line-height:1}.room-stack-item-actions button:hover{color:var(--text-primary)}.room-stack-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:0 2px;flex-shrink:0;transition:color .1s}.room-stack-delete:hover{color:var(--danger)}.room-saved-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.room-saved-empty{font-size:12px;color:var(--text-muted);padding:8px 0;text-align:center}.room-saved-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.room-saved-item{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.room-saved-item:hover{background:var(--bg-elevated)}.room-saved-info{flex:1;overflow:hidden}.room-saved-name{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-saved-meta{font-size:10px;color:var(--text-muted)}.room-saved-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:0 2px;flex-shrink:0;transition:color .1s}.room-saved-delete:hover{color:var(--danger)}.tester-tab{display:flex;flex-direction:column;height:100%;flex:1}.tester-toolbar{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.tester-stale-banner{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;background:#fcc4191a;border-bottom:1px solid var(--warning);color:var(--warning);font-family:var(--font-sans);font-size:11px;font-weight:500;flex-shrink:0}.tester-select{height:26px;padding:0 6px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;outline:none}.tester-select:focus{border-color:var(--border-focus)}.tester-toolbar-spacer{flex:1}.tester-toolbar-label{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;cursor:pointer}.tester-mode-hint{font-size:11px;color:var(--text-muted);white-space:nowrap;font-family:var(--font-mono)}.tester-canvas-wrap{flex:1;overflow:auto;position:relative;background:var(--bg-base)}.tester-canvas-inner{position:relative;display:inline-block}.tester-canvas-inner canvas{display:block;image-rendering:pixelated}.tester-canvas-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:12px}.tester-tab--no-pack .tester-toolbar{opacity:.4;pointer-events:none}.tester-no-pack-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.tester-no-pack-icon{opacity:.25;color:var(--text-secondary)}.tester-no-pack-title{font-size:16px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.tester-no-pack-hint{font-size:12px;color:var(--text-muted);text-align:center;max-width:300px;line-height:1.5}.tester-no-pack-hint strong{color:var(--accent);font-weight:600}.tester-info{display:flex;align-items:center;gap:16px;padding:4px 10px;background:var(--bg-surface);border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);flex-shrink:0;min-height:28px}.tester-info--empty{color:var(--text-muted);font-family:var(--font-sans)}.tester-info--error{color:var(--danger);font-family:var(--font-sans)}.tester-info-item{white-space:nowrap}.tester-info-door{color:var(--text-accent)}.agent-panel{position:fixed;top:0;right:0;width:400px;height:100vh;z-index:1000;display:flex;flex-direction:column;background:var(--bg-base);border-left:1px solid var(--border-subtle);box-shadow:-4px 0 20px #0000004d;transform:translate(100%);transition:transform .25s ease}.agent-panel.open{transform:translate(0)}.agent-header{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);min-height:var(--topbar-height);padding:0 10px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.agent-title{font-size:13px;font-weight:600;color:var(--text-primary)}.agent-header-actions{display:flex;gap:4px}.agent-header-btn{height:24px;padding:0 8px;font-size:11px}.agent-settings{padding:10px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.agent-setting-field{display:flex;flex-direction:column;gap:3px}.agent-setting-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.agent-setting-input,.agent-setting-select{height:26px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;outline:none;width:100%}.agent-setting-input:focus,.agent-setting-select:focus{border-color:var(--border-focus)}.agent-setting-textarea{padding:6px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;outline:none;width:100%;resize:vertical;min-height:50px}.agent-setting-textarea:focus{border-color:var(--border-focus)}.agent-chips{display:flex;flex-wrap:wrap;gap:4px;padding:6px 10px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;min-height:30px}.agent-chip{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:10px;font-size:10px;font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--bg-overlay);color:var(--text-muted)}.agent-chip.active{background:var(--accent-subtle);color:var(--text-accent)}.agent-chip.inactive{opacity:.4}.agent-messages{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.agent-empty{color:var(--text-muted);font-size:12px;text-align:center;padding:40px 20px;line-height:1.6}.agent-presets{padding:8px 0}.agent-presets-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.agent-presets-list{display:flex;flex-wrap:wrap;gap:6px}.agent-preset-btn{display:inline-flex;align-items:center;height:28px;padding:0 12px;border:1px solid var(--border-default);border-radius:14px;background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;cursor:pointer;transition:background .1s,border-color .1s;white-space:nowrap}.agent-preset-btn:hover{background:var(--bg-overlay);border-color:var(--border-focus)}.agent-preset-btn:disabled{opacity:.5;cursor:not-allowed}.agent-msg{font-size:12px;line-height:1.5;word-break:break-word}.agent-msg.user{margin-left:24px;padding:8px 10px;background:var(--bg-surface);border-radius:var(--radius-md);color:var(--text-primary)}.agent-msg.assistant{margin-right:24px;padding:8px 10px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary)}.agent-msg.system{text-align:center;color:var(--text-muted);font-style:italic;font-size:11px;padding:4px 0}.agent-msg.error{padding:8px 10px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-md);color:var(--danger);font-size:12px}.error-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--danger);color:#fff;font-size:10px;font-weight:700;margin-right:4px;flex-shrink:0}.agent-msg.thinking{display:flex;align-items:center;gap:4px;padding:8px 10px;color:var(--text-muted);font-style:italic;font-size:12px}.thinking-label{color:var(--text-secondary)}.thinking-dots{display:inline-flex;gap:2px}.thinking-dots span{animation:thinking-pulse 1.5s infinite;font-size:16px;line-height:1}.thinking-dots span:nth-child(2){animation-delay:.3s}.thinking-dots span:nth-child(3){animation-delay:.6s}@keyframes thinking-pulse{0%,60%,to{opacity:.2}30%{opacity:1}}.agent-msg.tool-use{padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;margin-right:24px}.agent-msg.tool-use.running{border-color:var(--accent)}.agent-msg.tool-use.error{border-color:#ff6b6b66;background:none;color:var(--text-primary)}.tool-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-elevated);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.tool-header:hover{background:var(--bg-overlay)}.tool-icon{font-size:12px;color:var(--text-muted);flex-shrink:0}.tool-name{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--text-accent);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-status{font-size:11px;font-weight:600;flex-shrink:0}.tool-status.running{color:var(--accent)}.tool-status.done{color:var(--success)}.tool-status.error{color:var(--danger)}.tool-toggle{font-size:9px;color:var(--text-muted);flex-shrink:0}.tool-details{padding:8px 10px;background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.tool-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px}.tool-args,.tool-result-content{margin-bottom:8px}.tool-result-content:last-child,.tool-args:last-child{margin-bottom:0}.agent-msg.context-snapshot{border:1px solid rgba(252,196,25,.3);border-radius:var(--radius-md);overflow:hidden;background:#fcc4190d}.context-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;cursor:pointer;-webkit-user-select:none;user-select:none}.context-header:hover{background:#fcc41914}.context-label{font-size:11px;font-weight:600;color:var(--warning)}.context-code{margin:0;padding:8px 10px;border-top:1px solid rgba(252,196,25,.15)}.msg-content{overflow-wrap:break-word}.msg-code{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px;font-family:var(--font-mono);font-size:11px;line-height:1.4;overflow-x:auto;white-space:pre-wrap;color:var(--text-primary);margin:4px 0}.msg-content code{background:var(--bg-elevated);padding:1px 4px;border-radius:3px;font-family:var(--font-mono);font-size:11px}.msg-content strong{font-weight:600;color:var(--text-primary)}.agent-input-area{display:flex;align-items:flex-end;gap:6px;padding:8px 10px;border-top:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0}.agent-input{flex:1;padding:6px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;line-height:1.4;outline:none;resize:none;min-height:30px;max-height:120px}.agent-input:focus{border-color:var(--border-focus)}.agent-input:disabled{opacity:.6}.agent-send-btn{height:30px;flex-shrink:0}.welcome{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-base)}.welcome-card{width:440px;max-width:90vw;display:flex;flex-direction:column;gap:16px}.welcome-title{font-size:22px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px}.welcome-subtitle{font-size:13px;color:var(--text-secondary);margin-top:-10px}.welcome-create{display:flex;gap:8px}.welcome-input{flex:1;height:32px;padding:0 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;outline:none}.welcome-input:focus{border-color:var(--border-focus)}.welcome-create-btn{height:32px;padding:0 16px;font-size:12px}.welcome-list{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto}.welcome-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;transition:border-color .1s,background .1s}.welcome-item:hover{border-color:var(--border-default);background:var(--bg-elevated)}.welcome-item-info{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.welcome-item-name{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-item-meta{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.welcome-item-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:var(--radius-sm);transition:color .1s,background .1s}.welcome-item-delete:hover{color:var(--danger);background:#ff6b6b1a}.welcome-loading,.welcome-empty{font-size:12px;color:var(--text-muted);text-align:center;padding:20px 0}.welcome-error{font-size:12px;color:var(--danger);text-align:center;padding:4px 0}