:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0d13;--bg-elevated:#10141d;--bg-card:#141926;--bg-card-hover:#182036;--border:#232a3a;--border-strong:#2e3648;--text:#eef1f7;--text-dim:#9aa3b8;--text-faint:#626c82;--accent:#5eead4;--accent-strong:#2dd4bf;--accent-soft:#5eead41f;--valley:#60a5fa;--mountain:#f87171;--danger:#f87171;--danger-soft:#f871711f;--radius-sm:8px;--radius:14px;--radius-lg:20px;--shadow-card:0 1px 2px #0006, 0 12px 32px -12px #0000008c;--shadow-elevated:0 4px 12px #00000073, 0 24px 64px -20px #0009;--ease:cubic-bezier(.16, 1, .3, 1);font-family:-apple-system,Segoe UI,Inter,ui-sans-serif,system-ui,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:radial-gradient(ellipse 1200px 700px at 50% -10%, #16203a 0%, var(--bg) 55%) fixed;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{flex-direction:column;height:100vh;min-height:100vh;display:flex}h1,h2,h3,p{margin:0}button{font-family:inherit}::selection{background:var(--accent-soft);color:var(--text)}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;transition:transform .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);padding:.6rem 1.1rem;font-size:.9rem;font-weight:500}.btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-strong) 100%);color:#06231f;border:none;font-weight:600}.btn-primary:hover{filter:brightness(1.06);background:linear-gradient(180deg, var(--accent) 0%, var(--accent-strong) 100%)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.svg-thumb svg{width:100%;height:100%;display:block}.tab-strip{border-bottom:1px solid var(--border);gap:.4rem;padding:.7rem 1.5rem;display:flex}.tab-btn{appearance:none;color:var(--text-faint);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:1px solid #0000;padding:.45rem .9rem;font-size:.82rem;font-weight:600}.tab-btn:hover{color:var(--text);background:var(--bg-card-hover)}.tab-btn.active{color:var(--accent);background:var(--accent-soft)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fade-in-up .5s var(--ease) both}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 0%, var(--bg-card-hover) 50%, var(--bg-card) 100%);border-radius:var(--radius-sm);background-size:800px 100%;animation:1.6s ease-in-out infinite shimmer}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:1.1em;height:1.1em;animation:.7s linear infinite spin;display:inline-block}.viewer-grid{grid-template-rows:1fr;grid-template-columns:1fr 1fr;display:grid}.viewer-pane{border-right:1px solid var(--border)}@media (width<=860px){.viewer-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr;overflow-y:auto}.viewer-pane{border-right:none;border-bottom:1px solid var(--border);min-height:320px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}