.looks-section{padding-bottom:20px;scroll-margin-top:24px;--look-accent:var(--season-accent,#ffc0d8);--look-panel:var(--season-panel,#211925);--look-muted:var(--season-muted,#c7b4cc);--look-line:var(--season-border,#ffffff29)}
.looks-section .guide-heading{align-items:end}.looks-section h2{letter-spacing:-1.5px}.looks-section h2>span{color:var(--look-accent)}.looks-intro{max-width:320px;font-size:12px;line-height:1.8;color:var(--look-muted);margin:0}
.looks-panel{background:var(--season-panel,#211925);border:1px solid var(--season-border,#ffffff29);border-radius:7px;overflow:hidden;color:var(--season-text,#fff1f5);--look-accent:var(--season-accent,#ffc0d8)}
.looks-topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;border-bottom:1px solid var(--season-border,#ffffff29)}.looks-topbar>div:first-child{display:flex;align-items:center;gap:18px;min-width:0}.looks-index{color:var(--season-muted,#c7b4cc);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.looks-topbar strong{font-size:13px;line-height:1.4}.looks-modes{display:flex;gap:4px;flex-shrink:0}
.looks-panel button,.looks-select select{border:1px solid var(--season-border,#ffffff29);background:transparent;color:inherit;border-radius:3px;min-height:44px;padding:10px 12px;font:inherit;font-size:11px;cursor:pointer}.looks-panel button:hover{background:var(--season-raised,#382534)}.looks-panel button[aria-pressed=true]{background:var(--look-accent);border-color:var(--look-accent);color:var(--season-on-accent,#231723)}.looks-panel button:disabled{opacity:.35;cursor:default}.looks-panel button[hidden]{display:none}.looks-panel button:focus-visible,.looks-stage:focus-visible,.looks-filmstrip button:focus-visible,.looks-select select:focus-visible{outline:2px solid var(--look-accent);outline-offset:-3px}
.looks-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:16/8.3;overflow:hidden;perspective:1400px;background:#090a0f;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;outline-offset:-3px}.looks-stage.is-dragging{cursor:grabbing}.looks-photo{position:absolute;inset:0;transform-origin:center;will-change:transform;transition:transform .15s ease-out}.is-dragging .looks-photo{transition:none}.looks-photo img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.looks-badge{position:absolute;top:16px;left:16px;color:white;font-size:9px;letter-spacing:1.4px;padding:8px 10px;border:1px solid #ffffff52;background:#090a0fbf;pointer-events:none}.looks-copyright{position:absolute;bottom:12px;right:14px;color:#fff;font-size:9px;padding:5px 7px;background:#090a0f9c;pointer-events:none}.looks-controls{padding:12px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--season-border,#ffffff29)}.looks-controls>div{display:flex;align-items:center;gap:5px}.looks-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;flex-shrink:0}.looks-zoom{margin-left:8px}.looks-zoom output{font-size:11px;min-width:44px;text-align:center;font-variant-numeric:tabular-nums}.looks-controls #looks-fullscreen,.looks-controls #looks-exit{margin-left:auto}.looks-hint{color:var(--season-muted,#c7b4cc);font-size:10px;line-height:1.6;padding:0 16px 12px;margin:0}.looks-filmstrip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}.looks-filmstrip button{display:block;text-align:left;background:var(--look-panel);border:1px solid var(--look-line);border-radius:3px;padding:0;overflow:hidden;color:var(--look-muted);min-width:0}.looks-filmstrip img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.looks-filmstrip span{display:block;font-size:10px;padding:9px;line-height:1.4}.looks-filmstrip button[aria-pressed=true]{border-color:var(--look-accent);color:var(--look-accent);box-shadow:0 0 0 1px var(--look-accent)}.looks-select{display:flex;align-items:center;gap:18px;margin-top:20px;font-size:11px;color:var(--look-muted)}.looks-select select{width:320px;max-width:65%;background:var(--look-panel);color:var(--season-text,#fff1f5);font-size:12px}.looks-note{font-size:11px;line-height:1.8;max-width:800px;color:var(--look-muted);margin:14px 0 25px}.looks-extended{border-block:1px solid var(--look-line);padding:22px 0;display:flex;align-items:center;gap:28px;justify-content:space-between}.looks-extended p{max-width:440px;color:var(--look-muted);font-size:10px;line-height:1.8;margin:7px 0 0}.looks-video-links{display:flex;gap:10px;flex-shrink:0}.looks-video-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--look-line);border-radius:3px;min-height:48px;padding:12px 15px;font-size:11px;color:var(--look-accent)}.looks-video-links a:hover{border-color:var(--look-accent);background:var(--look-panel)}
.looks-dialog{position:fixed;inset:0;margin:0;border:0;border-radius:0;padding:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#090a0f;overflow:auto}.looks-dialog .looks-panel{display:flex;flex-direction:column;width:100%;min-height:100dvh;border:0;border-radius:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.looks-dialog .looks-stage{flex:1;min-height:120px;aspect-ratio:auto}.looks-dialog .looks-topbar,.looks-dialog .looks-controls,.looks-dialog .looks-hint{flex-shrink:0}.looks-dialog .looks-topbar strong{font-size:13px;margin:0}.looks-dialog .looks-hint{margin:0}.looks-dialog .looks-panel{height:100dvh}.looks-dialog:fullscreen{height:100%;max-height:none}#looks-error{position:absolute;left:10%;right:10%;top:40%;padding:16px;background:#090a0fe8;text-align:center;color:white;font-size:12px}#gallery-looks{margin-left:auto;font-size:10px}
@media(max-width:900px){.looks-extended{align-items:flex-start;flex-direction:column;gap:16px}.looks-intro{max-width:270px}.looks-filmstrip{gap:7px}.looks-filmstrip span{font-size:9px;padding:7px}}
@media(max-width:600px){.looks-section .guide-heading{margin-bottom:18px}.looks-section h2{font-size:35px;max-width:none}.looks-intro{max-width:none;font-size:11px;margin-top:12px}.looks-topbar{padding:10px;gap:8px;align-items:start}.looks-topbar>div:first-child{flex-direction:column;align-items:start;gap:5px}.looks-topbar strong{font-size:11px}.looks-modes button{font-size:10px;padding:8px 9px}.looks-stage{aspect-ratio:4/3;perspective:900px}.looks-badge{top:10px;left:10px;font-size:8px;padding:6px}.looks-controls{gap:7px;padding:10px}.looks-controls button{padding:9px;min-width:40px;min-height:44px}.looks-controls>div{gap:3px}.looks-zoom{margin-left:auto}.looks-controls .looks-text-button{font-size:10px;min-width:0}.looks-hint{padding:0 10px 12px;font-size:9px}.looks-filmstrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.looks-filmstrip span{font-size:9px;padding:8px}.looks-select{gap:10px;font-size:10px}.looks-select select{max-width:65%;font-size:11px}.looks-note{font-size:10px}.looks-video-links{width:100%;flex-direction:column}.looks-video-links a{font-size:11px;width:100%}.looks-dialog .looks-controls .looks-direction button{min-width:38px}.looks-dialog .looks-controls{gap:6px}#gallery-looks{max-width:125px}.gallery-dialog header{gap:8px}}
@media(max-height:500px) and (orientation:landscape){.looks-dialog .looks-topbar{padding:5px 12px}.looks-dialog .looks-modes button{min-height:34px;padding-block:6px}.looks-dialog .looks-controls{padding:5px 12px}.looks-dialog .looks-hint{display:none}}
@media(prefers-reduced-motion:reduce){.looks-photo{transition:none}}