:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#f1f4f7;background:#090e17;font-synthesis:none;--accent:#d7fb79;--line:#283442;--card:#111b27;--muted:#8794a3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 70% 30% at 65% 4%,#203044 0%,transparent 65%),#090e17}button,select,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.page{max-width:1360px;margin:auto;padding:0 30px}.header{display:flex;align-items:center;justify-content:space-between;min-height:94px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:700;letter-spacing:1.7px}.brand b{color:var(--accent)}.brand small{display:block;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:2.7px;margin-top:5px}.brand-glyph{font-size:38px;color:var(--accent)}.badge{font-size:12px;color:var(--accent);border:1px solid #304236;border-radius:24px;padding:10px 14px;background:#131f20}.badge.error{color:#ff8f83;border-color:#5d2929;background:#26161a}.headline{padding:45px 0 36px}.eyebrow,.overline{color:var(--accent);font-size:11px;letter-spacing:2px;font-weight:750}.headline h1{font-size:clamp(44px,6.4vw,91px);line-height:1.06;letter-spacing:-.068em;margin:14px 0;font-weight:750}.headline h1 em{font-style:normal;color:var(--accent)}.headline p{max-width:570px;color:#a8b4c4;line-height:1.5;font-size:16px}.stats-bar{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:25px}.stat{padding:24px 26px;min-width:0}.stat:first-child{padding-left:0}.stat+.stat{border-left:1px solid var(--line)}.stat small,.stat span{color:var(--muted);display:block;font-size:10px;letter-spacing:1px}.stat strong{display:block;font-size:39px;letter-spacing:-2px;margin:6px 0}.stat span{letter-spacing:0;font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1.53fr) minmax(315px,1fr);gap:22px}.stage,.inspector,.log-panel,.action-panel{background:linear-gradient(145deg,#14202c,#101924);border:1px solid #293543;border-radius:18px;min-width:0}.stage{padding:25px}.stage-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.stage h2,.inspector h2,.lower h2{font-size:25px;letter-spacing:-.6px;margin:9px 0 0}.select-wrap{display:flex;flex-direction:column;gap:6px;min-width:0}.select-wrap label,.search-block label,.action-panel form label{font-size:10px;color:#9eacb9;letter-spacing:1.2px;font-weight:700}.select-wrap select{background:#1c2a36;color:white;border:1px solid #415061;border-radius:10px;padding:10px 14px;max-width:200px;min-height:42px}.body-meta{display:flex;flex-wrap:wrap;gap:14px 17px;font-size:11px;color:#a4b2c2;padding-top:20px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.green{background:#70cc96}.red{background:#f08079}.blue{background:#6da7ff}.grey{background:#667585}.viewer{position:relative;height:min(67vw,590px);min-height:330px;max-height:590px;margin:0 -10px;background:radial-gradient(ellipse 52% 65% at 50% 46%,#223342 0,#182532 36%,#121e2a 63%,transparent 80%);overflow:hidden;border-radius:12px;touch-action:pan-y}.viewer canvas{width:100%;height:100%;display:block;touch-action:none}.viewer-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;color:#acb8c5;font-size:13px;z-index:1;text-align:center;padding:24px}.viewer-loading.hidden{display:none}.pulse{border:2px solid #3d5147;border-top-color:var(--accent);border-radius:50%;height:23px;width:23px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewport-hint{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1.35px;color:#8fa3b3;white-space:nowrap;pointer-events:none}.control-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:11px;align-items:end}.segmented{display:flex;gap:4px;background:#1c2a36;border-radius:10px;padding:5px}.segmented button{flex:1;min-width:0;background:transparent;color:#cbd5df;border:0;border-radius:8px;padding:11px 6px;font-size:11px}.segmented button.active{background:var(--accent);color:#12200e;font-weight:800}.control-grid select{width:100%}.model-note{margin-top:18px;padding:14px;border-top:1px solid var(--line);font-size:11px;color:#8a98a9;line-height:1.6}.model-note b{font-weight:500;color:#c0c9d3}.inspector{padding:26px;display:flex;flex-direction:column}.inspector-top{min-height:102px}.latin{color:#889caf;font-style:italic;font-size:13px;margin-top:6px}.change-box{margin-top:13px;border:1px solid #34444a;background:linear-gradient(115deg,#22313b,#182934);border-radius:14px;padding:20px 21px;display:flex;flex-direction:column}.change-box span,.change-box small{color:#a0b1bc;font-size:10px;letter-spacing:1px}.change-box strong{font-size:53px;letter-spacing:-3px;line-height:1.25;color:#dae9ef}.change-box strong.up{color:#71d9a6}.change-box strong.down{color:#ff8077}.change-box small{font-size:12px;letter-spacing:0}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.metric-pair div{padding:14px;background:#0d1722;border:1px solid #263442;border-radius:12px}.metric-pair small{display:block;font-size:9px;letter-spacing:.7px;color:#8492a2}.metric-pair b{display:block;font-size:26px;margin-top:10px;letter-spacing:-.5px}.small-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.small-grid div{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #273746;padding:9px 3px;font-size:12px;color:#8fa4b4}.small-grid b{font-size:15px;color:#ebf0f4}.chart-header{display:flex;justify-content:space-between;gap:5px;margin-top:32px;font-size:10px;letter-spacing:.8px;color:#b5c2ce}.chart-header span{color:#6a8ba1}.chart{height:160px;margin:9px 0 23px}.chart svg{display:block;width:100%;height:100%}.empty-chart{font-size:12px;color:#657888;display:block;text-align:center;padding-top:70px}.search-block{margin-top:auto}.search-block input{width:100%;background:#101a26;color:white;border:1px solid #3d4f5d;border-radius:10px;font-size:15px;padding:13px;margin:9px 0}.muscle-list{overflow:auto;max-height:230px;scrollbar-width:thin}.muscle-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:none;width:100%;padding:11px 8px;border:0;border-bottom:1px solid #233242;color:#e4ebf0;text-align:left;font-size:13px}.muscle-item small{color:#92a5b3;font-size:11px}.muscle-item:hover,.muscle-item.chosen{background:#243442}.muscle-item.chosen{color:var(--accent)}.lower{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-top:22px}.log-panel,.action-panel{padding:25px}.history{max-height:360px;overflow:auto;margin-top:20px}.row{border-bottom:1px solid #253442;padding:13px 4px}.row strong{display:block;font-size:13px;font-weight:600}.row span{display:block;font-size:11px;color:#8e9faf;margin-top:4px}.muted{color:var(--muted)}.action-panel p{font-size:13px;color:#9cabb8;line-height:1.65}.action-panel form{display:flex;flex-direction:column;gap:10px;margin-top:23px}.action-panel textarea{resize:vertical;background:#0f1b27;color:#eff4f8;border:1px solid #3f4b58;border-radius:9px;padding:13px;font-size:16px;min-height:85px}.action-panel form button{background:var(--accent);border:0;border-radius:10px;padding:14px;font-weight:800;color:#13200d;min-height:44px}.action-panel #captureReply{font-size:13px;color:#c0d1df;line-height:1.5;white-space:pre-wrap;margin-top:13px}.export{display:flex;gap:9px;margin-top:20px}.export button{flex:1;background:transparent;color:#d2dae3;border:1px solid #394856;border-radius:9px;min-height:42px;padding:8px 10px;font-size:12px}footer{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;color:#708292;font-size:10px;letter-spacing:.6px;padding:36px 0 55px}footer a{color:#abc2db}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.viewer{height:500px}.inspector{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px}.inspector-top,.change-box,.metric-pair,.small-grid,.chart-header,.chart,.search-block{margin-top:0}.inspector-top{grid-column:1/-1;min-height:auto}.chart-header,.chart{grid-column:1/-1}.search-block{grid-column:1/-1}}@media(max-width:700px){.page{padding:0 13px}.header{min-height:75px}.brand{font-size:15px}.brand-glyph{font-size:31px}.badge{font-size:10px;padding:8px}.headline{padding:30px 3px}.headline p{font-size:13px}.stats-bar{margin-bottom:14px}.stat{padding:16px 12px}.stat:first-child{padding-left:5px}.stat strong{font-size:30px}.stat small{font-size:8px;letter-spacing:.3px}.stat span{font-size:10px}.stage,.inspector,.log-panel,.action-panel{padding:16px;border-radius:13px}.stage-head{align-items:flex-start}.stage h2,.inspector h2,.lower h2{font-size:20px}.stage-head .select-wrap select{font-size:12px;max-width:145px}.body-meta{gap:10px;font-size:10px}.viewer{height:420px;min-height:320px}.control-grid{grid-template-columns:1fr 1fr}.segmented{grid-column:1/-1}.metric-select select,.layer-select select{max-width:none}.inspector{display:flex}.inspector-top{min-height:auto}.change-box{margin-top:5px}.metric-pair{margin:10px 0}.chart-header{margin-top:18px}.chart{margin-bottom:10px}.lower{grid-template-columns:1fr;gap:14px;margin-top:14px}.viewport-hint{font-size:8px;letter-spacing:.5px}.brand small{font-size:7px}}