.look-studio{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);gap:32px;align-items:start}.look-comparison{min-width:0}.look-studio .cut-frame{aspect-ratio:1/1.05;width:100%;max-width:none}.look-studio .pane>img{object-fit:fill}.look-panel{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:8px}.look-panel h3{font-size:30px;font-weight:400;margin:6px 0 24px}.look-options{display:grid;gap:10px}.look-options button{display:flex;align-items:center;gap:13px;width:100%;padding:8px;text-align:left;border:1px solid var(--line);background:transparent;border-radius:6px;cursor:pointer;color:var(--ink)}.look-options button[aria-pressed=true]{border-color:var(--terra);box-shadow:inset 0 0 0 1px var(--terra);background:#f8eee7}.look-thumb{display:block;width:62px;height:72px;flex-shrink:0;border-radius:3px;background-size:200% 100%;background-position:right center}.look-options strong{display:block;font:500 17px var(--f-serif)}.look-options small{display:block;margin-top:5px;font:11px/1.5 var(--f-sans);color:#716054}.look-options b{margin-left:auto;padding:0 6px;font:10px var(--f-sans);color:var(--terra)}.look-detail{margin:25px 0}.look-detail p:not(.kicker){font:14px/1.7 var(--f-sans);color:#716054}.look-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font:11px/1.5 var(--f-sans);padding-top:16px;border-top:1px solid var(--line)}.look-detail dd{margin:0;text-align:right}.look-detail dt{color:#716054}.look-panel>.btn{width:100%;justify-content:center}.look-note,.look-status{font:11px/1.6 var(--f-sans);color:#716054}.look-status{color:var(--terra);min-height:18px}.look-view-controls{display:flex;justify-content:center;gap:6px;margin-top:18px}.look-view-controls button{min-height:44px;padding:10px 18px;background:transparent;border:1px solid var(--line);border-radius:30px;color:var(--ink);font:12px var(--f-sans);cursor:pointer}.look-view-controls button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.cut-frame:focus-within{outline:3px solid var(--terra);outline-offset:5px}.look-studio .cut-hint{font-size:11px}.look-panel [disabled]{opacity:.6;cursor:wait}
@media(max-width:850px){.look-studio{grid-template-columns:1fr;gap:22px}.look-comparison{max-width:580px;width:100%;margin:auto}.look-panel{padding:22px}.look-options{grid-template-columns:repeat(3,minmax(0,1fr))}.look-options button{flex-direction:column;align-items:start;gap:8px}.look-thumb{width:100%;height:auto;aspect-ratio:1}.look-options b{display:none}.look-options strong{font-size:16px}.look-options small{font-size:10px}.look-detail{margin:20px 0}.look-panel h3{margin-bottom:20px}}@media(max-width:400px){.look-panel{padding:16px}.look-options{gap:6px}.look-options button{padding:6px}.look-options strong{font-size:14px}.look-view-controls button{padding:10px 14px}}
:root{--dim:#716054}.look-studio .cut-frame{aspect-ratio:836/941}
.service-choice>.kicker{color:#944633}
.look-filter{display:block;font:12px/1.5 var(--f-sans);color:var(--ink);margin-bottom:16px}.look-filter select{display:block;width:100%;min-height:44px;margin-top:8px;padding:10px;border:1px solid var(--line);background:var(--white);color:var(--ink);font:14px var(--f-sans)}.look-options button[hidden]{display:none}.look-studio .front-look{aspect-ratio:768/600}.look-studio .front-look .pane>img{height:300%;top:calc(var(--look-row)*-100%);object-fit:fill}.look-thumb.front-thumb img{height:300%;top:calc(var(--look-row)*-100%)}
@media(min-width:851px){.look-options{grid-template-columns:1fr 1fr}.look-options button{flex-wrap:wrap;align-content:start}.look-options b{display:none}.look-options strong{font-size:15px}.look-options small{font-size:10px}.look-thumb{width:46px;height:52px}}
@media(max-width:850px){.look-filter{order:-2;margin:0}.look-options{order:-1}}
.look-studio .front-look{aspect-ratio:768/500}.look-studio .front-look .pane>img{width:293.255%;height:300%;top:calc(var(--look-row)*-100%)}.look-studio .front-look .pane-before>img{left:-23.314%}.look-studio .front-look .pane-after>img{left:-169.941%}
.look-thumb.front-thumb{width:52px;height:52px}.look-thumb.front-thumb img{width:450%;height:300%;left:-287.5%;top:calc(var(--look-row)*-100%)}
@media(max-width:850px){.look-thumb.front-thumb{width:100%;height:auto;aspect-ratio:1}}
.look-thumb{position:relative;overflow:hidden}.look-thumb img{position:absolute;top:0;left:-100%;width:200%;height:100%;max-width:none;object-fit:fill}
@media(max-width:850px){.look-panel{display:contents}.look-panel>.kicker,.look-panel>h3{display:none}.look-options{order:-1}.look-detail{margin:0;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:8px}.look-panel>.btn,.look-status,.look-note{margin:0}}