.looks-page { max-width: 1280px; margin: 0 auto; padding: 16px; }.looks-header { position: static; display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; text-align: center; }.looks-header h1 { margin: 0; }.looks-create-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; }.looks-cta-btn { display: inline-block; padding: 8px 14px; border: 1px solid #000; border-radius: 4px; text-decoration: none; color: #000; }.looks-cta-btns { display: inline-flex; gap: 8px; flex: 0 0 auto; }.looks-cta-btn:hover { background: #000; color: #fff; }.looks-cta-btn-primary { background: #000; color: #fff; padding: 10px 22px; }.looks-cta-btn-primary:hover { background: #333; color: #fff; }.looks-cta-app { font-size: 13px; color: #555; }.looks-cta-app a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }.look-item a.look-item-style { display: inline-block; margin: 4px 0 0 76px; font-size: 13px; color: inherit; text-decoration: underline; text-underline-offset: 2px; }.looks-columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; list-style: none; margin: 0; padding: 0; }@media (min-width: 600px)  { .looks-columns { grid-template-columns: repeat(3, 1fr); } }@media (min-width: 900px)  { .looks-columns { grid-template-columns: repeat(4, 1fr); } }@media (min-width: 1200px) { .looks-columns { grid-template-columns: repeat(5, 1fr); } }.looks-card { position: relative; margin: 0; }.looks-card-link { position: relative; display: block; }.looks-card-img { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; display: block; border-radius: 6px; }.looks-card-overlay {position: absolute; left: 0; right: 0; bottom: 0;display: flex; justify-content: space-between; gap: 8px;padding: 8px 10px; color: #fff;background: linear-gradient(transparent, rgba(0,0,0,.55));opacity: 0; transition: opacity .15s ease-in-out;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;font-size: 13px;}.looks-card-link:hover .looks-card-overlay, .looks-card-link:focus .looks-card-overlay { opacity: 1; }.look-like-btn {position: static;display: inline-flex; align-items: center; gap: 4px;padding: 5px 9px; border: 0; border-radius: 999px;background: rgba(0,0,0,.45); color: #fff; cursor: pointer;font-size: 13px; line-height: 1;transition: background .15s ease-in-out, transform .1s ease-in-out;}.look-like-btn:hover { background: rgba(0,0,0,.65); }.look-like-btn:active { transform: scale(.92); }.look-like-btn .look-like-heart { color: rgba(255,255,255,.85); transition: color .15s ease-in-out; display: inline-flex; }.look-like-btn .look-like-heart:before { width: 14px; height: 14px; vertical-align: 0; }.look-like-btn.is-liked { background: rgba(220,30,60,.92); }.look-like-btn.is-liked .look-like-heart { color: #fff; }.looks-card .look-like-btn { position: absolute; top: 8px; right: 8px; }.look-detail-like { margin: 8px 0 4px; }.looks-spinner { text-align: center; padding: 16px; }.looks-empty { padding: 32px; text-align: center; }.look-detail { display: flex; flex-wrap: wrap; gap: 24px; max-width: 1100px; margin: 0 auto; padding: 16px; }.look-detail-cover { flex: 1 1 320px; }.look-detail-cover img { width: 100%; height: auto; border-radius: 8px; }.look-detail-side { flex: 1 1 320px; }.look-items { list-style: none; margin: 16px 0; padding: 0; }.look-item { margin-bottom: 12px; }.look-item a { display: grid; grid-template-columns: 64px 1fr; column-gap: 12px; row-gap: 2px; align-items: center; text-decoration: none; color: inherit; }.look-item-thumb { grid-column: 1; grid-row: 1 / span 3; width: 64px; height: 64px; object-fit: cover; border-radius: 4px; }.look-item-brand, .look-item-title, .look-item-price, .look-item-sold { grid-column: 2; }.look-item-brand { font-weight: 600; }.look-item-price { color: #333; }.look-item-was { color: #8a8a8a; font-size: .92em; }.look-item.is-sold { opacity: .55; }.look-item-sold { font-size: 11px; text-transform: uppercase; color: #b00; }.looks-header h1 { font-size: 28px; }.look-detail h1 { font-size: 24px; margin-bottom: 8px; }.looks-mine-status { position: absolute; left: 8px; top: 8px; padding: 3px 8px; border-radius: 999px; background: rgba(255,255,255,.9); color: #000; font-size: 11px; }.looks-mine-status.is-published { background: #000; color: #fff; }.looks-empty .looks-cta-btn { margin-top: 12px; }.looks-mine-filters { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 0 0 20px; }.looks-mine-filter { padding: 7px 14px; border: 1px solid #d8d8d8; border-radius: 999px; font-size: 13px; color: #333; text-decoration: none; }.looks-mine-filter.is-active { background: #000; border-color: #000; color: #fff; }.looks-mine-grid { list-style: none; padding: 0; }.looks-mine-card { display: flex; flex-direction: column; gap: 8px; margin-bottom: 18px; }.looks-mine-actions, .looks-mine-confirm { display: flex; flex-wrap: wrap; gap: 6px; }.looks-mine-confirm p { width: 100%; margin: 0; font-size: 13px; }.looks-mine-btn { font-size: 12px; line-height: 1.2; padding: 7px 10px; border: 1px solid #d8d8d8; border-radius: 5px; background: #fff; color: #111; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; }.looks-mine-btn:hover { border-color: #111; color: #111; }.looks-mine-btn.is-primary { background: #111; border-color: #111; color: #fff; }.looks-mine-btn.is-danger { color: #a3271d; }.looks-mine-btn.is-danger.looks-mine-btn:hover { border-color: #a3271d; }.looks-mine-btn:disabled { opacity: .5; cursor: default; }.looks-mine-btn:focus-visible, .looks-mine-filter:focus-visible { outline: 2px solid #111; outline-offset: 2px; }.looks-mine-more { text-align: center; margin: 12px 0 24px; }.looks-mine-notice { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); margin: 0; background: #111; color: #fff; padding: 10px 16px; border-radius: 6px; font-size: 13px; z-index: 50; }.looks-mine-notice:empty { display: none; }.looks-filters { display: grid; gap: 8px; margin: 0 0 20px; }.looks-filter-row { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; justify-content: safe center; }.looks-filter-row::-webkit-scrollbar { display: none; }.looks-filter { flex: none; padding: 7px 14px; border: 1px solid #d8d8d8; border-radius: 999px; font-size: 13px; color: #333; text-decoration: none; white-space: nowrap; }.looks-filter.is-small { padding: 5px 11px; font-size: 12px; }.looks-filter.is-active { background: #000; border-color: #000; color: #fff; }.looks-filter:focus-visible { outline: 2px solid #111; outline-offset: 2px; }.looks-card-count { position: absolute; left: 8px; bottom: 8px; padding: 3px 8px; border-radius: 999px; background: rgba(0,0,0,.6); color: #fff; font-size: 11px; line-height: 1.4; pointer-events: none; }.look-detail-wrap { max-width: 1200px; margin: 0 auto; padding: 0 16px 40px; }.look-detail-back { display: inline-block; margin: 14px 0 6px; font-size: 13px; color: #555; text-decoration: none; }.look-detail-back::before { content: "\2190\00a0"; }.look-detail-by { margin: -4px 0 6px; color: #666; font-size: 13px; }.look-detail-like { display: flex; align-items: center; gap: 10px; }.look-detail-share { font-size: 13px; padding: 6px 12px; border: 1px solid #d8d8d8; border-radius: 999px; background: #fff; color: #111; cursor: pointer; }.look-detail-share:hover { border-color: #111; }.look-detail-addall { display: block; width: 100%; margin: 14px 0 6px; padding: 12px 16px; border: 1px solid #111; border-radius: 4px; background: #fff; color: #111; font-weight: 500; cursor: pointer; }.look-detail-addall:hover { background: #111; color: #fff; }.look-detail-addall:disabled { opacity: .55; cursor: default; }.look-detail-adderror { margin: 4px 0 10px; font-size: 13px; color: #a3271d; }.look-detail-strip { display: none; }@media (max-width: 899px) {.look-detail-strip { display: flex; gap: 8px; overflow-x: auto; list-style: none; margin: 10px 0 0; padding: 0 0 4px; }.look-detail-strip li { flex: none; }.look-detail-strip li.is-sold { opacity: .5; }.look-detail-strip img { width: 64px; height: 64px; object-fit: cover; border-radius: 6px; background: #f3f3f3; display: block; }}.look-detail-more { margin-top: 40px; }.look-detail-more h2 { font-size: 20px; margin: 0 0 14px; }.look-detail-missing { text-align: center; padding: 60px 16px; display: grid; gap: 14px; justify-items: center; }.jc-share-page .look-items { margin: 12px 0 4px; }@media (min-width: 900px) { .jc-share-app { display: none !important; } }