.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-lg);position:relative}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.logo{display:flex;align-items:center;gap:2px;text-decoration:none;font-size:var(--font-size-lg);font-weight:600}.logo-bracket{color:var(--color-accent)}.logo-text{color:var(--color-text-primary)}.header-stats{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg-secondary);border-radius:20px;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.stat-pill:hover{background:var(--color-bg-tertiary);transform:translateY(-1px)}.stat-value{font-weight:700;color:var(--color-text-primary)}.stat-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.stat-live{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #A7F3D0}[data-theme=dark] .stat-live{background:linear-gradient(135deg,#064e3b,#065f46);border:1px solid #10B981}.live-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-live 2s ease-in-out infinite;box-shadow:0 0 8px #10b981}@keyframes pulse-live{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.stat-yours{background:linear-gradient(135deg,#fef3f0,#feeae6);border:1px solid #FDCDC5}[data-theme=dark] .stat-yours{background:linear-gradient(135deg,#451a03,#7c2d12);border:1px solid #E8956D}.stat-yours .stat-value{color:var(--color-accent)}.stat-streak{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #FDE68A;padding:6px 10px}[data-theme=dark] .stat-streak{background:linear-gradient(135deg,#451a03,#78350f);border:1px solid #F59E0B}.streak-fire{font-size:14px;animation:wiggle 1s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);transform:rotate(15deg)}.developer-avatar-container{position:relative}.developer-avatar{width:36px;height:36px;border-radius:50%;cursor:pointer;transition:transform var(--transition-fast);display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:2px solid var(--color-border)}.developer-avatar:hover{transform:scale(1.1);border-color:var(--color-accent)}.developer-avatar svg{border-radius:50%}.developer-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--spacing-sm);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.95);transition:all var(--transition-fast);z-index:100}.developer-avatar-container:hover .developer-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.developer-menu-header{padding:var(--spacing-sm) var(--spacing-sm);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xs);display:flex;flex-direction:column;gap:2px}.developer-menu-header>span:first-child{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-sm)}.developer-menu-subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.developer-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.developer-menu-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.menu-icon{font-size:14px;width:20px;text-align:center}.developer-menu-divider{height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}.developer-menu-button{width:100%;border:none;background:none;cursor:pointer;text-align:left;font-size:inherit;font-family:inherit}.achievements-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:linear-gradient(135deg,#fdf4ff,#fae8ff);border:1px solid #E9D5FF;border-radius:20px;cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .achievements-btn{background:linear-gradient(135deg,#3b0764,#581c87);border:1px solid #7C3AED}.achievements-btn:hover{background:linear-gradient(135deg,#fae8ff,#f5d0fe);transform:translateY(-1px);box-shadow:0 4px 12px #a855f726}[data-theme=dark] .achievements-btn:hover{background:linear-gradient(135deg,#581c87,#6b21a8);box-shadow:0 4px 12px #a855f74d}.trophy{font-size:14px}.achievements-progress{width:40px;height:4px;background:#e9d5ff;border-radius:2px;overflow:hidden}[data-theme=dark] .achievements-progress{background:#4c1d95}.achievements-bar{height:100%;background:linear-gradient(90deg,#a855f7,#7c3aed);border-radius:2px;transition:width .3s ease}.achievements-count{font-size:var(--font-size-sm);font-weight:700;color:#7c3aed}[data-theme=dark] .achievements-count{color:#c4b5fd}.achievements-dropdown{position:absolute;top:100%;right:var(--spacing-lg);margin-top:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-md);z-index:100;min-width:340px;max-width:420px;animation:dropdown-in .2s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.achievements-dropdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.achievements-dropdown-header>span:first-child{font-weight:600;color:var(--color-text-primary)}.achievements-subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.achievements-dropdown-header button{background:none;border:none;font-size:20px;color:var(--color-text-tertiary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);line-height:1}.achievements-dropdown-header button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.achievements-section{margin-bottom:var(--spacing-md)}.achievements-section:last-child{margin-bottom:0}.achievements-section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.achievement-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px;border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.achievement-item.unlocked{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}[data-theme=dark] .achievement-item.unlocked{background:linear-gradient(135deg,#451a03,#78350f);border-color:#f59e0b}.achievement-item.unlocked:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fcd34d4d}[data-theme=dark] .achievement-item.unlocked:hover{box-shadow:0 4px 12px #f59e0b4d}.achievement-item.locked{background:var(--color-bg-secondary);opacity:.7}.achievement-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-sm);font-size:12px;font-weight:700}.achievement-item.unlocked .achievement-icon{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#fff;box-shadow:0 2px 8px #f59e0b4d}[data-theme=dark] .achievement-item.unlocked .achievement-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b66}.achievement-item.locked .achievement-icon{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.achievement-name{font-size:12px;font-weight:500;color:var(--color-text-primary);line-height:1.3}.achievement-item.locked .achievement-name{color:var(--color-text-tertiary);font-style:italic}@media (max-width: 768px){.header-content{flex-wrap:wrap;gap:var(--spacing-sm)}.header-stats{gap:6px;flex-wrap:wrap}.stat-pill{padding:4px 8px}.stat-label{display:none}.achievements-dropdown{right:var(--spacing-md);left:var(--spacing-md);min-width:auto}.achievements-grid{grid-template-columns:1fr}}.json-editor{width:100%}.json-tree{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:1.6}.tree-node{-webkit-user-select:none;user-select:none}.tree-row{display:flex;align-items:center;padding:2px 4px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.tree-row-expandable{cursor:pointer}.tree-row:hover{background:var(--color-bg-secondary)}.tree-arrow{display:inline-block;width:16px;color:var(--color-text-tertiary);font-size:10px;transition:transform var(--transition-fast);flex-shrink:0}.tree-arrow-expanded{transform:rotate(90deg)}.tree-key{color:var(--color-text-primary);font-weight:500;cursor:pointer;padding:0 2px;border-radius:2px}.tree-key:hover{background:var(--color-accent-light);color:var(--color-accent)}.tree-colon{color:var(--color-text-tertiary)}.tree-string{color:var(--color-success)}.tree-number{color:var(--color-accent)}.tree-boolean{color:#9b59b6}.tree-null{color:var(--color-text-tertiary);font-style:italic}.tree-bracket{color:var(--color-text-secondary)}.tree-children{border-left:1px dashed var(--color-border);margin-left:7px}.tree-close-bracket{color:var(--color-text-secondary);padding:2px 4px}.diff-container{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.diff-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.diff-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.diff-input-header{display:flex;align-items:center;justify-content:space-between}.diff-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.diff-clear-btn{padding:2px 8px;font-size:var(--font-size-xs);color:var(--color-text-tertiary);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.diff-clear-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}.diff-textarea{height:120px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-family:SF Mono,Fira Code,JetBrains Mono,Menlo,Monaco,monospace;font-size:13px;font-weight:500;line-height:1.5;resize:none;transition:border-color var(--transition-fast)}.diff-textarea:focus{outline:none;border-color:var(--color-accent)}.diff-textarea::placeholder{color:var(--color-text-tertiary);font-weight:400}.diff-output{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0;overflow:auto}.diff-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.diff-summary-title{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.diff-summary-text{margin:0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.diff-unified{flex:1;display:flex;flex-direction:column;min-height:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.diff-unified-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.diff-unified-content{flex:1;margin:0;padding:0;overflow:auto;font-family:SF Mono,Fira Code,JetBrains Mono,Menlo,Monaco,monospace;font-size:12px;line-height:1.5}.diff-unified-line{display:flex;min-height:20px}.diff-unified-indicator{width:20px;padding:0 6px;text-align:center;flex-shrink:0;-webkit-user-select:none;user-select:none;color:var(--color-text-tertiary)}.diff-unified-code{flex:1;padding:0 var(--spacing-sm);white-space:pre}.diff-unified-same{background:var(--color-surface)}.diff-unified-add{background:#dcfce7}.diff-unified-add .diff-unified-indicator{background:#bbf7d0;color:#166534}.diff-unified-add .diff-unified-code{color:#166534}[data-theme=dark] .diff-unified-add{background:#14532d}[data-theme=dark] .diff-unified-add .diff-unified-indicator{background:#166534;color:#4ade80}[data-theme=dark] .diff-unified-add .diff-unified-code{color:#86efac}.diff-unified-remove{background:#fee2e2}.diff-unified-remove .diff-unified-indicator{background:#fecaca;color:#991b1b}.diff-unified-remove .diff-unified-code{color:#991b1b}[data-theme=dark] .diff-unified-remove{background:#450a0a}[data-theme=dark] .diff-unified-remove .diff-unified-indicator{background:#7f1d1d;color:#f87171}[data-theme=dark] .diff-unified-remove .diff-unified-code{color:#fca5a5}.diff-identical{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-success);font-weight:500}.diff-identical-icon{font-size:18px}.diff-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center}.diff-empty-icon{font-size:28px}.diff-empty-text{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.diff-empty-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary);max-width:300px}.diff-error{padding:var(--spacing-md);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}@media (max-width: 768px){.diff-inputs{grid-template-columns:1fr}.diff-textarea{height:100px}}.tabs{display:flex;gap:var(--spacing-xs);background:var(--color-bg-secondary);padding:4px;border-radius:var(--radius-md)}.tab{padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.tab:hover{color:var(--color-text-primary)}.tab-active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.toast{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-lg);animation:toast-in .2s ease;z-index:1000}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-error);color:#fff}.toast-info{background:var(--color-text-primary);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.url-input-container{position:relative}.url-toggle-btn{display:flex;align-items:center;gap:6px}.url-toggle-btn svg{flex-shrink:0}.url-input-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-md);z-index:100;min-width:360px;animation:url-dropdown-in .15s ease}@keyframes url-dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.url-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text-primary);font-size:var(--font-size-sm)}.url-close-btn{background:none;border:none;font-size:20px;color:var(--color-text-tertiary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);line-height:1}.url-close-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.url-input-body{display:flex;gap:var(--spacing-sm)}.url-text-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast)}.url-text-input:focus{border-color:var(--color-accent)}.url-text-input:disabled{opacity:.6;cursor:not-allowed}.url-text-input::placeholder{color:var(--color-text-tertiary)}.url-fetch-btn{min-width:70px;display:flex;align-items:center;justify-content:center}.url-loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:url-spinner .8s linear infinite}@keyframes url-spinner{to{transform:rotate(360deg)}}.url-input-hint{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.url-error-message{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-error-bg, #FEF2F2);border:1px solid var(--color-error-border, #FECACA);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-error);line-height:1.4}[data-theme=dark] .url-error-message{background:#451a1a;border-color:#7f1d1d}.url-cors-retry{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.url-cors-retry p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.url-cors-retry p:last-child{margin-bottom:0}.url-proxy-btn{width:100%;margin-bottom:var(--spacing-xs)}.url-proxy-note{font-size:11px!important;color:var(--color-text-tertiary)!important;font-style:italic}.url-fallback-actions{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.url-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.url-fallback-hint{font-size:11px;color:var(--color-text-tertiary);text-align:center}@media (max-width: 480px){.url-input-dropdown{min-width:auto;left:0;right:0;position:fixed;top:auto;bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-lg)}.url-input-body{flex-direction:column}.url-fetch-btn{width:100%}}.achievement-popup{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;cursor:pointer;animation:achievement-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes achievement-in{0%{opacity:0;transform:translate(100px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.achievement-popup-content{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,gold,orange);border-radius:var(--radius-lg);box-shadow:0 8px 32px #ffa50066;min-width:280px}.achievement-popup-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:700;color:#8b6914;box-shadow:0 2px 8px #0000001a}.achievement-popup-text{display:flex;flex-direction:column;gap:2px}.achievement-popup-label{font-size:var(--font-size-xs);font-weight:600;color:#8b6914;text-transform:uppercase;letter-spacing:.5px}.achievement-popup-name{font-size:var(--font-size-lg);font-weight:700;color:#5c4a00}.achievement-popup-desc{font-size:var(--font-size-sm);color:#8b6914}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;display:flex;flex-direction:column;max-width:1400px;width:100%;margin:0 auto;padding:var(--spacing-lg);gap:var(--spacing-md)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.toolbar-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.toolbar-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:var(--spacing-sm) 32px var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast)}[data-theme=dark] .toolbar-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A3A3A3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.toolbar-select:hover{border-color:var(--color-border-strong)}.toolbar-select:focus{outline:none;border-color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;border:none;transition:all var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-icon{padding:var(--spacing-sm);background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-icon:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-strong)}.app-maximized{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--color-bg)}.main-maximized{max-width:100%;padding:var(--spacing-md);height:100vh}.content{flex:1;display:flex;flex-direction:column;min-height:0}.editor-container{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--editor-glow);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.editor-container:focus-within{border-color:var(--color-border-strong)}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);font-size:var(--font-size-sm)}.status-left{display:flex;align-items:center;gap:var(--spacing-md)}.percentile-badge{padding:2px 8px;background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.status{display:flex;align-items:center;gap:var(--spacing-xs)}.status-valid{color:var(--color-success)}.status-valid:before{content:"";width:8px;height:8px;background:var(--color-success);border-radius:50%}.status-invalid{color:var(--color-error)}.status-invalid:before{content:"";width:8px;height:8px;background:var(--color-error);border-radius:50%}.status-empty,.status-size{color:var(--color-text-tertiary)}.tree-container{flex:1;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:auto;padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.schema-container{flex:1;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:auto;box-shadow:var(--shadow-sm)}.schema-content{margin:0;padding:var(--spacing-md);font-family:SF Mono,Fira Code,JetBrains Mono,Menlo,Monaco,monospace;font-size:13px;line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:var(--font-size-lg)}@media (max-width: 768px){.main{padding:var(--spacing-md)}.toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:flex-start;flex-wrap:wrap}}:root{--color-bg: #FAF9F6;--color-bg-secondary: #F5F3EF;--color-bg-tertiary: #EEEAE3;--color-surface: #FFFFFF;--color-border: #E5E1D8;--color-border-strong: #D4CFC4;--color-text-primary: #1a1a1a;--color-text-secondary: #6B6B6B;--color-text-tertiary: #9A9A9A;--color-accent: #D97757;--color-accent-hover: #C4674A;--color-accent-light: #FEF3F0;--color-success: #2E8B57;--color-success-light: #E8F5E9;--color-error: #DC3545;--color-error-light: #FDECEA;--editor-glow: 0 2px 12px rgba(217, 119, 87, .08), 0 4px 20px rgba(0, 0, 0, .04);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--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;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--transition-fast: .15s ease;--transition-base: .2s ease}[data-theme=dark]{--color-bg: #0D0D0D;--color-bg-secondary: #171717;--color-bg-tertiary: #262626;--color-surface: #1A1A1A;--color-border: #2D2D2D;--color-border-strong: #404040;--color-text-primary: #F5F5F5;--color-text-secondary: #A3A3A3;--color-text-tertiary: #737373;--color-accent: #E8956D;--color-accent-hover: #F0A882;--color-accent-light: #2D2016;--color-success: #4ADE80;--color-success-light: #14532D;--color-error: #F87171;--color-error-light: #450A0A;--editor-glow: 0 2px 16px rgba(232, 149, 109, .1), 0 4px 24px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.monaco-editor,.monaco-editor *{margin:initial;padding:initial;box-sizing:initial}::selection{background-color:var(--color-accent-light);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}