:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-1:#14150f;--bg-2:#1b2015;--panel:#20261a;--panel-2:#171d14;--line:#4d5a43;--text:#dde3cf;--muted:#acb69d;--ok:#98c08d;--warn:#d8b36f;--bad:#c97d72;--hazard:#8b4f2c}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 8% 0%, #2f3424 0%, var(--bg-1) 40%, #0f120d 100%);min-height:100%;color:var(--text);margin:0;font-family:Bahnschrift,Trebuchet MS,Lucida Sans Unicode,sans-serif}body:before{content:"";pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#f8dfad05 0 1px,#0000 1px 3px),radial-gradient(circle at 75% 15%,#ad623a1a,#0000 35%);position:fixed;inset:0}.layout{grid-template-rows:auto auto auto auto 1fr auto;gap:.8rem;min-height:100vh;padding:.8rem;display:grid}.topbar{border:1px solid var(--line);background:linear-gradient(#2d3524f5,#1b2117f5);border-radius:.7rem;flex-wrap:wrap;justify-content:space-between;gap:.8rem;padding:.8rem;display:flex}.topbar h1{margin:0;font-size:1.2rem}.topbar p{color:var(--muted);margin:.22rem 0 0}.toolbar{align-items:center;gap:.5rem;display:flex}button,a,input,select{font:inherit}button,a{color:#f0e8d2;cursor:pointer;background:linear-gradient(#4f583c,#3b422d);border:1px solid #6f7750;border-radius:.45rem;padding:.42rem .62rem;text-decoration:none}.controls,.summary,.pager{background:#161b12d1;border:1px solid #707e5d8c;border-radius:.65rem;padding:.66rem}.controls{grid-template-columns:minmax(230px,2fr) repeat(4,minmax(145px,1fr));gap:.65rem;display:grid}.controls label{gap:.25rem;display:grid}.controls span{color:var(--muted);font-size:.8rem}.controls input,.controls select{color:var(--text);background:#161c13;border:1px solid #616d51;border-radius:.4rem;padding:.44rem .5rem}.summary{color:#bdd2df;font-size:.9rem}.pager{justify-content:center;align-items:center;gap:.8rem;display:flex}#page-line{color:#d5e7f3;text-align:center;min-width:9rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));align-content:start;gap:.7rem;display:grid}.workspace{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:.7rem;display:grid}.inspector{background:linear-gradient(#22291bf2,#141810f2);border:1px solid #6d7a55b3;border-radius:.7rem;gap:.5rem;padding:.7rem;display:grid;position:sticky;top:.7rem}.inspector h2{margin:0;font-size:.95rem}.inspector-hint{color:var(--muted);margin:0;font-size:.78rem}.inspector-meta{grid-template-columns:auto 1fr;gap:.25rem .5rem;margin:0;display:grid}.inspector-meta dt{color:var(--muted);font-size:.78rem}.inspector-meta dd{word-break:break-all;margin:0;font-size:.8rem}.inspector label{gap:.25rem;display:grid}.inspector span{color:var(--muted);font-size:.78rem}.inspector select,.inspector textarea,.inspector input[type=range],.inspector input[type=text]{color:var(--text);background:#161c13;border:1px solid #616d51;border-radius:.4rem;padding:.4rem .45rem}.inspector output{color:#c4d9e7;font-size:.78rem}.row-buttons{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.row-toggle{flex-wrap:wrap;gap:.7rem;display:flex}.mismatch-fieldset{border:1px solid #707e5d8c;border-radius:.45rem;gap:.22rem;margin:0;padding:.45rem .5rem;display:grid}.mismatch-fieldset legend{color:var(--muted);padding:0 .2rem;font-size:.75rem}.mismatch-fieldset label{color:var(--text);align-items:center;gap:.4rem;font-size:.76rem;display:flex}.card{background:linear-gradient(#1f2618f2,#141910f2);border:1px solid #6c7953b3;border-radius:.7rem;overflow:hidden}.card.is-selected{border-color:#d6bf82;box-shadow:0 0 0 1px #d6bf8299,0 0 0 4px #83592f59}.preview{background:radial-gradient(circle at 30% 20%,#5e53347a,#13160ff2 66%),linear-gradient(#151a12,#10150e);border-bottom:1px solid #67744c99;height:170px;position:relative}.preview canvas{width:100%;height:100%;display:block}.preview .no-model{color:#a8bfce;place-items:center;margin:0;font-size:.85rem;display:grid;position:absolute;inset:0}.card-body{gap:.45rem;padding:.62rem;display:grid}.title-line{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.class-name{word-break:break-word;margin:0;font-size:.95rem;line-height:1.2}.tag{color:#d8dfc3;white-space:nowrap;background:#3c432b8c;border:1px solid #7b835c8c;border-radius:999px;padding:.12rem .5rem;font-size:.74rem}.path{color:var(--muted);word-break:break-all;margin:0;font-size:.77rem}.viewer-link{color:#d5e7f3;background:#2a363f73;border:1px solid #849fb273;border-radius:.42rem;width:fit-content;padding:.24rem .45rem;font-size:.74rem;text-decoration:none;display:inline-flex}.metrics{grid-template-columns:1fr;gap:.2rem;display:grid}.metric{justify-content:space-between;gap:.4rem;font-size:.8rem;display:flex}.metric dt{color:var(--muted)}.metric dd{text-align:right;margin:0}.status-pill{border:1px solid #67899b73;border-radius:999px;padding:.1rem .45rem;font-size:.74rem}.status-pill.ok{color:#9de7c6;background:#3a6d564d;border-color:#7ad0a999}.status-pill.warn{color:#f0d8a6;background:#714f265c;border-color:#d8b36fa6}.status-pill.bad{color:#ffc2bf;background:#70332f47;border-color:#e98a868c}.status-line{color:#abc2d2;border-top:1px dashed #6d94a873;padding-top:.55rem;font-size:.82rem}@media (width<=900px){.controls,.workspace{grid-template-columns:1fr}.inspector{position:static}}