:root{
  --bg:#0f0d0f;--bg2:#151215;--panel:#171519;--panel2:#1d1a1f;--line:#322a32;--text:#f7f4f7;--muted:#c9bec7;--accent:#d11f29;--accent2:#8e1319;--accentSoft:rgba(209,31,41,.14);--gold:#ffb248;--cyan:#55ccff;--green:#54dd8d;--shadow:0 18px 50px rgba(0,0,0,.32)
}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at top left,rgba(209,31,41,.16),transparent 36%),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;background:rgba(15,13,15,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:56px;height:56px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 18px rgba(209,31,41,.28))}.brand strong{display:block;font-size:19px;line-height:1.15}.brand small{display:block;color:var(--muted);margin-top:3px}.nav-pills{display:flex;gap:9px;flex-wrap:wrap}.nav-pills a{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.nav-pills a:hover,.nav-pills a.active{background:rgba(209,31,41,.15);border-color:rgba(209,31,41,.36)}.language-control{display:flex;align-items:center;gap:8px;color:var(--muted)}.language-control select,.sidebar-field select,.sidebar-field input{background:#120f13;color:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}main{max-width:1640px;margin:0 auto;padding:26px 20px 42px}.panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.hero-grid,.feature-grid,.diagnosis-layout,.analysis-grid,.diagnosis-bottom-grid{display:grid;gap:20px}.hero-grid{grid-template-columns:1.25fr .85fr}.hero-panel{padding:30px}.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--accentSoft);border:1px solid rgba(209,31,41,.24);color:#ffd8db;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-copy h1{font-size:clamp(34px,4vw,56px);line-height:1.05;margin:12px 0}.hero-copy p{font-size:18px;line-height:1.62;color:var(--muted);max-width:920px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;border:1px solid transparent;cursor:pointer}.button.primary{background:linear-gradient(180deg,var(--accent),var(--accent2));color:#fff;font-weight:800}.button.soft{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08);color:#fff}.status-card{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;border-radius:20px;background:#110f12;border:1px solid rgba(255,255,255,.07);margin-top:22px}.status-dot{width:12px;height:12px;border-radius:999px;background:var(--green);margin-top:6px;box-shadow:0 0 14px rgba(84,221,141,.45)}.status-card p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.pipeline-panel h3{margin:0 0 12px}.timeline{margin:0;padding-left:18px;display:grid;gap:12px}.timeline li{color:var(--muted);line-height:1.5}.timeline b{display:block;color:#fff;margin-bottom:4px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.feature-card span,.block-title span{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:var(--accentSoft);border:1px solid rgba(209,31,41,.3);font-weight:800;color:#ffd7da}.feature-card h3{margin:14px 0 8px}.feature-card p{margin:0;color:var(--muted);line-height:1.6}.section-heading{margin-bottom:18px}.section-heading h2{font-size:clamp(28px,3vw,42px);margin:10px 0}.section-heading p{max-width:1100px;color:var(--muted)}.diagnosis-layout{grid-template-columns:390px 1fr;align-items:start}.sidebar-panel{position:sticky;top:94px;display:grid;gap:14px;max-height:calc(100vh - 112px);overflow:auto}.library-count{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:18px;background:#120f13;border:1px solid rgba(255,255,255,.07)}.library-count strong{font-size:32px;color:#fff}.library-count small{color:var(--muted)}.sidebar-field{display:grid;gap:8px}.sidebar-field span{font-size:13px;color:var(--muted)}.sample-list{display:grid;gap:10px}.sample-button{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:center;padding:10px;border-radius:18px;border:1px solid rgba(255,255,255,.065);background:#120f13;cursor:pointer;text-align:left;color:#fff;transition:.15s transform,.15s border-color,.15s background}.sample-button:hover,.sample-button.active{transform:translateY(-1px);border-color:rgba(209,31,41,.38);background:rgba(209,31,41,.08)}.sample-button img{width:68px;height:54px;object-fit:cover;border-radius:12px}.sample-button strong{display:block;font-size:14px}.sample-button small{display:block;color:var(--muted);margin-top:3px;font-size:12px}.sample-button .sample-family{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.05);font-size:11px;color:#f0e7ee}.inner-panel{padding:16px}.upload-preview h4{margin:0 0 12px}.dropzone{display:grid;justify-items:center;text-align:center;gap:8px;padding:18px;border-radius:18px;border:1px dashed rgba(209,31,41,.4);background:rgba(209,31,41,.06);cursor:pointer}.dropzone input{display:none}.drop-plus{font-size:28px;color:#ffd7da}.dropzone strong{font-size:15px}.dropzone small{color:var(--muted);line-height:1.45}.upload-preview-stage{margin-top:14px;border-radius:18px;overflow:hidden;background:#0d0c0e;border:1px solid rgba(255,255,255,.06);min-height:180px;display:grid;place-items:center}.upload-preview-stage.empty p{padding:18px;color:var(--muted);text-align:center}.upload-preview-stage img{width:100%;display:block;max-height:280px;object-fit:cover}.notice-banner{margin-top:14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.notice-banner p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.summary-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.summary-kicker{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ffbec4}.summary-strip h3{margin:6px 0 4px;font-size:34px}.summary-scientific{margin:0;color:var(--muted);font-style:italic}.summary-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);font-size:12px}.accent-tag{background:rgba(209,31,41,.14);border-color:rgba(209,31,41,.25);color:#ffd7da}.metrics-panel p{margin:16px 0 0;color:var(--muted);line-height:1.6}.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{padding:16px;border-radius:18px;background:#110f12;border:1px solid rgba(255,255,255,.07)}.metric-card small{display:block;color:var(--muted);margin-bottom:8px}.metric-card strong{font-size:20px;line-height:1.2}.tabs-panel{padding-top:18px}.tab-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.tab{padding:12px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#110f12;color:#fff;cursor:pointer}.tab.active{background:rgba(209,31,41,.16);border-color:rgba(209,31,41,.32)}.tab-content{display:none}.tab-content.active{display:block}.analysis-grid{grid-template-columns:1.16fr .84fr}.analysis-stage-wrap h4,.analysis-side h4{margin:0 0 12px}.analysis-stage{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:#0d0c0f;border:1px solid rgba(255,255,255,.06)}.analysis-stage img{width:100%;height:100%;display:block;object-fit:cover}.box{position:absolute;border:2px solid var(--accent);border-radius:10px;box-shadow:0 0 0 1px rgba(0,0,0,.28), 0 8px 20px rgba(0,0,0,.18)}.box.id{border-color:var(--accent)}.box.part{border-color:var(--gold)}.box.symptom{border-color:var(--cyan)}.box-label{position:absolute;left:-1px;top:-1px;transform:translateY(-100%);background:rgba(0,0,0,.88);color:#fff;padding:4px 7px;border-radius:8px 8px 8px 0;font-size:11px;line-height:1.25;max-width:220px;white-space:nowrap}.analysis-list{display:grid;gap:10px;max-height:625px;overflow:auto;padding-right:4px}.finding-card{padding:14px;border-radius:16px;background:#110f12;border:1px solid rgba(255,255,255,.07)}.finding-card h5{margin:0 0 8px;font-size:15px}.finding-card p{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.45}.finding-meta{display:flex;gap:8px;flex-wrap:wrap}.diagnosis-bottom-grid{grid-template-columns:1fr 1fr;margin-top:20px}.block-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.block-title h3{margin:0}.text-card{color:var(--muted);line-height:1.7}.text-card strong{color:#fff}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1200px){.hero-grid,.diagnosis-layout,.analysis-grid,.diagnosis-bottom-grid{grid-template-columns:1fr}.sidebar-panel{position:static;max-height:none}.report-metrics,.feature-grid,.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.topbar{flex-direction:column;align-items:stretch}.nav-pills{overflow:auto;padding-bottom:3px}.feature-grid,.workflow-grid,.report-metrics{grid-template-columns:1fr}.summary-strip{flex-direction:column;align-items:flex-start}.summary-strip h3{font-size:28px}.brand img{width:50px;height:50px}.sample-button{grid-template-columns:56px 1fr}.sample-button img{width:56px;height:48px}.analysis-stage{aspect-ratio:4/3}.box-label{font-size:9px;max-width:170px}}

.box.inside .box-label{top:2px;left:2px;transform:none;border-radius:8px;}