:root{--page:#060d18;--panel:#0a1320;--panel2:#0e1b2b;--line:#243247;--white:#e9f4ff;--muted:#8999ae;--aqua:#77e5de;--yellow:#f9c979;--soft:#172739;--scroll:#304156}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--page);color:var(--white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}body{overflow:hidden}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}a{color:inherit;text-decoration:none}
.app{display:flex;flex-direction:column;height:100dvh;min-height:640px}.topbar{height:75px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 27px;gap:18px;background:#091321;position:relative;z-index:3}.branding{display:flex;align-items:center;gap:13px;min-width:200px}.brandmark{width:41px;height:41px;display:grid;place-items:center;border:1px solid #3f6170;border-radius:12px;background:linear-gradient(145deg,#213c4f,#0b1726);color:var(--aqua);font-weight:800;font-size:22px;transform:rotate(-7deg)}.branding b{font-weight:800;font-size:17px;letter-spacing:.12em;display:block}.branding small{color:#74b3c2;font-size:10px;letter-spacing:.24em;font-weight:600;display:block;margin-top:4px}.main-nav{display:flex;align-items:center;gap:24px;color:#a4b3c5;font-size:12px;font-weight:600;letter-spacing:.07em}.nav-current{color:var(--aqua);padding-bottom:26px;padding-top:26px;border-bottom:2px solid var(--aqua)}.top-actions{display:flex;align-items:center;gap:10px}.mini-stat{border:1px solid var(--line);border-radius:7px;padding:9px 12px;color:#b1c6d3;font-size:11px;white-space:nowrap}.mini-stat b{color:var(--white);font-size:13px;margin-right:5px}.mini-button{color:var(--aqua);border:1px solid #2e5663;border-radius:8px;background:#0f2834;padding:10px 14px;font-weight:800;font-size:12px}.layout{display:grid;grid-template-columns:295px minmax(360px,1fr) 306px;min-height:0;flex:1}.sidebar{background:var(--panel);display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}.side-top{padding:25px 18px 18px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.23em;color:var(--aqua)}h1{font-size:27px;letter-spacing:-.045em;line-height:1.12;margin:10px 0 11px}h1 em{font-style:normal;color:var(--aqua)}.subheading{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 20px}.searchbox{background:#0f1c2d;display:flex;align-items:center;gap:10px;border:1px solid #2a3d50;border-radius:9px;padding:10px 12px;color:#6e8299}.searchbox input{border:none;outline:none;background:none;color:var(--white);width:100%;font-size:13px}.searchbox input::placeholder{color:#667b90}.section-head{display:flex;align-items:center;justify-content:space-between;margin:21px 2px 11px;font-size:10px;letter-spacing:.16em;font-weight:800;color:#a1b3c8}.section-head small{color:var(--muted);font-size:11px;letter-spacing:0}.filters{max-height:196px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:5px}.filter{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;border:none;border-radius:7px;background:none;text-align:left;padding:7px 10px;color:#8b9daf;font-size:12px}.filter.active{background:linear-gradient(90deg,#173a48,#102534);color:#b7f9ef;box-shadow:inset 2px 0 0 #66d9cb}.filter:hover{background:#162639;color:var(--white)}.filter span:first-child{font-size:16px}.filter small{opacity:.72}.list-title{padding:15px 20px 10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#aebacc;font-size:10px;font-weight:800;letter-spacing:.16em}.list-title span:last-child{color:var(--aqua);letter-spacing:0}.assets-scroll{overflow-y:auto;flex:1;min-height:0;padding:0 9px 17px}.assets-scroll::-webkit-scrollbar,.filters::-webkit-scrollbar{width:5px}.assets-scroll::-webkit-scrollbar-thumb,.filters::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:9px}.asset-card{width:100%;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--white);display:flex;text-align:left;align-items:center;gap:11px;padding:7px 8px;margin:2px 0}.asset-card:hover{background:#142538}.asset-card.current{background:#152d3b;border-color:#2a6670}.asset-thumb{width:66px;height:58px;flex-shrink:0;display:grid;place-items:center;border-radius:6px;background:radial-gradient(circle at 50% 33%,#213d50,#0b1524);overflow:hidden}.asset-thumb img{width:100%;height:100%;object-fit:contain}.asset-thumb span{font-size:26px}.card-copy{min-width:0;flex:1}.card-copy strong{font-size:12px;font-weight:730;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-copy small{font-size:10px;color:var(--muted);white-space:nowrap;display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis}.asset-chevron{color:#517783;font-size:22px}.empty{color:var(--muted);padding:25px;font-size:12px}.stage-column{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(ellipse at 50% 38%,#143044 0%,#0a1a2d 43%,#081321 100%)}.stage-top{display:flex;justify-content:space-between;align-items:center;padding:23px 26px 8px}.stage-label{color:#75c3cd;font-weight:800;font-size:10px;letter-spacing:.20em}.stage-title{font-size:14px;color:#f1f7ff;font-weight:700;margin-top:5px}.engine-label{border:1px solid #2a5e6a;border-radius:50px;padding:7px 12px;color:#9be3dc;font-size:10px;letter-spacing:.12em;white-space:nowrap}.engine-led{display:inline-block;background:#6ce2c9;width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px #68dfc4;margin-right:6px}.viewport{flex:1;min-height:220px;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}.watermark{pointer-events:none;position:absolute;left:24px;top:23px;font-size:10px;color:#64869e;letter-spacing:.16em;font-weight:800}.corner{position:absolute;width:21px;height:21px;border-color:#426077;opacity:.64;pointer-events:none}.c1{top:16px;left:19px;border-top:1px solid;border-left:1px solid}.c2{top:16px;right:19px;border-top:1px solid;border-right:1px solid}.c3{bottom:21px;left:19px;border-bottom:1px solid;border-left:1px solid}.c4{bottom:21px;right:19px;border-bottom:1px solid;border-right:1px solid}.axis-mark{position:absolute;bottom:34px;left:32px;font-size:10px;font-weight:800;color:#7a9bb0;display:flex;align-items:center;gap:8px;pointer-events:none}.axis-blob{height:8px;width:8px;border-radius:50%;background:var(--aqua)}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--aqua);font-size:11px;letter-spacing:.2em;visibility:hidden}.loading.visible{visibility:visible}.stage-footer{height:76px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1a3447;padding:0 20px;background:#0b1829bd;gap:12px}.tools{display:flex;align-items:center;gap:8px}.tool{border:1px solid #294052;background:#0f2030;color:#9aafc2;border-radius:8px;padding:10px 11px;font-size:12px;display:flex;align-items:center;gap:8px}.tool:hover{color:#f2fffc;background:#193143}.tool.enabled{color:var(--aqua);border-color:#32717b;background:#163541}.tool .symbol{font-size:17px;line-height:12px}.action-primary{background:linear-gradient(135deg,#f5d198,#e9a96d);color:#162131;border:none;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:800;white-space:nowrap}.stage-status{display:flex;align-items:center;gap:7px;color:#7dabba;font-size:10px;letter-spacing:.11em;white-space:nowrap}.stage-status::before{content:'';width:6px;height:6px;background:#5bdfbc;border-radius:50%;box-shadow:0 0 10px #5bdfbc}.stage-status[data-error="yes"]{color:#ee8787}.stage-status[data-error="yes"]::before{background:#ff6a6a}.right-panel{background:var(--panel);padding:31px 21px;overflow-y:auto;border-left:1px solid var(--line)}.detail-overline{font-size:10px;letter-spacing:.17em;color:#6da0a9;font-weight:800;word-break:break-all}.detail-title{display:flex;align-items:center;gap:12px;margin:20px 0 11px}.detail-icon{border-radius:12px;background:#192f3e;border:1px solid #304b5c;width:52px;height:52px;display:grid;place-items:center;font-size:28px;flex:none}.detail-title h2{font-size:19px;line-height:1.25;margin:0;font-weight:800;letter-spacing:-.025em}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.tag{font-size:10px;color:#81e5d8;background:#143439;padding:7px 9px;border-radius:5px}.tag-outline{border:1px solid #304554;background:#142230;color:#b4bbc8}.detail-descr{font-size:12px;color:#92a6b8;line-height:1.9;margin:23px 0}.metrics{display:grid;grid-template-columns:1fr 1fr;border:1px solid #27384b;border-radius:10px;margin:23px 0;overflow:hidden}.metrics>div{padding:16px 12px;border-bottom:1px solid #27384b}.metrics>div:nth-child(odd){border-right:1px solid #27384b}.metrics>div:nth-child(n+3){border-bottom:none}.metrics small{font-size:9px;letter-spacing:.10em;color:#748c9e;display:block}.metrics strong{font-size:15px;display:block;margin-top:8px;white-space:nowrap;font-variant-numeric:tabular-nums}.download{background:var(--aqua);color:#0a212b;border-radius:8px;text-align:center;padding:14px 11px;display:block;font-size:13px;font-weight:850}.download span{font-size:18px;margin-right:5px}.download:hover{background:#a7fcf1}.copy-code{width:100%;border:1px solid #355363;border-radius:8px;background:#0d1f2d;color:#abdbda;padding:12px 10px;margin-top:10px;font-size:12px;font-weight:700}.copy-code:hover{background:#173040}.footnote{font-size:10px;color:#637c8c;line-height:1.7;margin-top:23px}.bottom-strip{display:flex;justify-content:space-between;gap:15px;align-items:center;height:34px;flex:none;padding:0 19px;border-top:1px solid #233447;color:#637e8d;font-size:10px;letter-spacing:.07em}.toast{position:fixed;left:50%;bottom:72px;transform:translateX(-50%) translateY(30px);background:#234c50;border:1px solid #51a59f;color:#c5f9f0;border-radius:9px;padding:12px 18px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.visible{transform:translateX(-50%);opacity:1}.mobile-filter-trigger{display:none}.gradient-divider{height:1px;background:linear-gradient(90deg,transparent,#2c475c,transparent)}
@media(max-width:1250px){.layout{grid-template-columns:275px minmax(320px,1fr) 275px}.topbar{padding:0 16px}.main-nav{gap:15px}.mini-stat{display:none}.right-panel{padding:24px 16px}.tool-text{display:none}}
@media(max-width:980px){.layout{grid-template-columns:240px minmax(320px,1fr)}.right-panel{display:none}.sidebar{border-right:1px solid var(--line)}.main-nav{display:none}.tool-text{display:inline}.stage-footer{gap:8px}}
@media(max-width:650px){body{overflow:auto}.app{height:100dvh;min-height:600px}.layout{display:flex;flex-direction:column}.topbar{height:61px}.branding{min-width:0}.branding b{font-size:13px}.branding small{font-size:8px}.brandmark{width:34px;height:34px;font-size:18px}.top-actions .mini-button{padding:8px 9px}.sidebar{border-right:none;border-bottom:1px solid var(--line);height:auto;min-height:0;flex:none}.side-top{padding:10px 14px;display:flex;align-items:center;gap:10px}.side-top>.eyebrow,.side-top>h1,.side-top>.subheading,.section-head,.filters,.list-title,.assets-scroll{display:none}.searchbox{flex:1;padding:7px 10px}.mobile-filter-trigger{display:block;border:1px solid #314b59;border-radius:8px;background:#13283a;color:var(--aqua);padding:9px 10px;font-size:12px}.sidebar.mobile-open .filters{display:flex;max-height:155px;padding:7px 14px}.sidebar.mobile-open .assets-scroll{display:block;max-height:190px}.sidebar.mobile-open .list-title{display:flex}.stage-column{flex:1;min-height:0}.stage-top{padding:13px 15px 7px}.stage-label{font-size:9px}.stage-title{font-size:11px}.engine-label{font-size:9px}.stage-footer{padding:0 8px;height:62px}.tool{padding:10px;font-size:12px}.tool-text{display:none}.action-primary{padding:11px 10px;font-size:11px}.stage-status{display:none}.bottom-strip{font-size:8px;padding:0 11px}}