.lab-tabs{gap:0}.lab-tabs-list{background:0 0;border-bottom:1px solid #526265;border-radius:0;justify-content:start;gap:0;width:100%;height:auto;margin-bottom:2rem;padding:0;display:flex}.lab-tabs-list button{color:#b5c2c5;height:auto;min-height:48px;box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:12px 20px;font-size:.875rem}.lab-tabs-list button[data-active]{border-bottom-color:var(--acid);color:var(--acid);box-shadow:none;background:0 0}.lab-experiment-panel:not([hidden]){animation:.26s both rotation-enter}.rotation-lab{letter-spacing:0}.rotation-loading{color:#b5c2c5;min-height:32rem;display:block}.rotation-heading,.rotation-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.rotation-heading{margin-bottom:1.5rem}.rotation-heading h2{margin-bottom:.5rem;font-size:1.75rem;font-weight:500;line-height:1.3}.rotation-heading p{color:#b5c2c5;line-height:1.6}.rotation-section-heading{margin-bottom:1rem}.rotation-section-heading h3{font-size:1rem;font-weight:500;line-height:1.5}.rotation-section-heading>span{font:.6875rem var(--font-mono), monospace;color:#b5c2c5}.rotation-controls{border-block:1px solid #354245;grid-template-columns:1.1fr 1fr;gap:2rem;padding:1.5rem 0;display:grid}.rotation-input label{margin-bottom:.75rem;font-size:.9375rem;font-weight:500;display:block}.rotation-input textarea{color:#e8edee;width:100%;min-height:116px;font:.9375rem/1.6 var(--font-mono), monospace;resize:vertical;background:#101719;border:1px solid #6c7e80;border-radius:4px;padding:14px;display:block}.rotation-input textarea[aria-invalid=true]{border-color:#f0b0a2}.rotation-input-footer{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.rotation-input-footer>span{color:#b5c2c5;flex:1;font-size:.75rem;line-height:1.6}.rotation-keys ul,.rotation-records ul{margin:0;padding:0;list-style:none}.rotation-keys li{border-top:1px solid #354245;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;font-size:.8125rem;display:flex}.rotation-keys li strong{font-weight:500}.rotation-keys li>span{color:#b5c2c5;margin-left:auto;font-size:.75rem}.rotation-keys li[data-current=true]>svg{color:var(--acid)}.rotation-actions{flex-wrap:wrap;gap:8px;margin-top:1rem;display:flex}.rotation-actions button{color:#e8edee;cursor:pointer;background:0 0;border:1px solid #6c7e80;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:.75rem;transition:border-color .18s,background-color .18s;display:inline-flex}.rotation-actions button svg{flex-shrink:0}.rotation-note{color:#b5c2c5;margin-top:1rem;font-size:.75rem;line-height:1.7}.rotation-feedback{color:#c6e6ac;align-items:center;min-height:4.5rem;padding:1rem 0;font-size:.8125rem;line-height:1.7;display:flex}.rotation-feedback[data-error=true],.rotation-warning{color:#f0b0a2}.rotation-workspace{grid-template-columns:minmax(230px,.75fr) minmax(0,1.4fr);gap:2rem;display:grid}.rotation-records li+li{border-top:1px solid #354245}.rotation-records button{text-align:left;color:#e8edee;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px;transition:background-color .18s,border-color .18s;display:flex}.rotation-records button[aria-pressed=true]{background:#18231b;border-color:#a4be82}.rotation-records button>svg{flex-shrink:0}.rotation-records button>span:first-of-type{gap:6px;display:grid}.rotation-records strong{font-size:.875rem;font-weight:500}.rotation-records small{font:.6875rem var(--font-mono), monospace;color:#b5c2c5}.rotation-availability{color:#b9d8a4;margin-left:auto;font-size:.6875rem}.rotation-availability[data-blocked=true]{color:#f0b0a2}.rotation-envelope{border-left:1px solid #354245;min-width:0;padding-left:2rem}.rotation-chain{margin:0 0 1.5rem;padding:0;list-style:none}.rotation-chain li{align-items:center;gap:14px;min-height:64px;padding:10px 0;display:flex}.rotation-chain li>svg{color:#9edade;flex-shrink:0;width:20px}.rotation-chain li>span{font-size:.9375rem}.rotation-chain small{color:#b5c2c5;margin-top:6px;font-size:.75rem;line-height:1.6;display:block}.rotation-empty{color:#b5c2c5;align-content:center;justify-items:start;gap:1rem;min-height:150px;font-size:.8125rem;line-height:1.7;display:grid}.rotation-warning{margin-top:1rem;font-size:.8125rem;line-height:1.7}.rotation-recovered{border-top:1px solid #354245;margin-top:1rem;padding:1.25rem 0;animation:.26s both rotation-enter;display:block}.rotation-recovered strong{color:#c6e6ac;align-items:center;gap:8px;font-size:.75rem;font-weight:500;display:flex}.rotation-recovered>span{white-space:pre-wrap;overflow-wrap:anywhere;font:.875rem/1.7 var(--font-mono), monospace;margin-top:.75rem;display:block}.rotation-bytes,.rotation-boundary{color:#b5c2c5;margin-top:1.5rem;font-size:.8125rem;line-height:1.7}.rotation-lab summary{cursor:pointer;color:#e8edee;min-height:44px;padding:10px 0}.rotation-bytes dt{margin-top:1rem;font-size:.75rem}.rotation-bytes dd{overflow-wrap:anywhere;color:#e8edee;font:.75rem/1.7 var(--font-mono), monospace;margin:6px 0 0}.rotation-boundary{border-top:1px solid #354245;padding-top:1rem}.rotation-boundary p{max-width:70ch;margin:1rem 0}.rotation-boundary a,.rotation-reading{color:#c6e6ac;text-underline-offset:4px;text-decoration:underline}.rotation-reading{align-items:center;min-height:44px;margin-top:1rem;font-size:.8125rem;line-height:1.7;display:inline-flex}@keyframes rotation-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.rotation-actions button:not(:disabled):hover,.rotation-records button:not(:disabled):hover{background:#1b2923;border-color:#a4be82}}@media (max-width:1000px){.rotation-controls,.rotation-workspace{grid-template-columns:1fr;gap:1.5rem}.rotation-envelope{border-top:1px solid #354245;border-left:0;padding:1.5rem 0 0}.rotation-records ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rotation-records li+li{border-top:0}}@media (max-width:599px){.lab-tabs-list button{white-space:normal;flex:1;padding:12px 8px;font-size:.8125rem}.rotation-heading h2{font-size:1.5rem}.rotation-records ul{grid-template-columns:1fr}.rotation-controls{padding-top:1rem}}
