.formation-lab{background:#08090b}.formation-lab:before{background:radial-gradient(circle at 74% 35%,#a4c0e014,#0000 25%),linear-gradient(#0000001a,#00000047)}.formation-lab:after{display:none}.sequence-caption{z-index:4;pointer-events:none;text-shadow:0 2px 12px #000000b8;gap:6px;display:grid;position:absolute;top:102px;left:30px}.sequence-caption span{color:#dce6f194;letter-spacing:.2em;font-size:8px}.sequence-caption strong{color:#eef4fb;letter-spacing:.03em;font-size:18px;font-weight:520}.sequence-caption p{color:#cad5e17a;letter-spacing:.06em;margin:0;font-size:10px}.sequence-console{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a0ec7;border:1px solid #d5e2f21c;grid-template-columns:minmax(360px,1fr) minmax(430px,.95fr) auto;align-items:center;gap:20px;padding:13px 16px;display:grid;position:absolute;bottom:26px;left:28px;right:28px;box-shadow:0 18px 42px #0000004d}.transport{grid-template-columns:auto auto minmax(160px,1fr) auto;align-items:center;gap:9px;display:grid}.sequence-console button{color:#e9f0f9d1;min-height:31px;font:inherit;letter-spacing:.08em;cursor:pointer;background:#0f1218cc;border:1px solid #dae5f221;border-radius:2px;padding:0 12px;font-size:9px}.sequence-console button:hover{background:#1f2630d9;border-color:#dbe8f947}.timeline-control{align-items:center;display:grid}.sequence-console input[type=range]{width:100%}.transport output{color:#dde6f1a8;font-variant-numeric:tabular-nums;text-align:right;min-width:78px;font-size:9px}.compact-controls{grid-template-columns:repeat(4,minmax(74px,1fr)) auto;align-items:end;gap:12px;display:grid}.compact-controls label{gap:6px;display:grid}.compact-controls label>span{color:#bbc9da8a;letter-spacing:.07em;justify-content:space-between;gap:8px;font-size:8px;display:flex}.compact-controls output{color:#e5edf7c7;font-variant-numeric:tabular-nums}.compact-metrics{white-space:nowrap;border-left:1px solid #d4e2f21a;grid-template-columns:repeat(2,auto);gap:6px 14px;padding-left:16px;display:grid}.compact-metrics span{color:#99abbf7a;letter-spacing:.11em;font-size:7px}.compact-metrics strong{color:#e3edf8db;font-variant-numeric:tabular-nums;margin-left:5px;font-size:10px;font-weight:540}.gesture-hint{z-index:3;color:#bcc9db5c;letter-spacing:.08em;pointer-events:none;font-family:Inter,SF Pro Text,system-ui,sans-serif;font-size:8px;position:absolute;bottom:118px;right:30px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1040px){.sequence-console{grid-template-columns:1fr;gap:11px}.compact-metrics{border:0;grid-template-columns:repeat(4,auto);justify-content:end;padding:0}.gesture-hint{display:none}}@media (width<=720px),(height<=580px){.formation-lab{min-width:0;min-height:0}.lab-header{top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));left:calc(14px + env(safe-area-inset-left))}.lab-title{gap:9px}.lab-mark{width:5px;height:30px}.lab-title p{font-size:7px}.lab-title h1{font-size:19px}#device-state{min-height:28px;padding:7px 9px;font-size:7px}.sequence-caption{top:calc(78px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left))}.sequence-caption span{font-size:7px}.sequence-caption strong{font-size:16px}.lab-header__actions a,.sequence-caption p,.compact-controls{display:none}.sequence-console{right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));left:calc(14px + env(safe-area-inset-left));gap:9px;padding:10px}.transport{grid-template-columns:auto auto minmax(100px,1fr)}.transport output{display:none}.compact-metrics{justify-content:space-between;gap:5px}}