:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;line-height:1.45;font-weight:400;color:#172039;background:#f4f7ff;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top right,#d8e8ff,#f4f7ff 55%)}#app{min-height:100vh}.app-shell{max-width:1160px;margin:0 auto;padding:24px}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.brand{font-size:1.1rem;font-weight:800;color:#1e2f63;cursor:pointer}.main-nav{display:flex;flex-wrap:wrap;gap:8px}.nav-btn{border:1px solid #c8d6ff;background:#fff;color:#1f2f5e;border-radius:10px;padding:8px 14px;font-weight:600;cursor:pointer}.nav-btn.active{background:#2a5bff;border-color:#2a5bff;color:#fff}.content{display:grid;gap:16px}.card{background:#fff;border:1px solid #d8e3ff;border-radius:16px;padding:24px;box-shadow:0 10px 28px #19285212}.card h1,.card h2{margin:0 0 10px;color:#1d2c56}.card p{margin:0 0 12px;color:#344563}.section-subtitle{color:#4a5f8d;font-size:.95rem}.card ul{margin:0;padding-left:20px;color:#344563}.card-hero{padding:38px;min-height:420px;display:flex;flex-direction:column;justify-content:center;gap:8px}.eyebrow{color:#4563c9;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.lead{max-width:720px;font-size:1.07rem}.hero-actions{margin-top:16px;display:grid;gap:12px}.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin:6px 0 2px}.flow-step{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid #d9e5ff;border-radius:12px;background:#f9fbff}.flow-step-index{width:24px;height:24px;border-radius:999px;background:#2a5bff;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;flex-shrink:0}.flow-step-title{margin:0 0 2px;font-weight:700;color:#203465}.cta-primary{border:none;border-radius:14px;padding:18px 22px;font-size:1.15rem;font-weight:800;background:linear-gradient(135deg,#2a5bff,#5f87ff);color:#fff;cursor:pointer;width:min(460px,100%);text-align:left;box-shadow:0 14px 30px #2a5bff59}.secondary-actions{display:flex;flex-wrap:wrap;gap:10px}.cta-secondary{border:1px solid #cad8ff;border-radius:10px;padding:10px 14px;background:#fff;color:#1f2f5e;font-weight:700;cursor:pointer}.stub-box{margin-top:10px;border:1px dashed #b8c8f7;border-radius:12px;padding:14px;background:#f9fbff}.stub-action{border:none;background:#2a5bff;color:#fff;border-radius:8px;padding:10px 12px;font-weight:700;cursor:pointer}.stub-action:disabled{opacity:.75;cursor:not-allowed}.analysis-form{margin-top:14px;display:grid;gap:14px}.form-group{display:grid;gap:8px}.form-group label{font-weight:700;color:#1f2f5e}.form-group select,.form-group input[type=file]{border:1px solid #c8d6ff;border-radius:10px;padding:10px;font:inherit;background:#fff;color:#1d2c56}.metadata-box{border:1px dashed #cbd8ff;background:#f7faff;border-radius:12px;padding:10px 12px}.field-note{margin:0;color:#4a5f8d;font-size:.92rem}.preview-wrap{display:grid;gap:8px}.image-preview{max-width:min(480px,100%);max-height:280px;object-fit:cover;border:1px solid #d8e3ff;border-radius:12px;box-shadow:0 6px 16px #19285214}.result-panel{margin-bottom:12px;border:1px solid #d8e3ff;border-radius:12px;padding:14px;background:#fbfdff}.results-layout{display:grid;gap:14px;margin-bottom:12px}.result-panel-primary{padding:18px;border-width:2px;background:linear-gradient(180deg,#fbfdff,#f5f9ff)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;font-size:.82rem;font-weight:700;border:1px solid transparent}.chip-neutral{background:#eef3ff;color:#274287;border-color:#d6e2ff}.chip-info{background:#e9f1ff;color:#1f4fb8;border-color:#cfe0ff}.chip-success{background:#e8f8ee;color:#137744;border-color:#bfe9cf}.chip-warning{background:#fff4e5;color:#8f5a06;border-color:#f7dfb7}.chip-danger{background:#ffeded;color:#a52727;border-color:#f4c4c4}.status-kicker{margin:0 0 6px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#5c6ea0}.status-text{margin:0 0 8px;font-weight:700}.status-success{color:#0f7b3a}.status-loading{color:#1c4fcf}.status-partial{color:#9a5b00}.status-error{color:#b22020}.loading-box{display:flex;align-items:center;gap:12px;border:1px solid #d7e3ff;background:#f5f9ff;border-radius:12px;padding:12px}.loading-dot{width:14px;height:14px;border-radius:999px;background:#2a5bff;box-shadow:0 0 #2a5bff99;animation:pulse 1.35s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #2a5bff99}to{box-shadow:0 0 0 12px #2a5bff00}}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.result-grid-accent{grid-template-columns:minmax(320px,1.35fr) minmax(240px,1fr);align-items:start}.result-card-accent{padding:16px;border-width:2px;background:#fff;box-shadow:0 10px 24px #1e2f6314}.result-card-models{order:-1}.result-card{border:1px solid #dbe5ff;background:#fdfefe;border-radius:12px;padding:12px}.result-card h3{margin:0 0 8px;font-size:.98rem;color:#1f2f5e}.summary-list{margin:0;padding-left:18px;display:grid;gap:6px;color:#2c3f6e}.tree-block{display:grid;gap:6px}.tree-row{display:flex;gap:6px;flex-wrap:wrap;font-size:.92rem;color:#223867}.tree-section{font-weight:700;color:#1d2c56}.tree-label{font-weight:600}.tree-value{color:#334e88;word-break:break-word}.debug-block{border:1px dashed #c7d6ff;background:#f8fbff;border-radius:12px;padding:8px 10px}.debug-block summary{cursor:pointer;font-weight:600;color:#274287}.result-json{margin:10px 0 0;padding:12px;border-radius:10px;background:#0f1b3d;color:#eef3ff;overflow-x:auto;font-size:.84rem;line-height:1.35}.inline-actions{display:flex;flex-wrap:wrap;gap:10px}.stub-list{display:grid;gap:10px}.list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;border:1px solid #d5e0ff;border-radius:10px;background:#fbfcff;padding:12px 14px;color:#24345f;cursor:pointer;text-align:left}.list-item-left{display:grid;gap:2px;min-width:0}.list-item-main{font-weight:700}.list-item-meta{display:block;color:#4a5f8d;font-size:.83rem}.history-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.history-total-note{padding-top:8px}code{background:#edf2ff;color:#1f3f9f;border-radius:6px;padding:2px 6px}@media (max-width: 768px){.app-shell{padding:14px}.card,.card-hero{padding:18px}.cta-primary{font-size:1.05rem}.flow-steps{grid-template-columns:1fr}.results-layout{gap:12px}.result-grid,.result-grid-accent{grid-template-columns:1fr}.result-card-models{order:0}.result-panel-primary{padding:14px}.list-item{flex-direction:column}.history-badges{justify-content:flex-start}}