:root{color-scheme:dark;--ink: #f2f4ef;--muted: #a8ada8;--panel: rgba(11, 12, 12, .9);--line: rgba(242, 244, 239, .14);--cyan: #64d8d3;--amber: #e0ad55;--red: #df7d6f;--green: #8fc46f;--violet: #a79be8}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;background:#080909;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(310px,26vw,410px);min-height:100vh;overflow:hidden;background:#050707}.viewport{position:relative;min-width:0;min-height:100vh;background:#050707}.aura-lab-set{position:absolute;inset:0;width:100%;height:100%}.aura-lab-set{z-index:1;transition:opacity .18s ease}.aura-lab-set canvas{width:100%!important;height:100%!important;background:#050707!important}.lab-panel{z-index:5;display:flex;flex-direction:column;gap:18px;min-height:100vh;padding:clamp(20px,2.4vw,34px);border-left:1px solid var(--line);background:linear-gradient(180deg,#080909d1,#11120ff5),var(--panel);box-shadow:-24px 0 60px #00000057;backdrop-filter:blur(18px)}.panel-heading{padding-bottom:16px;border-bottom:1px solid var(--line)}.eyebrow,.section-label{margin:0 0 8px;color:var(--cyan);font-size:.72rem;font-weight:750;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:#f8fff8;font-size:clamp(2rem,4vw,3.25rem);line-height:.95;letter-spacing:0}.summary{max-width:31rem;margin:14px 0 0;color:var(--muted);font-size:.96rem;line-height:1.52}.control-section,.status-panel,.performance-panel{padding:16px;border:1px solid var(--line);border-radius:8px;background:#121412eb}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.segmented button{min-width:0;min-height:42px;padding:0 10px;border:1px solid rgba(242,244,239,.15);border-radius:6px;color:var(--ink);background:#ffffff0b;cursor:pointer}.segmented button[aria-pressed=true]{border-color:#64d8d39e;background:linear-gradient(180deg,#64d8d338,#e0ad551c)}.range-label{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px;color:var(--ink);font-weight:650}output{color:var(--amber);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--cyan)}dl{display:grid;grid-template-columns:1fr;gap:8px;margin:0}dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:baseline;min-height:30px;padding-bottom:8px;border-bottom:1px solid rgba(242,244,239,.09)}dt{color:var(--muted);font-size:.76rem}dd{min-width:0;margin:0;color:#f8fff8;font-size:.88rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.claim-boundary{margin:14px 0 0;color:#c7cbc5;font-size:.82rem;line-height:1.48}html[data-webgpu-native=unsupported] #status-value,html[data-webgpu-native=error] #status-value,html[data-webgpu-native=unsupported] #reason-value,html[data-webgpu-native=error] #reason-value{color:var(--red)}html[data-webgpu-native=running] #status-value{color:var(--green)}@media(max-width:930px){.shell{display:block;min-height:100svh;overflow:hidden}.viewport{min-height:100svh}.lab-panel{position:absolute;inset:12px 12px auto;min-height:auto;max-height:min(44svh,360px);overflow:auto;border:1px solid var(--line);background:linear-gradient(180deg,#080909e6,#11120fc7),var(--panel);box-shadow:0 22px 64px #00000070}h1{font-size:2rem}}@media(max-width:540px){.segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-panel{padding:14px;gap:10px;max-height:34svh}.panel-heading{padding-bottom:10px}.summary,.status-panel,.performance-panel{display:none}.control-section,.status-panel{padding:10px}.segmented button{min-height:38px;padding:0 6px;font-size:.86rem}h1{font-size:1.78rem}}