.pa-looks.oc-styles{grid-template-columns:repeat(4,minmax(0,1fr))}.oc-look .pa-look-img{aspect-ratio:3/4;background:#fff}.oc-look .pa-look-img img{object-fit:cover;object-position:50% 8%}.oc-look .pa-look-name{text-align:center;font-size:11.5px}.oc-step2 .pa-label{align-items:center}.oc-dice{height:30px;padding:0 10px;font-size:12.5px;font-weight:700}.oc-dice svg{width:15px;height:15px}.oc-chips{flex-wrap:wrap;gap:6px;display:flex}.oc-chip{height:30px;padding:0 10px;font-size:12.5px}.oc-sw{border-radius:50%;flex:none;width:13px;height:13px;box-shadow:inset 0 0 0 1px #140c1938}.oc-chip[data-on] .oc-sw{box-shadow:0 0 0 1.5px var(--on-ink)}.oc-more{height:30px;color:var(--ink-70);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px;background:0 0;border:0;justify-self:start;align-items:center;gap:4px;padding:0 4px;font-size:12.5px;font-weight:700;display:inline-flex}.oc-more svg{width:14px;height:14px;transition:transform .2s}.oc-more[aria-expanded=true] svg{transform:rotate(180deg)}.oc-more-body{background:var(--wash);border-radius:14px;gap:12px;padding:10px;animation:.3s cubic-bezier(.2,.8,.2,1) both oc-in;display:grid}.oc-idea{gap:8px}.oc-textarea{resize:vertical;height:auto;min-height:64px;padding:10px 14px;line-height:1.45}.oc-idea[data-nudge] .oc-textarea{animation:.4s oc-shake}.oc-warn{background:color-mix(in srgb, var(--tangerine) 14%, var(--surface));color:var(--ink);border-radius:10px;margin:0;padding:8px 10px;font-size:12.5px;line-height:1.4}.oc-result .pa-result-head{flex-wrap:wrap}.oc-views{flex-wrap:wrap;flex:1;gap:6px;min-width:0}.oc-main{min-height:0}.oc-art{aspect-ratio:3/4;width:min(100cqw,75cqh);box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:16px;margin:0;position:relative;overflow:hidden}.oc-art img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.oc-cardimg{aspect-ratio:4/5;border-radius:16px;width:min(100cqw,80cqh);margin:0;overflow:hidden;box-shadow:0 14px 40px -22px #140c1999}.oc-cardimg img{width:100%;height:100%;display:block}.oc-wait{color:var(--ink-70);justify-items:center;gap:10px;margin:0;font-size:13.5px;font-weight:600;display:grid}.oc-wait i{border:3px solid var(--line);border-top-color:var(--tangerine);border-radius:50%;width:24px;height:24px;animation:1s linear infinite oc-spin}.oc-cardmsg{text-align:center;justify-items:center;gap:12px;max-width:360px;display:grid}.oc-main-sheet{place-items:stretch stretch;overflow:auto;container-type:normal}.oc-sheet{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.oc-sheet .rs-stage{box-shadow:none;background:0 0;padding:0}.oc-sheet-make{background:var(--wash);border-radius:14px;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 14px;padding:10px;display:grid}.oc-sheet-make .tb-hint{grid-column:1/-1}.oc-sheet-make .rs-lede{display:none}.oc-sheet-make .rs-outfits{grid-template-columns:repeat(4,minmax(0,76px))}.oc-sheet .rs-figure{width:min(100%,480px);margin:0 auto}.oc-sheet .an-stage-h{font-size:var(--wb-label-fs,12.5px);color:var(--ink-70);margin:0;font-weight:600}.oc-sheet .an-show-made{color:var(--ink-50);margin:10px 0 0;font-size:12.5px}.oc-sheet .an-show-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.oc-sheet .an-show-tag{background:var(--pink);color:#352242;font-family:var(--f-display);text-transform:uppercase;border-radius:9px;padding:6px 11px;font-size:14px;font-weight:800;rotate:-2deg}.oc-sheet .an-try{background:var(--ink);height:36px;color:var(--on-ink);border:0;border-radius:12px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:700;display:inline-flex}.oc-sheet .an-try svg{width:13px;height:13px}.oc-sheet .rs-head{margin-bottom:10px}.oc-sheet-go{justify-self:start}.oc-palette{flex-wrap:wrap;flex:none;justify-content:center;gap:6px 10px;margin-top:10px;display:flex}.oc-palette span{font-family:var(--f-mono);color:var(--ink-50);align-items:center;gap:6px;font-size:11px;display:inline-flex}.oc-palette i{border-radius:6px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #140c1924}.oc-next{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.oc-act{background:var(--wash);min-width:0;min-height:40px;color:var(--ink);text-align:left;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:12.5px;font-weight:700;line-height:1.15;transition:background .15s,transform .12s;display:flex}.oc-act img{flex:none;width:22px;height:22px}.oc-act:hover:not(:disabled){background:var(--hover-2);transform:translateY(-1px)}.oc-act[data-main]{background:var(--ink);color:var(--on-ink)}.oc-act:disabled{opacity:.5}.oc-exhint{text-align:center;margin-top:6px}.oc-result .tb-acts{margin-top:10px}.oc-g-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.oc-g-wall li{gap:4px;display:grid}.oc-g-wall img{aspect-ratio:3/4;object-fit:cover;object-position:50% 10%;width:100%;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:10px}.oc-g-wall span{color:var(--ink-70);text-align:center;font-size:12px;line-height:1.3}.oc-guide .rs-figure{margin-top:14px}@keyframes oc-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes oc-spin{to{transform:rotate(360deg)}}@keyframes oc-shake{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.oc-more-body,.oc-wait i,.oc-idea[data-nudge] .oc-textarea{animation:none}.oc-more svg,.oc-act{transition:none}}@media (max-width:900px){.oc-next{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-sheet-make{grid-template-columns:minmax(0,1fr)}.oc-sheet-go{justify-self:stretch}.oc-main-sheet{height:auto;overflow:visible}.oc-sheet{height:auto}}@media (max-width:560px){.oc-g-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-result .pa-result-head{row-gap:10px}.oc-views{flex-wrap:nowrap;flex-basis:100%;order:3}.oc-views .pa-pill{flex:auto;justify-content:center;min-width:0;padding:0 8px}}@container tb-card (width<=300px){.pa-looks.oc-styles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:901px){.ws-app[data-app=oc-maker] .ws-app-scroll{overflow:hidden}.ws-app[data-app=oc-maker] .ws-app-root{flex-direction:column;flex:1 1 0;min-height:0;display:flex}}