:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0f0f0f;--highlight:#00da6d;--surface:#181818;--border:#303030;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:#f5f5f5;background:var(--background)}main{grid-template-columns:minmax(0,1fr) clamp(290px,25vw,340px);width:100%;height:100%;display:grid;overflow:hidden}.viewport{background:var(--background);min-width:0;height:100%;position:relative;overflow:hidden}#viewer,#viewer iframe{border:0;width:100%;height:100%;display:block}.joint-panel{z-index:1;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#ffffff1a,#0f0f0f85);border:1px solid #ffffff2e;border-radius:12px;width:min(340px,100% - 40px);padding:16px;position:absolute;top:20px;left:20px;box-shadow:inset 0 1px #ffffff14,0 12px 32px #00000047}.joint{grid-template-columns:24px minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:30px;font-size:12px;display:grid}.joint output{color:#bdbdbd;font-variant-numeric:tabular-nums;text-align:right}input[type=range]{appearance:none;background:linear-gradient(to right, var(--highlight) 0 var(--value,50%), #3b3b3b var(--value,50%) 100%);width:100%;height:4px;accent-color:var(--highlight);border-radius:999px;margin:0}input[type=range]:disabled{cursor:default;opacity:1}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--background);background:var(--highlight);width:12px;height:12px;box-shadow:0 0 0 1px var(--highlight);border-radius:50%}input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--highlight) 0 var(--value,50%), #3b3b3b var(--value,50%) 100%);border:0;border-radius:999px;height:4px}input[type=range]::-moz-range-thumb{border:2px solid var(--background);background:var(--highlight);width:8px;height:8px;box-shadow:0 0 0 1px var(--highlight);border-radius:50%}aside{border-left:1px solid var(--border);background:var(--background);scrollbar-color:#474747 var(--background);scrollbar-width:thin;flex-direction:column;height:100%;min-height:0;padding:24px;display:flex;overflow-y:auto}.logo{width:100%;max-width:260px;height:auto;margin:0 0 28px;display:block}.buttons{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:0;display:grid}button{font:inherit;border:1px solid var(--border);color:#f2f2f2;background:var(--surface);cursor:pointer;border-radius:7px;min-height:38px}.buttons button{justify-content:center;align-items:center;gap:6px;min-height:32px;padding:4px 8px;line-height:1;display:inline-flex}button:hover{border-color:var(--highlight);background:#1d1d1d}button:disabled{cursor:not-allowed;opacity:.5}button:disabled:hover{border-color:var(--border);background:var(--surface)}.buttons img{flex:none;width:18px;height:18px;display:block;transform:translateY(1px)}.charts{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));gap:20px;min-height:300px;margin-top:24px;display:grid}.chart{border-top:1px solid var(--border);flex-direction:column;min-height:0;padding-top:16px;display:flex}.chart h2{color:#d2d2d2;margin:0 0 4px;font-size:11px;font-weight:600}.chart h2 span{color:#727272;font-weight:400}.chart-canvas{flex:1;min-height:0;position:relative}