/* LOOKS 조절 패널 — 이 변수들은 LOOKS에만 적용됩니다. */
.toa-looks {
  --looks-bg:#171411;
  --looks-text:#e9e2d6;
  --looks-header-size:16px;
  --looks-next-size:11px;
  --looks-padding-top:46px;
  --looks-padding-bottom:56px;
  --looks-max-width:900px;
  --looks-gutter:24px;
  --looks-gap:6px;
  --looks-big-column:1.7fr;
  --looks-small-column:1fr;
  --looks-ratio:1.65;
  --looks-fade:180ms;
  --looks-lightbox-width:1440px;
  --looks-lightbox-height:88dvh;
  --looks-mobile-ratio:1.12;
  box-sizing:border-box;width:100%;max-width:none;margin:0;
  padding:var(--looks-padding-top) var(--looks-gutter) var(--looks-padding-bottom);
  background:var(--looks-bg);color:var(--looks-text);
  font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
}
.toa-looks[hidden]{display:none!important}
.toa-looks *, .toa-looks *::before, .toa-looks *::after{box-sizing:border-box}
.toa-looks__inner{width:100%;max-width:var(--looks-max-width);margin:0 auto}
.toa-looks__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px}
.toa-looks__header h2{font:400 var(--looks-header-size)/1.5 Arial,sans-serif;letter-spacing:.15em;color:inherit;margin:0}
.toa-looks__header time{letter-spacing:.08em;margin-left:8px}
.toa-looks button{appearance:none;border:0;border-radius:0;box-shadow:none;background:none;color:inherit;cursor:pointer;font-family:inherit}
.toa-looks__next{font-size:var(--looks-next-size);letter-spacing:.13em;min-width:66px;min-height:44px;padding:8px 0 8px 12px}
.toa-looks__next:disabled{opacity:.45;cursor:default}
.toa-looks button:focus-visible{outline:2px solid var(--looks-text);outline-offset:4px}
.toa-looks__grid{display:grid;grid-template-columns:var(--looks-big-column) var(--looks-small-column);grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--looks-gap);aspect-ratio:var(--looks-ratio);opacity:1;transition:opacity var(--looks-fade) ease}
.toa-looks__grid.is-fading{opacity:0}
.toa-looks__tile{display:block;min-width:0;min-height:0;overflow:hidden;padding:0;width:100%;height:100%;grid-column:2}
.toa-looks__tile:first-child{grid-column:1;grid-row:1 / 3}
.toa-looks__grid.is-reversed{grid-template-columns:var(--looks-small-column) var(--looks-big-column)}
.toa-looks__grid.is-reversed .toa-looks__tile{grid-column:1}
.toa-looks__grid.is-reversed .toa-looks__tile:first-child{grid-column:2}
.toa-looks__tile img{display:block;width:100%;height:100%;object-fit:cover}
.toa-looks__lightbox{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:52px 20px 24px;border:0;background:rgba(10,9,8,.97);color:var(--looks-text)}
.toa-looks__lightbox[open]{display:flex;align-items:center;justify-content:center}
.toa-looks__lightbox::backdrop{background:#0a0908}
.toa-looks__lightbox>img{display:block;width:auto;height:auto;max-width:min(100%,var(--looks-lightbox-width));max-height:min(100%,var(--looks-lightbox-height));object-fit:contain}
.toa-looks__close{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:48px;height:48px;font-size:30px;font-weight:200;line-height:1}
@media(max-width:600px){.toa-looks{--looks-padding-top:30px;--looks-padding-bottom:38px;--looks-gap:4px;--looks-ratio:var(--looks-mobile-ratio);--looks-header-size:14px}.toa-looks__header{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.toa-looks{--looks-fade:0ms}}