.transition-lab{color:#f0eee6;background:#17201b;border:1px solid #45503f;border-radius:12px;max-width:100%;margin:32px 0;padding:clamp(18px,3vw,32px);overflow:hidden}.transition-lab figcaption{letter-spacing:-.02em;font-size:1.3rem;font-weight:600;line-height:1.3}.transition-lab .lab-intro,.transition-lab .lab-result{color:#c6c9bf;font-size:.96rem;line-height:1.65}.lab-ruler{color:#a9b6a5;justify-content:space-between;padding:14px 0 8px;font-size:.75rem;display:flex}.lab-lanes{background:repeating-linear-gradient(90deg,#0000 0 calc(3.57143% - 1px),#ffffff0a calc(3.57143% - 1px) 3.57143%);border-block:1px solid #ffffff12;height:122px;position:relative}.lab-boundary{z-index:2;pointer-events:none;border-left:2px dashed #e6bf78;height:100%;position:absolute;left:71.4286%}.lab-clip{white-space:nowrap;border-radius:5px;height:42px;padding:10px;font-size:.8rem;position:absolute;overflow:hidden}.lab-a{background:#56452c;border:1px solid #b78b4a;width:57.1429%;top:12px;left:14.2857%}.lab-b{background:#344536;border:1px solid #8fa184;width:57.1429%;top:66px}.lab-b i{border-right:3px solid #d0dcc1;height:100%;position:absolute;top:0;right:0}.lab-controls{flex-wrap:wrap;align-items:end;gap:18px;margin-top:24px;display:flex}.lab-controls label{color:#c6c9bf;flex-direction:column;gap:8px;font-size:.85rem;display:flex}.lab-controls label:first-child{flex:1;min-width:160px}.lab-controls strong{color:#f0eee6;font-weight:500}.lab-controls input{accent-color:#e6bf78;cursor:pointer;width:100%;min-height:32px}.lab-controls select,.lab-controls button{font:inherit;color:#f0eee6;background:#202a22;border:1px solid #69745c;border-radius:6px;min-height:44px;padding:8px 12px}.lab-controls button{cursor:pointer}.lab-controls :focus-visible{outline-offset:4px;outline:2px solid #e6bf78}.transition-lab .lab-caption{color:#a9b6a5;border-top:1px solid #ffffff16;padding-top:14px;font-size:.78rem;line-height:1.6}.lab-result{min-height:5em}@media (max-width:480px){.lab-clip{padding:12px 6px;font-size:.68rem}.lab-controls{gap:12px}.lab-controls label:first-child{flex-basis:100%}.lab-controls button{font-size:.85rem}}.lab-ruler{height:36px;padding:0;display:block;position:relative}.lab-ruler span{position:absolute;top:10px;transform:translate(-50%)}.lab-ruler span:first-child{left:14.2857%}.lab-ruler span:nth-child(2){left:42.8571%}.lab-ruler span:nth-child(3){left:71.4286%}.lab-ruler span:nth-child(4){right:0;transform:none}