.practice-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #ccd0da;border-bottom:0}
.practice-tabs button{background:transparent;color:#676972;border:0;border-right:1px solid #ccd0da;padding:21px 20px;text-align:left;font:16px var(--body);display:flex;align-items:center;gap:18px;transition:background .18s,color .18s}
.practice-tabs button:last-child{border-right:0}.practice-tabs button>span{font:12px var(--mono);opacity:.65}.practice-tabs button[aria-selected=true]{background:#202126;color:#fff}.practice-tabs button:hover:not([aria-selected=true]){background:#e8eaf0;color:#202126}
.practice-workspace{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:stretch;border:1px solid #d7dae2}
.practice-visual{min-width:0;margin:0;display:flex;flex-direction:column;background:#242527;align-self:stretch}
.practice-stage{position:relative;width:100%;aspect-ratio:3/2;flex:1;min-height:440px;overflow:hidden;background:#252628}
.practice-photo,.practice-scene{position:absolute;inset:0;overflow:hidden}.practice-photo img{width:100%;height:100%;object-fit:contain;display:block}.practice-scene canvas{display:block;width:100%;height:100%}
.practice-visual figcaption{display:flex;justify-content:space-between;gap:18px;padding:15px 20px;color:#b8bbc3;font:12px/1.7 var(--body);background:#242527}
.practice-dimension-controls{padding:38px 36px;align-self:center;min-width:0}.practice-dimension-controls h3{font-size:clamp(23px,2vw,30px);font-weight:500;line-height:1.5;margin:16px 0 27px;letter-spacing:-.035em}
.practice-dimension-controls .practice-control label{font-size:15px;gap:16px}.practice-dimension-controls .practice-control output{white-space:nowrap}
.practice-dimension-controls input[type=range]{margin:15px 0 24px;min-height:18px;padding:0}
.practice-choices{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.practice-choices button{font:14px/1.5 var(--body);border:1px solid #bfc4d1;padding:9px 13px;border-radius:3px;background:transparent;color:#434753;transition:background .18s,color .18s}
.practice-choices button[aria-pressed=true]{background:#263bd1;border-color:#263bd1;color:#fff}.practice-choices button:hover:not([aria-pressed=true]){background:#dfe3ee}
.practice-dimension-controls label.practice-check{display:flex;align-items:center;justify-content:flex-start;gap:9px;font-size:14px;margin:0 0 24px}.practice-check input{accent-color:#263bd1;width:17px;height:17px;margin:0}
.practice-range-ends{display:flex;justify-content:space-between;gap:20px;margin:-14px 0 24px;font-size:12px;color:#707581}
.practice-observation{border-top:1px solid #cdd1dc;padding-top:22px;margin-top:4px}.practice-observation>span{font-size:13px;color:#777d89}.practice-dimension-controls .practice-observation p{font-size:15px;line-height:1.85;color:#4f5665;margin:10px 0 14px}
.practice-dimension-controls p.practice-boundary{font-size:13px;color:#747a86;line-height:1.8;margin:0 0 22px}.practice-dimension-controls .practice-control-hint{font-size:15px;line-height:1.85;margin:0 0 28px;color:#5e6471}
.practice-guides{position:absolute;inset:0;pointer-events:none;z-index:2}.practice-guides i{position:absolute;background:#ffffff65}.practice-guides i:nth-child(1),.practice-guides i:nth-child(2){width:1px;height:100%;top:0;left:33.333%}.practice-guides i:nth-child(2){left:66.667%}.practice-guides i:nth-child(3),.practice-guides i:nth-child(4){height:1px;width:100%;left:0;top:33.333%}.practice-guides i:nth-child(4){top:66.667%}
.practice-scene-status{position:absolute;inset:auto 20px 20px;margin:0;padding:16px 20px;color:#eee;background:#1a1b21ed;z-index:3;font:14px/1.7 var(--body)}.practice-scene-status button{background:transparent;color:#fff;border:0;border-bottom:1px solid #999;padding:0;font:inherit}
@media(max-width:1050px){.practice-workspace{grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr)}.practice-dimension-controls{padding:30px 25px}.practice-tabs button{padding:19px 15px;gap:12px}}
@media(max-width:760px){.practice-workspace{grid-template-columns:1fr}.practice-stage{min-height:0;flex:none;aspect-ratio:3/2}.practice-tabs button{padding:17px 7px;justify-content:center;font-size:14px;gap:7px}.practice-tabs button>span{font-size:10px}.practice-dimension-controls{padding:27px 24px}.practice-dimension-controls h3{font-size:26px;margin:14px 0 23px}.practice-visual figcaption{font-size:11px;padding:12px 16px;gap:10px}.practice-choices button{padding:9px 12px}.practice-scene-status{inset:auto 12px 12px;padding:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.practice-tabs button,.practice-choices button{transition:none}}
.aesthetics-page #practice[data-practice-mode="color"] .practice-visual{align-self:center}
.aesthetics-page #practice[data-practice-mode="color"] .practice-stage{flex:none;min-height:0;aspect-ratio:3/2}