:root{--color-background: #f8f8f8;--color-surface: #fff;--color-surface-hover: #fafafa;--color-border: #e0e0e0;--color-border-light: #ddd;--color-accent: #E63946;--color-text-primary: #000;--color-text-secondary: #666;--color-text-muted: #999;--color-text-light: #bbb;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-warning-bg: #ffedd5;--color-warning-text: #9a3412;--color-error-bg: #fef2f2;--color-error-text: #dc2626;--difficulty-easy: #4CAF50;--difficulty-medium: #FF9800;--difficulty-hard: #F44336;--difficulty-extreme: #9C27B0;--game-yellow: #FFD54F;--game-blue: #42A5F5;--game-red: #EF5350;--game-green: #66BB6A;--game-purple: #AB47BC;--game-pink: #EC407A;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Courier New", monospace;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 40px;--max-width: 1200px;--sidebar-width: 280px;--header-height: 48px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .15);--transition-fast: all .15s ease;--transition-normal: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.4;-webkit-font-smoothing:antialiased}body{background:var(--color-surface);color:var(--color-text-primary);min-height:100vh}a{color:var(--color-text-primary);text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.grid-editor{display:flex;flex-direction:column;gap:12px}.grid-empty{display:flex;align-items:center;justify-content:center;height:300px;color:#666;font-size:12px}.grid-toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:10px;border-bottom:1px solid #ddd}.tool-group{display:flex;align-items:center;gap:6px}.tool-group label{font-weight:600;color:#000;font-size:11px}.tool-btn{padding:6px 12px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:11px}.tool-btn.active{border-color:#000;background:#f5f5f5}.tool-btn:hover{border-color:#999}.state-btn{padding:4px 10px;border:1px solid #ccc;cursor:pointer;font-size:11px;background:#fff}.state-btn.active{border-color:#000;background:#f5f5f5}.color-picker{display:flex;gap:3px}.color-btn{width:24px;height:24px;border:1px solid #999;cursor:pointer}.color-btn.active{border-color:#000;border-width:2px}.color-btn:hover{border-color:#000}.amount-input{width:40px;padding:4px 6px;border:1px solid #ccc;font-size:12px}.grid-container{display:flex;justify-content:center;padding:16px;background:#f5f5f5;border:1px solid #ddd}.grid{display:grid;gap:2px;background:#ddd;padding:2px}.grid-cell{width:70px;height:70px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;border:1px solid #ccc}.grid-cell:hover{background:#f9f9f9}.cell-label{font-size:9px;color:#999;position:absolute;bottom:2px}.container-stack{display:flex;flex-direction:column;gap:3px;width:100%;padding:4px;max-height:64px;overflow:hidden}.container-stack.compact{gap:1px;padding:2px}.stack-item{display:flex;align-items:center;gap:3px;height:15px}.compact .stack-item{gap:2px;height:12px}.color-chip{width:20px;height:14px;border:1px solid rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff}.compact .color-chip{width:14px;height:10px;font-size:7px}.count{font-size:12px;font-weight:600;color:#000}.compact .count{font-size:10px}.hint{font-size:10px;color:#666;margin-left:8px}.grid-legend{display:flex;justify-content:center;gap:16px;padding:8px;border-top:1px solid #ddd}.legend-item{display:flex;align-items:center;gap:4px;font-size:10px;color:#666}.legend-color{width:12px;height:12px;border:1px solid #999}.obstacle-indicator{position:absolute;top:2px;right:2px;display:flex;flex-direction:column;align-items:center;gap:0;background:#ffc864e6;border-radius:4px;padding:2px 4px;border:1px solid #e6a020;z-index:1}.obstacle-health{font-size:9px;font-weight:700;color:#8b4513}.obstacle-indicator.covered{background:#ffc86480;border:1px dashed #e6a020}.obstacle-indicator.covered .obstacle-icon{opacity:.7}.obstacle-picker{display:flex;gap:3px}.obstacle-btn{width:32px;height:32px;border:1px solid #999;background:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.obstacle-btn.active{border-color:#000;border-width:2px;background:#fef3c7}.obstacle-btn:hover{border-color:#000;background:#fef9e7}.health-input,.preset-amount-input{width:50px;padding:4px 6px;border:1px solid #ccc;font-size:12px;text-align:center}.grid-cell.preview-2x2{background:#ffc86459!important;border:2px solid #e6a020!important;box-shadow:inset 0 0 6px #e6a0204d}.grid-cell.preview-invalid{background:#ff505033!important;border:2px dashed #e53935!important}.obstacle-indicator.locked-preset{border-color:#8b4513}.level-panel{display:flex;flex-direction:column;gap:1px;background:#ddd}.level-panel>*{background:#fff}.level-panel.empty{display:flex;align-items:center;justify-content:center;height:200px;color:#666;font-size:12px}.level-panel h3{margin:0;padding:10px 12px;background:#fff;color:#000;font-size:14px;font-weight:600;border-bottom:1px solid #ddd}.panel-section{padding:12px}.panel-section h4{margin:0 0 10px;font-size:11px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px}.form-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.form-row label{width:80px;font-size:12px;color:#333}.form-row input,.form-row select{flex:1;padding:6px 8px;border:1px solid #ccc;font-size:12px;background:#fff}.targets-list{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.target-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border:1px solid #ddd}.target-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#000}.color-dot{width:14px;height:14px;border:1px solid #999}.target-icon{font-size:14px;line-height:1}.btn-remove{width:20px;height:20px;border:1px solid #999;background:#fff;color:#000;cursor:pointer;font-size:14px;line-height:1}.btn-remove:hover{background:#f5f5f5}.add-target-row{display:flex;gap:6px}.add-target-row select{flex:1;min-width:0;padding:6px 8px;border:1px solid #ccc;font-size:11px}.add-target-row input{width:60px;padding:6px 8px;border:1px solid #ccc;font-size:11px}.btn-add{padding:6px 10px;border:1px solid #000;background:#fff;color:#000;cursor:pointer;font-size:11px;white-space:nowrap}.btn-add:hover{background:#f5f5f5}.minmax-row{display:flex;align-items:center;gap:8px}.minmax-row label{font-size:11px;color:#666;width:30px}.minmax-row input{width:50px;padding:6px 8px;border:1px solid #ccc;font-size:12px;text-align:center}.import-buttons{display:flex;gap:8px;margin-bottom:8px}.btn-import{flex:1;padding:10px 12px;border:2px solid #000;background:#fff;color:#000;cursor:pointer;font-size:11px;font-weight:600;text-align:center;white-space:nowrap}.btn-import:hover{background:#f5f5f5}.btn-scene-import{border-color:#2563eb;color:#2563eb}.btn-scene-import:hover{background:#eff6ff}.import-status{display:block;margin-top:8px;font-size:11px;color:#666;text-align:center}.level-list{display:flex;flex-direction:column;height:100%;background:#fff}.list-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #ddd}.list-header h4{margin:0;font-size:13px;font-weight:600;color:#000}.list-actions{display:flex;gap:4px}.btn-icon{width:28px;height:28px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:14px}.btn-icon:hover,.btn-icon.danger:hover{background:#f5f5f5}.list-items{flex:1;overflow-y:auto;padding:8px}.empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;color:#666;font-size:12px}.empty-list p{margin-bottom:12px}.btn-primary{padding:8px 16px;border:1px solid #000;background:#fff;color:#000;font-size:12px;cursor:pointer}.btn-primary:hover{background:#f5f5f5}.level-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fff;margin-bottom:4px;cursor:pointer;border:1px solid #ddd}.level-item:hover{border-color:#999}.level-item.active{border-color:#000;background:#f9f9f9}.level-info{display:flex;flex-direction:column;gap:2px}.level-id-row{display:flex;align-items:center;gap:6px}.level-id{font-weight:600;font-size:12px;color:#000}.difficulty-badge-mini{font-size:9px;padding:2px 5px;border-radius:2px;font-weight:600;background:#e0e0e0;color:#666}.difficulty-badge-mini.easy{background:#4caf50;color:#fff}.difficulty-badge-mini.medium{background:#ff9800;color:#fff}.difficulty-badge-mini.hard{background:#f44336;color:#fff}.difficulty-badge-mini.extreme{background:#9c27b0;color:#fff}.level-meta{font-size:10px;color:#666}.level-actions{display:flex;gap:4px}.btn-mini{padding:4px 6px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:11px}.btn-mini:hover{background:#f5f5f5}.export-section{padding:12px;border-top:1px solid #ddd}.export-section h5{margin:0 0 8px;font-size:11px;color:#666}.export-buttons{display:flex;flex-direction:column;gap:4px}.btn-export{padding:6px 10px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:11px;text-align:left}.btn-export:hover{border-color:#999}.btn-export.unity-export{border-color:#2563eb;color:#2563eb}.btn-export.unity-export:hover{background:#eff6ff;border-color:#1d4ed8}.btn-secondary{padding:8px 16px;border:1px solid #ccc;background:#f9f9f9;color:#333;font-size:12px;cursor:pointer}.btn-secondary:hover{background:#f0f0f0}.import-section{padding:12px;border-top:1px solid #ddd;background:#fafafa}.import-section h5{margin:0 0 8px;font-size:11px;color:#444;font-weight:600}.import-buttons{display:flex;flex-direction:column;gap:4px}.btn-import{padding:8px 10px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:11px;text-align:left;transition:all .15s ease}.btn-import:hover{border-color:#999}.btn-import.unity-import{border-color:#16a34a;color:#16a34a}.btn-import.unity-import:hover{background:#f0fdf4;border-color:#15803d}.btn-import.clear-import{border-color:#ea580c;color:#ea580c}.btn-import.clear-import:hover{background:#fff7ed;border-color:#c2410c}.import-section .import-status{display:block;margin-top:8px;font-size:11px;color:#666}.import-section .import-status:first-letter{font-weight:700}.sync-section{padding:12px;border-top:1px solid #ddd;background:#f5f9ff}.sync-header{margin:0;font-size:11px;color:#444;font-weight:600;display:flex;align-items:center;gap:6px}.sync-connected-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#16a34a;margin-left:4px}.sync-body{margin-top:8px;display:flex;flex-direction:column;gap:6px}.sync-status-row{display:flex;justify-content:space-between;align-items:center}.sync-status-text{font-size:11px;color:#16a34a;font-weight:500}.sync-buttons{display:flex;flex-direction:column;gap:4px}.sync-last-time{font-size:10px;color:#999}.sync-status-msg{font-size:11px;color:#666;margin-top:2px}.simulator-panel{background:#fff;padding:12px}.simulator-panel.empty{display:flex;align-items:center;justify-content:center;height:100px;color:#666;font-size:12px}.simulator-panel h4{margin:0 0 12px;font-size:11px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px}.config-section{margin-bottom:12px}.config-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.config-row label{font-size:11px;color:#333;min-width:90px}.config-row input[type=number]{flex:1;padding:6px 8px;border:1px solid #ccc;font-size:12px;background:#fff}.config-row.checkbox{flex-direction:column;align-items:flex-start}.config-row.checkbox label{display:flex;align-items:center;gap:6px}.config-row.checkbox input[type=checkbox]{width:14px;height:14px}.hint{font-size:10px;color:#666;margin-top:4px}.btn-simulate{width:100%;padding:10px;border:1px solid #000;background:#fff;color:#000;font-size:12px;font-weight:600;cursor:pointer}.btn-simulate:hover:not(:disabled){background:#f5f5f5}.btn-simulate:disabled{border-color:#ccc;color:#999;cursor:not-allowed}.progress-bar{height:4px;background:#eee;margin-top:8px;overflow:hidden}.progress-fill{height:100%;background:#000}.results-section{margin-top:12px;padding-top:12px;border-top:1px solid #ddd}.difficulty-badge{display:flex;flex-direction:column;align-items:center;padding:12px;border:1px solid #000;margin-bottom:12px}.difficulty-badge .score{font-size:28px;font-weight:700;color:#000}.difficulty-badge .label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#666}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}.stat{border:1px solid #ddd;padding:8px;text-align:center}.stat-value{display:block;font-size:16px;font-weight:600;color:#000}.stat-label{display:block;font-size:9px;color:#666;margin-top:2px}.detailed-stats{border:1px solid #ddd;padding:8px}.stat-row{display:flex;justify-content:space-between;padding:4px 0;font-size:11px;border-bottom:1px solid #eee}.stat-row:last-child{border-bottom:none}.stat-row span:first-child{color:#666}.stat-row span:last-child{font-weight:600;color:#000}.simulation-preview{background:#fff;padding:16px;max-width:100%}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #ddd}.preview-header h4{margin:0;font-size:12px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px}.btn-run{background:#fff;color:#000;border:1px solid #000;padding:6px 16px;cursor:pointer;font-size:11px;font-weight:500}.btn-run:hover{background:#f5f5f5}.btn-run:disabled{border-color:#ccc;color:#999;cursor:not-allowed}.steps-wrapper{width:100%;overflow-x:auto;padding-bottom:8px;position:relative;display:flex;gap:8px}.row-labels-sidebar{position:sticky;left:0;z-index:5;background:#fff;display:flex;flex-direction:column;padding-right:4px;flex-shrink:0}.row-labels-spacer{height:43px}.row-label-fixed{height:40px;display:flex;align-items:center;justify-content:flex-end;font-size:9px;color:#999;font-weight:500;padding-right:4px}.event-legend{position:sticky;left:0;top:0;z-index:10;background:#fff;border:1px solid #ddd;border-radius:4px;padding:12px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a;width:fit-content}.legend-title{font-size:11px;font-weight:700;color:#000;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.legend-item{display:flex;align-items:center;gap:8px;margin-bottom:6px}.legend-item:last-child{margin-bottom:0}.legend-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:3px}.legend-text{font-size:10px;font-weight:500;color:#333}.steps-container{display:inline-flex;gap:12px;min-width:min-content}.step-card{flex-shrink:0;background:#fff;border:1px solid #ddd;padding:12px;width:260px}.step-card.won{border-color:#000;border-width:2px}.step-card.lost{border-style:dashed;opacity:.7}.step-title{font-weight:600;font-size:11px;color:#000;margin-bottom:8px;text-align:center}.event-indicators{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.event-badge{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:3px;font-size:9px;font-weight:500}.event-badge.event-choose_move_pure_beats_mixed{background:#e3f2fd;border:1px solid #2196F3;color:#1565c0}.event-badge.event-choose_move_pure_strategic{background:#f3e5f5;border:1px solid #9C27B0;color:#6a1b9a}.event-badge.event-choose_move_mixed_complexity{background:#fff3e0;border:1px solid #FF9800;color:#e65100}.event-icon{font-size:10px}.event-text{flex:1;font-weight:600}.event-location{font-size:8px;opacity:.7;font-weight:400}.col-headers{display:flex;gap:2px;margin-bottom:2px}.col-label{width:38px;text-align:center;font-size:9px;color:#999;font-weight:500}.col-label.target{color:#000;font-weight:700}.step-grid{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.grid-row{display:flex;gap:2px}.grid-cell{width:38px;height:38px;border:1px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;font-size:9px}.grid-cell.target-col{border-color:#666;background:#d0d0d0}.grid-cell.landing-position{outline:2px solid #FFD700;outline-offset:-2px;z-index:1}.cell-content{display:flex;align-items:center;gap:1px}.cell-color{width:16px;height:14px;border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff}.cell-count{font-size:9px;color:#666;font-weight:600}.empty{color:#ddd}.grid-cell .container-stack{display:flex;flex-direction:column;gap:1px;width:100%;padding:1px;max-height:36px;overflow:hidden}.grid-cell .container-stack.compact{gap:0;padding:0}.grid-cell .stack-item{display:flex;align-items:center;gap:1px;height:10px}.grid-cell .compact .stack-item{height:8px}.grid-cell .color-chip{width:12px;height:8px;border:1px solid rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:6px;font-weight:700;color:#fff}.grid-cell .compact .color-chip{width:10px;height:6px}.grid-cell .count{font-size:8px;font-weight:600;color:#000}.grid-cell .compact .count{font-size:7px}.step-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #eee;min-height:24px}.deck-info{display:flex;align-items:center;gap:4px;font-size:9px}.deck-label{color:#666;font-weight:500}.deck-units{display:flex;gap:1px}.deck-units .unit{width:14px;height:14px;border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff}.target-col{color:#000;font-weight:600;font-size:9px}.moves-label{font-size:9px;color:#666}.win-label{color:#000;font-weight:700;font-size:10px}.lose-label{color:#666;font-weight:700;font-size:10px}.grid-cell.has-obstacle{background:#f5e6d3;border-color:#c9a679}.obstacle-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.obstacle-icon{font-size:14px;line-height:1}.obstacle-health{font-size:9px;font-weight:700;color:#8b6914;background:#fff3cd;padding:0 3px;border-radius:2px}.grid-cell.vault-main,.grid-cell.vault-secondary{background:#e8d5e8;border-color:#9c6b9c}.obstacle-cell.vault{background:#9c6b9c1a}.obstacle-cell.vault-block{display:flex;align-items:center;justify-content:center;opacity:.7}.vault-block-icon{font-size:10px;opacity:.5}.event-badge.event-obstacle_damage{background:#fff3cd;border:1px solid #ffc107;color:#856404}.event-badge.event-obstacle_destroyed{background:#d4edda;border:1px solid #28a745;color:#155724}.grid-cell.locked-slot{background:#bbb;border-color:#888}.locked-cell{display:flex;flex-direction:column;align-items:center;justify-content:center}.locked-icon{font-size:14px;line-height:1;opacity:.8}.dcg-wrapper{background:#fff;padding:12px 16px 8px;border-top:1px solid #e8e8e8;width:100%;box-sizing:border-box}.dcg-header{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}.dcg-title{font-size:11px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.dcg-legend{display:flex;gap:12px;flex-wrap:wrap}.dcg-legend-item{display:flex;align-items:center;gap:5px;font-size:10px;color:#555}.dcg-swatch{display:inline-block;width:20px;height:3px;border-radius:2px;flex-shrink:0}.dcg-swatch-dashed{background:none;border-top:2px dashed;height:0;border-radius:0}.dcg-swatch-dotted{background:none;border-top:2px dotted;height:0;border-radius:0}.dcg-empty-hint{font-size:10px;color:#aaa;font-style:italic}.dcg-tooltip{font-size:11px;color:#333;background:#f5f5f5;border:1px solid #ddd;padding:4px 8px;border-radius:3px;white-space:nowrap;margin-bottom:4px}.dcg-svg{display:block;overflow:visible}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-background);color:var(--color-text-primary);min-height:100vh}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--color-surface);padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;width:100%}.logo-link{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:inherit}.back-link{font-size:13px;color:var(--color-accent);text-decoration:none;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:var(--transition-fast)}.back-link:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.logo-image{width:56px;height:56px;background:url(/LevelGenerator/logo.png) center/contain no-repeat}.logo h1,.logo-link h1{font-size:18px;font-weight:600;color:var(--color-text-primary)}.logo p,.logo-link p{font-size:12px;color:var(--color-text-secondary);font-weight:400}.app-main{flex:1;display:grid;grid-template-columns:240px minmax(0,1fr) 280px;gap:var(--spacing-xl);padding:var(--spacing-xl);max-width:1400px;margin:0 auto;width:100%}.sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sidebar>*{background:var(--color-surface);border:1px solid var(--color-border)}.main-content{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0}.main-content>*{background:var(--color-surface);border:1px solid var(--color-border)}.grid-section{padding:var(--spacing-lg)}.app-curve-row{max-width:1400px;margin:0 auto;width:100%;padding:0 var(--spacing-xl);padding-bottom:var(--spacing-xl);box-sizing:border-box}.app-curve-row>*{background:var(--color-surface);border:1px solid var(--color-border)}.app-footer{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-surface);border-top:1px solid var(--color-border);text-align:center;font-size:11px;color:var(--color-text-muted)}@media(max-width:1200px){.app-main{grid-template-columns:200px 1fr 240px;gap:var(--spacing-md);padding:var(--spacing-md)}}@media(max-width:900px){.app-main{grid-template-columns:1fr}.sidebar{order:2}.main-content{order:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#aaa}