:root{--bg: oklch(1 0 0);--surface: oklch(.97 .006 160);--surface-hover: oklch(.93 .008 160);--ink: oklch(.12 .012 160);--muted: oklch(.42 .025 160);--primary: oklch(.52 .16 156);--primary-hover: oklch(.45 .14 156);--accent: oklch(.55 .14 72);--border: oklch(.9 .004 160);--gallery-bg: oklch(.92 .008 160);--shadow-sm: 0 1px 3px oklch(0 0 0 / .06), 0 1px 2px oklch(0 0 0 / .04);--shadow-md: 0 4px 12px oklch(0 0 0 / .08), 0 2px 4px oklch(0 0 0 / .04);--shadow-lg: 0 8px 30px oklch(0 0 0 / .1), 0 4px 8px oklch(0 0 0 / .05);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:820px;margin:0 auto;padding:32px 24px 80px}.block{margin-bottom:72px}.block-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.block-header-line{flex:1;height:1px;background:var(--border)}.block-title{font-size:20px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;color:var(--ink)}.gallery-wrap{position:relative;margin-bottom:28px}.gallery-viewport{overflow:hidden;border-radius:var(--radius-lg);background:var(--gallery-bg);touch-action:pan-y;cursor:grab;position:relative;box-shadow:var(--shadow-md)}.gallery-viewport:active{cursor:grabbing}.gallery-track{display:flex;transition:transform .45s var(--ease-out);height:100%}.gallery-slide{min-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.gallery-slide img{width:100%;height:auto;border-radius:var(--radius-md);pointer-events:none;box-shadow:0 2px 8px #00000014}.slide-title{margin-top:16px;font-size:16px;font-weight:500;color:var(--muted);text-align:center;letter-spacing:.01em}.gal-counter{position:absolute;bottom:16px;right:16px;z-index:3;padding:4px 12px;border-radius:100px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:13px;font-weight:500;letter-spacing:.03em;pointer-events:none}.gal-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border:none;border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all .2s var(--ease-out);opacity:0}.gallery-wrap:hover .gal-btn,.gal-btn:focus-visible{opacity:1}.gal-btn:hover{background:#fffffff2;box-shadow:var(--shadow-md);transform:translateY(-50%) scale(1.05)}.gal-btn:active{transform:translateY(-50%) scale(.95)}.gal-prev{left:12px}.gal-next{right:12px}.gal-dots{display:flex;justify-content:center;gap:6px;margin-top:16px}.dot{width:8px;height:8px;border-radius:50%;background:var(--border);cursor:pointer;transition:all .3s var(--ease-out)}.dot.active{background:var(--primary);width:28px;border-radius:4px}.images-list{display:flex;flex-direction:column;gap:6px}.img-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:var(--radius-md);padding:10px 16px;transition:all .2s var(--ease-out);border:1px solid transparent}.img-row:hover{background:var(--surface-hover);border-color:var(--border)}.img-row-preview{display:flex;align-items:center;gap:14px;min-width:0}.img-row-preview img{width:56px;height:68px;object-fit:cover;border-radius:var(--radius-sm);background:var(--gallery-bg);flex-shrink:0}.img-row-preview span{font-size:15px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-sm);border:none;background:var(--primary);color:#fff;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .2s var(--ease-out);flex-shrink:0}.download-btn:hover{background:var(--primary-hover);box-shadow:0 2px 8px #007e494d;box-shadow:0 2px 8px oklch(.52 .16 156 / .3);transform:translateY(-1px)}.download-btn:active{transform:translateY(0)}.download-btn svg{width:16px;height:16px}.empty-state{text-align:center;padding:40px 20px;color:var(--muted);font-size:15px;background:var(--surface);border-radius:var(--radius-md)}.footer{text-align:center;font-size:15px;line-height:1.7;color:var(--muted);margin-top:64px;padding:32px 20px 0;position:relative}.footer:before{content:"";display:block;width:60px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--accent));margin:0 auto 24px}.footer strong{color:var(--ink);font-weight:600}@media(max-width:640px){.app{padding:20px 14px 60px}.block{margin-bottom:56px}.block-header{margin-bottom:16px}.gallery-viewport{border-radius:var(--radius-md);max-height:70vh}.gallery-slide{padding:0}.gal-btn{width:36px;height:36px;font-size:18px}.img-row{padding:8px 12px}.img-row-preview img{width:44px;height:56px}.download-btn{padding:6px 14px;font-size:12px}.footer{margin-top:48px;padding:24px 14px 0;font-size:14px}}@media(hover:none){.gal-btn{opacity:1;background:#ffffffb3}.gal-prev{left:8px}.gal-next{right:8px}}