.app-shot-gallery{min-width:0;margin:0 0 30px}.app-shot-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.app-shot-heading h2{font-size:clamp(21px,2.1vw,29px);line-height:1.3;margin:5px 0 0!important}.app-shot-heading .eyebrow{color:#9f0b60}.app-shot-controls{flex:none;justify-content:center;align-items:center;gap:12px;display:flex}.app-shot-controls>span{white-space:nowrap;font-variant-numeric:tabular-nums;font:12px ui-monospace,monospace}.app-shot-controls i{color:#756b71;font-style:normal}.app-shot-controls .icon-button{background:#fffaf5;border:1px solid #30232b;width:38px;height:38px;transition:transform .18s,box-shadow .18s;box-shadow:2px 2px #30232b}.app-shot-controls .icon-button:hover:not(:disabled){box-shadow:3px 4px 0 var(--pink);transform:translate(-1px,-2px)}.app-shot-controls .icon-button:disabled{opacity:.35;box-shadow:none;cursor:default}.app-shot-stage{background:#fffdf8;border:1px solid #30232b;border-radius:16px;padding:12px;box-shadow:5px 6px #23191f}.app-shot-image{aspect-ratio:16/10;background:radial-gradient(at 50% 20%,#ffe1f2,#f0e9e5 80%);border-radius:8px;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.app-shot-image img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.app-shot-enlarge{cursor:zoom-in;background:0 0;border:none;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.app-shot-enlarge>span{opacity:0;background:#fff9f0f5;border:1px solid #382832;border-radius:50px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:14px;right:14px;transform:translateY(5px);box-shadow:2px 3px #ff149380}.app-shot-enlarge:hover>span,.app-shot-enlarge:focus-visible>span{opacity:1;transform:translateY(0)}.app-shot-loading{color:#bb0a6f;pointer-events:none;position:absolute}.app-shot-error{color:#6d5a65;text-align:center;justify-items:center;gap:12px;padding:22px;font-size:13px;display:grid}.app-shot-thumbnails{scrollbar-width:thin;scrollbar-color:#dc72ad transparent;scroll-snap-type:x proximity;gap:11px;padding:18px 4px 7px;display:flex;overflow-x:auto}.app-shot-thumbnails button{cursor:pointer;scroll-snap-align:start;background:#fffaf7;border:1px solid #cbbac4;border-radius:7px;flex:0 0 88px;height:66px;padding:6px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}.app-shot-thumbnails button img{object-fit:contain;width:100%;height:100%}.app-shot-thumbnails button span{background:#fffdf7;padding:2px 3px;font:8px ui-monospace,monospace;position:absolute;bottom:3px;right:4px}.app-shot-thumbnails button[aria-pressed=true]{border-color:#ac0b66;transform:translateY(-2px);box-shadow:0 0 0 2px #ff1493,2px 3px #29171f}.app-shot-note{color:#71616b;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:10px;line-height:1.6;display:flex}.app-shot-note a{text-underline-offset:3px;align-items:center;gap:3px;text-decoration:underline;display:inline-flex}.app-shot-lightbox{color:#fff9f6;background:0 0;border:none;width:min(1120px,100vw - 30px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:auto}.app-shot-lightbox::backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#160b14ed}.app-shot-lightbox-content{gap:13px;display:grid}.app-shot-lightbox header{justify-content:space-between;align-items:center;gap:20px;padding:0 3px;font-size:13px;display:flex}.app-shot-lightbox header .icon-button{color:#fff9f6;background:#ffffff0b;border:1px solid #fff9f64d}.app-shot-lightbox .app-shot-image{aspect-ratio:auto;background:#241a23;height:min(72dvh,760px)}.app-shot-lightbox .app-shot-controls{padding:4px}.app-shot-lightbox .app-shot-controls .icon-button{color:#21151d}.app-shot-lightbox .app-shot-controls i{color:#c8b8c2}html:has(.app-shot-lightbox[open]){overflow:hidden}.app-public-makers{margin-top:24px;padding:25px}.app-public-makers h2{margin:7px 0 18px;font-size:26px}.app-maker-link{border-top:1px solid #d5c6cf;align-items:flex-start;gap:13px;padding:17px 0;display:flex}.app-maker-avatar{background:#ffe2f3;border:1px solid #352631;border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden;box-shadow:2px 3px #ff1493}.app-maker-avatar img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.app-maker-intro{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.app-maker-intro strong{overflow-wrap:anywhere;font-size:17px}.app-maker-intro small{color:#84707c;font-size:10px}.app-maker-intro>span{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.app-maker-intro em{color:#a20a61;align-items:center;gap:4px;margin-top:4px;font-size:10px;font-style:normal;display:flex}.app-maker-visit{color:#9f0b60;align-items:center;gap:4px;margin-top:3px;display:flex}.app-maker-visit>span{font-size:10px;display:none}.app-maker-link:hover .app-maker-visit{transform:translate(2px,-2px)}.app-maker-link:focus-visible,.app-shot-gallery button:focus-visible{outline-offset:5px;outline:3px solid #c60874}.detail-main-column{min-width:0}.import-preview>dl{grid-template-columns:110px minmax(0,1fr);gap:18px 24px;margin:28px 0;display:grid}.import-preview>dl dt{color:#715867;font-size:12px;font-weight:700}.import-preview>dl dd{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.75}@media (hover:none){.app-shot-enlarge>span{opacity:1;transform:none}}@media (max-width:600px){.import-preview>dl{grid-template-columns:minmax(0,1fr);gap:5px}.import-preview>dl dt:not(:first-child){margin-top:15px}.app-shot-heading{align-items:flex-start}.app-shot-heading h2{font-size:21px}.app-shot-controls{gap:8px}.app-shot-controls .icon-button{width:44px;height:44px}.app-shot-stage{padding:7px;box-shadow:3px 4px #23191f}.app-shot-stage .app-shot-image.is-portrait{aspect-ratio:4/5}.app-shot-note{font-size:12px}.app-public-makers{padding:19px}.app-shot-lightbox .app-shot-image{height:66dvh}}@media (prefers-reduced-motion:reduce){.app-shot-gallery *,.app-maker-link *{transition:none!important;animation:none!important}}@media (max-width:480px){.app-shot-heading{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.app-shot-heading>div:first-child{display:contents}.app-shot-heading .eyebrow{grid-area:1/1}.app-shot-heading h2{grid-area:2/1/auto/-1}.app-shot-heading .app-shot-controls{grid-area:1/2}}
