.studio{grid-template-columns:minmax(330px,.75fr) minmax(600px,1.4fr);gap:6vw}.look-options{display:flex;gap:7px;margin:23px 0 14px}.look-options button{border:1px solid #657067;background:transparent;color:#cbd1cb;padding:9px 12px;font-size:9px}.look-options button.active{background:#dcd7ce;color:#222;border-color:#dcd7ce}.tryon-generate{border:1px solid #dcd7ce;background:transparent;color:#fff;padding:14px 20px;margin-left:8px}.tryon-generate:not(:disabled){background:#b99279;border-color:#b99279}.tryon-stage{border:1px solid #58615a;padding:13px;min-width:0}.tryon-result-head{display:flex;justify-content:space-between;padding:4px 3px 13px;font-size:8px;letter-spacing:1.5px;color:#aab3ab}.tryon-result-head i{display:inline-block;width:6px;height:6px;background:#91ae8c;border-radius:50%;margin-right:7px}.compare-view{display:grid;grid-template-columns:1fr 38px 1fr;height:460px;align-items:center}.compare-panel{height:100%;position:relative;overflow:hidden;background:#1e241f}.compare-panel img{width:100%;height:100%;object-fit:cover;transition:opacity .35s,filter .35s}.compare-panel>span{position:absolute;left:10px;top:10px;background:rgba(245,242,235,.92);color:#222;padding:7px 9px;font-size:8px;z-index:2}.compare-arrow{width:38px;height:38px;border-radius:50%;background:#f1ede5;color:#222;display:grid;place-items:center;z-index:2;margin:auto -1px}.result-loader{position:absolute;inset:0;background:rgba(32,39,34,.88);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.3s}.generating .result-loader{opacity:1}.result-loader i{font-style:normal;font-size:31px;animation:spin 1.6s linear infinite}.result-loader b{font:15px var(--serif);margin:16px 0 5px}.result-loader small{font-size:8px;color:#adb5ae}.result-loader em{height:2px;width:55%;background:#687269;margin-top:20px;overflow:hidden}.result-loader em:after{content:"";display:block;width:40%;height:100%;background:#eee;animation:loading 1.4s infinite}.result-meta{display:flex;justify-content:space-between;align-items:center;padding:16px 4px 2px}.result-meta small,.result-meta b,.result-meta span{display:block}.result-meta small{font-size:8px;color:#98a199}.result-meta b{font:16px var(--serif);margin:4px 0}.result-meta span{font-size:8px;color:#aeb6af}.result-actions{display:flex;gap:7px}.result-actions button{border:1px solid #667068;background:transparent;color:#fff;padding:9px 11px;font-size:8px}.result-actions button:last-child{background:#e8e3da;color:#222;border-color:#e8e3da}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(250%)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.studio{grid-template-columns:1fr}.compare-view{height:520px}}@media(max-width:600px){.compare-view{grid-template-columns:1fr;height:620px;gap:8px}.compare-panel{height:300px}.compare-arrow{position:absolute;left:50%;transform:translate(-50%) rotate(90deg)}.result-meta{align-items:flex-start;gap:16px}.result-actions{flex-direction:column}.tryon-generate{margin:9px 0 0}.look-options{flex-wrap:wrap}}