/* Lucian UX/UI Prompt #061 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#061 */
.u061{position:fixed;inset:0;z-index:1000;width:100vw;height:100dvh;overflow:hidden;isolation:isolate;visibility:hidden;pointer-events:none}.u061.is-open{visibility:visible;pointer-events:auto}.u061-scrim{position:absolute;inset:0;z-index:5;background:#07070C;opacity:0;pointer-events:none;transition:opacity .45s}.u061.is-open .u061-scrim{opacity:var(--so,.94);pointer-events:auto}.u061-view{position:absolute;z-index:6;left:0;top:0;width:100%;height:100%;overflow:hidden;visibility:hidden;touch-action:none}.u061.is-open .u061-view{visibility:visible}.u061-img{position:absolute;inset:0;transform-origin:0 0;transition:transform .45s var(--ux-ease);display:grid;place-items:center;padding:64px 72px}.u061-img.now{transition:none}.u061-img img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 50px rgba(0,0,0,.42));user-select:none;-webkit-user-drag:none}.u061-ui{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s}.u061.is-open.is-ready .u061-ui{opacity:1}.u061-x{position:absolute;right:22px;top:22px;width:46px;height:46px;border:0;padding:0;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.45);color:#fff;pointer-events:auto;transition:transform .3s var(--ux-spring)}.u061-x:active{transform:scale(.88)}.u061-x:focus-visible{outline:2px solid #fff;outline-offset:2px}.u061-x svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.u061-cap{position:absolute;left:26px;right:26px;bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.5)}.u061-cap b{display:block;max-width:min(720px,75vw);font-size:16px;font-weight:800;letter-spacing:-.02em}.u061-cap small{font-size:11px;font-weight:650;opacity:.78}.u061-cap em{font-style:normal;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.35)}.u061-zoom{position:absolute;left:50%;top:24px;transform:translateX(-50%);height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;background:rgba(0,0,0,.4);color:#fff;font-size:12px;font-weight:800;opacity:0;transition:opacity .3s}.u061.is-zoom .u061-zoom{opacity:1}
.image-zoomable{cursor:zoom-in}.image-zoomable:focus-visible{outline:3px solid var(--ux-accent);outline-offset:4px}
.u061-tour{position:absolute;right:82px;top:22px;min-height:46px;padding:0 18px;display:none;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(6,60,55,.88);color:#fff;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;pointer-events:auto;box-shadow:0 14px 28px -18px #000;transition:transform .3s var(--ux-spring),background .3s}.u061.has-tour .u061-tour{display:inline-flex}.u061-tour:hover{transform:translateY(-2px);background:rgba(10,81,74,.98)}.u061-tour:focus-visible{outline:2px solid #fff;outline-offset:3px}.u061-tour svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){.u061-img{padding:70px 14px 108px}.u061-x{right:14px;top:14px}.u061-tour{left:14px;right:auto;top:14px;min-height:44px;padding:0 14px;font-size:9px}.u061-cap{left:16px;right:16px;bottom:18px}.u061-cap b{max-width:70vw;font-size:13px}}
@media(prefers-reduced-motion:reduce){.u061,.u061 *,.u061 *::before,.u061 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}