.OklchStructureLab_root__i2SIN{position:relative;color:rgb(var(--t-primary))}.OklchStructureLab_lab__yaLw1{container-type:inline-size;background:color-mix(in oklch,rgb(var(--t-paper)) 96%,oklch(.94 .018 210))}.OklchStructureLab_tabRow__Z3kAg{display:flex;justify-content:center;padding:clamp(24px,3.4vw,38px) clamp(18px,4vw,44px) 0}.OklchStructureLab_panel__rRigM{animation:OklchStructureLab_panel-enter__URi8k .3s cubic-bezier(.22,1,.36,1) both}.OklchStructureLab_explanation__gWLV5{display:flex;max-width:52rem;flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(28px,4vw,46px)}.OklchStructureLab_explanation__gWLV5 p,.OklchStructureLab_explanation__gWLV5 span,.OklchStructureLab_explanation__gWLV5 strong{margin:0}.OklchStructureLab_explanation__gWLV5 p{color:rgb(var(--t-tertiary));font-size:.8125rem;font-weight:520}.OklchStructureLab_explanation__gWLV5 strong{color:rgb(var(--t-primary));font-size:clamp(1.05rem,1.8vw,1.42rem);font-weight:580;letter-spacing:-.025em}.OklchStructureLab_explanation__gWLV5 span{max-width:68ch;color:rgb(var(--t-secondary));font-size:.9375rem;line-height:1.7;text-wrap:pretty}.OklchStructureLab_scene__Bhndk{position:relative;height:clamp(320px,36vw,440px);min-height:320px;overflow:hidden;border-top:1px solid rgb(var(--t-line));border-bottom:1px solid rgb(var(--t-line));background:color-mix(in oklch,rgb(var(--t-paper)) 65%,rgb(var(--t-surface-2)));touch-action:pan-y}.OklchStructureLab_scene__Bhndk canvas{display:block;width:100%;height:100%;pointer-events:none}.OklchStructureLab_sceneDivider__5TBPZ{position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgb(var(--t-line));pointer-events:none}.OklchStructureLab_modelLabel__xcgSc{position:absolute;top:22px;display:grid;max-width:min(32%,270px);gap:5px;pointer-events:none}.OklchStructureLab_modelLabelLeft__tvtro{left:clamp(20px,3vw,38px)}.OklchStructureLab_modelLabelRight__yfIQS{left:calc(50% + clamp(20px, 3vw, 38px))}.OklchStructureLab_modelLabel__xcgSc strong{font-size:.9375rem;font-weight:650;letter-spacing:.02em}.OklchStructureLab_modelLabel__xcgSc span{color:rgb(var(--t-secondary));font-size:.8125rem;line-height:1.6}.OklchStructureLab_coordinateLab__Fk_n1{container-type:inline-size;background:rgb(var(--t-paper))}.OklchStructureLab_coordinateFormulaSection__4_YGr{display:grid;gap:12px;padding:clamp(18px,2.4vw,28px) clamp(18px,3vw,36px);border-bottom:1px solid rgb(var(--t-line))}.OklchStructureLab_coordinateHint__YFY1w{color:rgb(var(--t-tertiary));font-size:.8125rem;font-weight:520;text-align:center}.OklchStructureLab_coordinateFormula__at4v_{display:flex;min-width:0;align-items:center;justify-content:center;gap:clamp(6px,.9vw,11px)}.OklchStructureLab_coordinateFormula__at4v_>code{color:rgb(var(--t-secondary));font-size:clamp(1rem,1.8vw,1.35rem)}.OklchStructureLab_axisToken__Af9cB{appearance:none;display:grid;min-width:clamp(78px,8vw,98px);min-height:62px;place-content:center;gap:3px;padding:8px 12px;border:1px solid rgb(var(--t-line));border-radius:18px;background:rgb(var(--t-surface-2));color:inherit;font:inherit;text-align:center;cursor:pointer;transition:background-color .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1),color .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}.OklchStructureLab_axisToken__Af9cB>span{color:rgb(var(--t-secondary));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.92rem,1.6vw,1.15rem);line-height:1.2;font-variant-numeric:tabular-nums}.OklchStructureLab_axisToken__Af9cB:hover{background:rgb(var(--t-line));border-color:rgb(var(--t-dot))}.OklchStructureLab_axisToken__Af9cB[data-active=true]{background:oklch(86% .13 86);border-color:transparent;color:oklch(24% .035 66);transform:translateY(-2px)}.OklchStructureLab_axisToken__Af9cB[data-active=true] small,.OklchStructureLab_axisToken__Af9cB[data-active=true]>span{color:inherit}.OklchStructureLab_axisToken__Af9cB:focus-visible{outline:2px solid rgb(var(--t-primary));outline-offset:5px;border-radius:12px}.OklchStructureLab_axisToken__Af9cB small{color:rgb(var(--t-tertiary));font-size:.75rem;font-weight:500}.OklchStructureLab_coordinatePanel__d5c8M{animation:OklchStructureLab_panel-enter__URi8k .3s cubic-bezier(.22,1,.36,1) both}.OklchStructureLab_coordinateExplanation__0f75M{display:flex;max-width:52rem;flex-direction:column;align-items:flex-start;gap:6px;padding:clamp(20px,2.6vw,30px) clamp(22px,3vw,36px)}.OklchStructureLab_coordinateExplanation__0f75M span,.OklchStructureLab_coordinateExplanation__0f75M strong{margin:0}.OklchStructureLab_coordinateExplanation__0f75M strong{color:rgb(var(--t-primary));font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:580;letter-spacing:-.025em}.OklchStructureLab_coordinateExplanation__0f75M span{max-width:58ch;color:rgb(var(--t-secondary));font-size:.9375rem;line-height:1.7;text-wrap:pretty}.OklchStructureLab_coordinateScale__ltFlN{display:grid;min-height:clamp(104px,11vw,132px);grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid rgb(var(--t-line))}.OklchStructureLab_coordinateStop__YUcZ1{display:flex;align-items:flex-end;justify-content:center;padding:14px 8px}.OklchStructureLab_coordinateStop__YUcZ1 span{min-width:3rem;padding:6px 9px;border-radius:999px;background:rgb(var(--t-paper)/.86);color:rgb(var(--t-primary));font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:560;text-align:center}@container (max-width: 720px){.OklchStructureLab_explanation__gWLV5{grid-template-columns:1fr;gap:8px}.OklchStructureLab_explanation__gWLV5 span{max-width:58ch}}@container (max-width: 520px){.OklchStructureLab_tabRow__Z3kAg{justify-content:flex-start;padding:20px 12px 0}.OklchStructureLab_explanation__gWLV5{padding:24px 18px}.OklchStructureLab_scene__Bhndk{height:480px;min-height:480px}.OklchStructureLab_sceneDivider__5TBPZ{top:50%;right:0;bottom:auto;left:0;width:auto;height:1px}.OklchStructureLab_modelLabel__xcgSc{max-width:calc(100% - 32px)}.OklchStructureLab_modelLabel__xcgSc span{display:none}.OklchStructureLab_modelLabelRight__yfIQS{top:calc(50% + 16px);left:16px}.OklchStructureLab_modelLabelLeft__tvtro{left:16px}.OklchStructureLab_coordinateFormula__at4v_{gap:4px}.OklchStructureLab_coordinateFormulaSection__4_YGr{gap:10px;padding:16px 10px}.OklchStructureLab_axisToken__Af9cB{min-width:0;min-height:56px;flex:1;padding:6px}.OklchStructureLab_axisToken__Af9cB>span{font-size:.86rem}.OklchStructureLab_axisToken__Af9cB small{font-size:.68rem}.OklchStructureLab_coordinateExplanation__0f75M{padding:18px}.OklchStructureLab_coordinateScale__ltFlN{min-height:92px}.OklchStructureLab_coordinateStop__YUcZ1{padding:10px 3px}.OklchStructureLab_coordinateStop__YUcZ1 span{min-width:0;padding:5px 7px;font-size:.7rem}}@media (prefers-reduced-motion:reduce){.OklchStructureLab_axisToken__Af9cB,.OklchStructureLab_coordinatePanel__d5c8M,.OklchStructureLab_panel__rRigM{animation-duration:.01ms;transition-duration:.01ms}}@keyframes OklchStructureLab_panel-enter__URi8k{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}