:root{color-scheme:dark light;--bg-main: #050816;--bg-panel: #0b1020;--bg-panel-soft: #11182b;--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .12);--accent-strong: #2563eb;--border-subtle: rgba(148, 163, 184, .25);--text-main: #e5e7eb;--text-muted: #9ca3af;--text-soft: #6b7280;--danger-bg: rgba(239, 68, 68, .15);--danger-border: rgba(239, 68, 68, .4);--shadow-soft: 0 18px 45px rgba(15, 23, 42, .65);--radius-lg: 14px;--radius-pill: 999px;--sidebar-width: 320px;--header-height: 64px}body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1f2933 0,#020617 55%);color:var(--text-main)}.app-root{display:flex;flex-direction:column;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(15,23,42,.9);background:linear-gradient(90deg,#020617 0 40%,#020617ee);box-shadow:0 12px 40px #0009;position:relative;z-index:5}.app-header-left{display:flex;align-items:center;gap:10px}.app-logo-image{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 30% 0,#60a5fa,#1d4ed8);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.95rem;box-shadow:0 0 0 2px #0f172ab3,0 12px 30px #2563eb8c}.app-title-block{display:flex;flex-direction:column}.app-title{margin:0;font-size:1.05rem;letter-spacing:.03em;color:#e5e7eb}.app-subtitle{font-size:.78rem;color:var(--text-soft)}.app-header-middle{flex:1;display:flex;justify-content:center}.app-summary{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#0f172ae6;color:var(--text-muted);font-size:.78rem;border:1px solid rgba(51,65,85,.8)}.app-summary span:first-child{color:#bfdbfe}.app-summary span:nth-child(3){color:#a5b4fc}.app-summary span:nth-child(5){color:#f9a8d4}.app-summary-dot{width:3px;height:3px;border-radius:999px;background:#94a3b880}.app-summary-faded{opacity:.7}.app-header-right{display:flex;align-items:center;gap:10px}.file-upload-button{position:relative;overflow:hidden;border-radius:var(--radius-pill);border:1px solid rgba(148,163,184,.4);background:#9fa8f3cc;padding:6px 14px;color:#e5e7eb;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 10px 25px #0f172ad9;transition:transform .08s ease-out,box-shadow .08s ease-out,border-color .08s ease-out,background-position .2s ease-out;background-size:160% 160%}.file-upload-button:hover{transform:translateY(-1px);border-color:#818cf8cc;box-shadow:0 18px 40px #0f172af2;background-position:20% 0%}.file-upload-button:active{transform:translateY(0);box-shadow:0 8px 20px #0f172ae6}.file-upload-input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-chip{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:var(--radius-pill);border:1px solid rgba(148,163,184,.5);background:#0f172aeb;padding:4px 10px;font-size:.75rem;color:var(--text-muted)}.app-main{flex:1;display:grid;grid-template-columns:minmax(0,1.8fr) var(--sidebar-width);gap:10px;padding:10px 12px 12px;box-sizing:border-box}.viewer-panel{position:relative;border-radius:var(--radius-lg);background:radial-gradient(circle at top left,#111827 0,#020617 55%);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);overflow:hidden}.viewer-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.viewer-placeholder-card{background:#0f172aeb;border-radius:16px;padding:18px 20px;max-width:380px;text-align:left;border:1px solid rgba(51,65,85,.9);box-shadow:0 18px 48px #0f172ae6}.viewer-placeholder-card h2{margin:0 0 8px;font-size:1.05rem;color:#e5e7eb}.viewer-placeholder-card p{margin:0 0 6px;font-size:.84rem;color:var(--text-soft)}.viewer-placeholder-hint{margin-top:8px!important;font-size:.78rem;color:var(--text-muted)}.viewer-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0206178c;color:var(--text-main);font-size:.85rem;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.error-banner{position:absolute;left:14px;bottom:14px;padding:6px 9px;border-radius:10px;background:var(--danger-bg);border:1px solid var(--danger-border);color:#fecaca;font-size:.78rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sidebar{display:flex;flex-direction:column;border-radius:var(--radius-lg);background:linear-gradient(145deg,#020617 0 40%,#020617);border:1px solid rgba(31,41,55,.95);box-shadow:var(--shadow-soft);padding:10px 10px 12px;box-sizing:border-box}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 8px;border-bottom:1px solid rgba(31,41,55,.9);margin-bottom:8px}.sidebar-title{font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.sidebar-pill{font-size:.75rem;padding:3px 10px;border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid rgba(59,130,246,.4);color:#bfdbfe}.sidebar-empty{padding:8px 4px;font-size:.82rem;color:var(--text-soft)}.sidebar-empty-hint{margin-top:6px;font-size:.78rem;color:var(--text-muted)}.sidebar-section{margin-top:6px;border-radius:10px;background:#0f172ae6;border:1px solid rgba(31,41,55,.9);overflow:hidden}.sidebar-section-header{padding:6px 9px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);border-bottom:1px solid rgba(31,41,55,.9)}.sidebar-section-body{padding:8px 9px 9px}.sidebar-selection-body{display:grid;grid-template-columns:1fr;gap:6px}.sidebar-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin-bottom:2px}.sidebar-value{font-size:.82rem;color:var(--text-main)}.sidebar-value-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;word-break:break-all}.sidebar-json{margin:0;padding:8px;border-radius:8px;background:radial-gradient(circle at top left,#020617 0 60%);border:1px solid rgba(31,41,55,.95);max-height:260px;overflow:auto;font-size:.75rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#e5e7eb}.sidebar-dict-container{max-height:260px;overflow:auto;padding:4px 2px;border-radius:8px;background:radial-gradient(circle at top left,#020617 0 60%);border:1px solid rgba(31,41,55,.85)}.sidebar-dict-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:8px;padding:6px 8px;align-items:baseline;border-bottom:1px solid rgba(30,41,59,.75)}.sidebar-dict-row:last-child{border-bottom:none}.sidebar-dict-key{font-size:.75rem;font-weight:500;color:var(--text-soft);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sidebar-dict-value{font-size:.78rem;color:var(--text-main);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-wrap:break-word;word-break:break-word}html,body,#root{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-root{display:flex;flex-direction:column;height:100%}.app-header{padding:.5rem 1rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-header h1{font-size:1.1rem;margin:0}.summary-pill{margin-left:.75rem;font-size:.9rem;padding:.2rem .5rem;border-radius:999px;background:#f3f3f3}.app-body{flex:1;display:flex;min-height:0}.viewer-panel{flex:3;position:relative;min-height:0}.sidebar{flex:1;border-left:1px solid #e0e0e0;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;min-width:260px}.placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#777}.error-banner{position:absolute;left:1rem;bottom:1rem;padding:.4rem .6rem;background:#ffe5e5;border:1px solid #ffcccc;border-radius:4px;color:#a00;font-size:.85rem}