:root{--bg:#070a10;--bg-soft:#101620;--card:#131a24;--muted:#94a8ba;--text:#f2f6fc;--accent:#5cc8ff;--line:rgba(255,255,255,.065);--line-strong:rgba(255,255,255,.12);--surface:#0f141c;--radius:18px;--radius-sm:12px;--shadow-xs:0 1px 2px rgba(0,0,0,.5);--shadow-sm:0 4px 20px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.04) inset;--shadow-md:0 12px 40px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.05) inset;--shadow-float:0 20px 50px rgba(0,0,0,.5);--font-h1:clamp(1.72rem,2.85vw,2.85rem);--font-section:1.25rem}[data-theme="light"]{--bg:#eef2f7;--bg-soft:#ffffff;--card:#ffffff;--muted:#5c6e82;--text:#0c1220;--accent:#0f6fde;--line:rgba(15,23,42,.08);--line-strong:rgba(15,23,42,.14);--surface:#f5f8fc;--shadow-xs:0 1px 3px rgba(15,23,42,.06);--shadow-sm:0 4px 24px rgba(15,23,42,.08),0 0 0 1px rgba(255,255,255,.8) inset;--shadow-md:0 16px 44px rgba(15,23,42,.1),0 0 0 1px rgba(255,255,255,.9) inset;--shadow-float:0 24px 56px rgba(15,23,42,.14)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:100%;font-feature-settings:"kern" 1,"liga" 1;color:var(--text);line-height:1.55;background-color:var(--bg);background-image:radial-gradient(ellipse 100% 52% at 10% -28%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 52%),radial-gradient(ellipse 90% 48% at 94% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 46%),radial-gradient(ellipse 130% 85% at 50% 108%,var(--bg-soft),var(--bg) 58%);background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;width:100%;padding:24px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}header{margin:18px 0 24px}.kicker{color:var(--accent);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;opacity:.95}h1{margin:8px 0 12px;font-size:var(--font-h1);line-height:1.1;letter-spacing:-.03em;font-weight:700}.sub{color:var(--muted);max-width:78ch}.search{margin-top:14px}.search input{width:100%;padding:13px 16px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs);transition:border-color .2s,box-shadow .2s}.search input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--line-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent),var(--shadow-xs)}.search input:focus-visible{outline:none}section{margin:28px 0}.section-title{font-size:var(--font-section);margin:0 0 12px;letter-spacing:-.02em;font-weight:700}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-xs);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 32%,var(--line));box-shadow:var(--shadow-md),0 0 32px color-mix(in srgb,var(--accent) 8%,transparent)}.swatch{aspect-ratio:16/10;display:flex;align-items:flex-end;justify-content:flex-end;padding:10px;font-size:.75rem;font-weight:700}.meta{padding:11px 12px 13px}.name{font-weight:600;margin:0 0 5px;font-size:.96rem}.badge{font-size:.75rem;color:var(--muted)}footer{margin:40px 0 16px;color:var(--muted);font-size:.9rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm)}.preview{border-radius:var(--radius-sm);min-height:180px;border:1px solid var(--line);margin:12px 0 18px;box-shadow:var(--shadow-xs)}img.preview{display:block;width:100%;max-width:100%;height:auto;vertical-align:middle}.preview.preview--resolution{min-height:0;padding:0;position:relative;overflow:hidden;aspect-ratio:16/9}.preview.preview--resolution img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}.code{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:14px 16px;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;color:var(--text);box-shadow:var(--shadow-xs)}.res-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:12px 0 2px}.res-item{background:var(--surface);border:1px solid var(--line-strong);border-radius:999px;padding:8px 12px;text-align:center;font-size:.8rem;font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .18s ease,background .18s ease,transform .18s ease;box-shadow:var(--shadow-xs)}.res-item:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line-strong));transform:translateY(-1px)}.res-item-main{border-color:var(--accent);color:var(--text);font-weight:700;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.res-item-main::after{content:" " attr(data-main-label);color:var(--accent);font-weight:700;font-size:.68rem;letter-spacing:.02em}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.downloads-strip{margin:20px 0 18px;padding:18px 20px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--line-strong) 65%,var(--accent) 35%);background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 82%,var(--accent) 12%) 0%,var(--surface) 100%);box-shadow:var(--shadow-md),0 0 48px color-mix(in srgb,var(--accent) 7%,transparent)}[data-theme="light"] .downloads-strip{box-shadow:var(--shadow-md)}.downloads-strip__label{margin:0 0 12px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.actions--downloads{gap:10px;margin:0;flex-wrap:wrap}.actions--downloads .btn--dl{flex:1 1 148px;min-width:min(100%,144px);display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;min-height:52px;border-radius:12px;font:inherit;border-width:1px;white-space:normal;text-align:center;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.btn-dl-inner{display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.2}.btn-dl-format{font-size:.95rem;font-weight:800;letter-spacing:.05em}.btn-dl-detail{font-size:.72rem;font-weight:600;color:var(--muted);letter-spacing:.02em}.btn--dl-jpg{border-color:color-mix(in srgb,var(--accent) 42%,var(--line-strong) 58%);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 20%,var(--surface)),color-mix(in srgb,var(--accent) 7%,var(--surface)));box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 12%,transparent);color:var(--text)}.btn--dl-jpg:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 26%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 14%,transparent)}.btn--dl-jpg .btn-dl-detail{color:color-mix(in srgb,var(--muted) 40%,var(--accent) 60%)}.btn--dl-png{border-color:var(--line-strong);background:var(--card);box-shadow:0 2px 12px color-mix(in srgb,var(--text) 6%,transparent)}.btn--dl-png .btn-dl-format{color:var(--text)}.btn--dl-png:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line-strong) 50%);transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--text) 9%,transparent)}.btn--dl:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--dl:disabled{opacity:.88;transform:none;cursor:wait}.btn-dl-state{font-size:.88rem;font-weight:700;letter-spacing:.02em}.btn{display:inline-block;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:10px 14px;font-size:.88rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-xs);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.btn:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line-strong));transform:translateY(-1px);box-shadow:0 8px 24px color-mix(in srgb,var(--text) 12%,transparent)}.btn:active{transform:translateY(0)}.theme-toggle{position:fixed;top:14px;right:16px;z-index:10000;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--line-strong) 70%,var(--accent) 30%);background:color-mix(in srgb,var(--surface) 82%,var(--accent) 14%);box-shadow:var(--shadow-md);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.theme-toggle:hover{transform:translateY(-1px);box-shadow:var(--shadow-float);border-color:color-mix(in srgb,var(--accent) 45%,var(--line-strong))}.theme-toggle .theme-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:.95rem;line-height:1}.theme-toggle .theme-label{font-size:.8rem;font-weight:700;letter-spacing:.01em}.back-to-top{position:fixed;right:16px;bottom:64px;z-index:9998;width:40px;height:40px;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface) 88%,var(--accent) 8%);color:var(--text);font-size:1.05rem;line-height:1;cursor:pointer;box-shadow:var(--shadow-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,border-color .2s ease,box-shadow .2s ease}.back-to-top:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line-strong));box-shadow:var(--shadow-float)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-menu{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}.menu-link{display:inline-block;padding:8px 14px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface) 92%,var(--card) 8%);color:var(--text);border-radius:999px;font-size:.82rem;font-weight:600;box-shadow:var(--shadow-xs);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.menu-link:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line-strong));transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--text) 10%,transparent)}.menu-link--hot{position:relative;display:inline-block;padding:7px 14px 7px 11px;border-color:color-mix(in srgb,var(--accent) 35%,var(--line-strong) 65%);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,var(--accent) 8%),var(--surface));overflow:visible}.menu-link--hot:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line-strong) 45%);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 18%,transparent)}.menu-hot{position:absolute;top:-6px;right:-4px;z-index:1;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1;padding:3px 6px;border-radius:999px;color:#fff;background:linear-gradient(125deg,#ff5f3a 0%,#ff8a2c 45%,#ffb020 100%);box-shadow:0 2px 10px color-mix(in srgb,#ff6b35 45%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 35%,transparent);text-shadow:0 1px 0 color-mix(in srgb,#c42 25%,transparent);pointer-events:none}@media (prefers-reduced-motion:no-preference){.menu-hot{animation:menu-hot-pulse 2.8s ease-in-out infinite}}@keyframes menu-hot-pulse{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.08);transform:scale(1.04)}}[data-theme="light"] .menu-link--hot{border-color:color-mix(in srgb,var(--accent) 38%,var(--line-strong) 62%)}[data-theme="light"] .menu-hot{box-shadow:0 2px 12px color-mix(in srgb,#e85d2c 35%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent)}.skip-link{position:absolute;left:12px;top:12px;z-index:10001;padding:8px 14px;background:var(--accent);color:var(--bg);font-weight:700;font-size:.85rem;border-radius:8px;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;border:0}.skip-link:focus{clip:auto;clip-path:none;width:auto;height:auto;overflow:visible;outline:2px solid var(--text);outline-offset:2px}main{outline:none}.home-about{margin:22px 0 26px}.home-about .section-title{margin-bottom:10px}.home-lead{margin:0 0 16px;font-size:1.02rem;color:var(--text);max-width:85ch;line-height:1.55}.home-lead strong{color:var(--text);font-weight:700}.home-columns{display:grid;gap:18px 28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 0 18px}.home-col h3{margin:0 0 10px;font-size:1.05rem;font-weight:700;color:var(--text)}.home-col ul{margin:0;padding-left:1.15rem;color:var(--muted);font-size:.93rem;line-height:1.55}.home-col li{margin:6px 0}.home-col strong{color:var(--text)}.inline-link{color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;font-weight:600;transition:color .15s ease}.inline-link:hover{color:color-mix(in srgb,var(--accent) 75%,var(--text) 25%)}.faq-heading{margin:22px 0 12px;font-size:1.05rem;font-weight:700}.home-faq{margin:0}.home-faq dt{margin:14px 0 4px;font-weight:700;color:var(--text);font-size:.95rem}.home-faq dt:first-child{margin-top:0}.home-faq dd{margin:0 0 10px;padding:0 0 0 0;color:var(--muted);font-size:.92rem;line-height:1.55;max-width:85ch}footer p{margin:0;max-width:90ch;line-height:1.55}.color-page-footer{margin:24px 0 18px;font-size:.88rem;color:var(--muted);max-width:72ch;line-height:1.55}.resolution-actions{margin-top:8px}.resolution-panel .resolution-hint{margin-top:0;margin-bottom:14px;max-width:78ch}.resolution-form__grid{display:grid;gap:14px 18px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:16px 0}.field label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:6px}.field input[type=number],.field input[type=text]{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:.95rem;box-shadow:var(--shadow-xs);transition:border-color .2s,box-shadow .2s}.field input[type=number]:focus,.field input[type=text]:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 45%,var(--line-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.field input[type=color]{width:100%;height:44px;padding:2px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer}.format-fieldset{border:0;margin:18px 0 8px;padding:0}.format-legend{font-size:.8rem;font-weight:600;color:var(--muted);padding:0;margin-bottom:8px}.format-radios{display:flex;flex-wrap:wrap;gap:12px 20px}.format-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.92rem}.format-option input{accent-color:var(--accent)}.preset-label{font-size:.8rem;font-weight:600;color:var(--muted);margin:16px 0 8px}.preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.btn--ghost{background:transparent;font-size:.82rem;padding:8px 11px}.btn--primary{border-color:color-mix(in srgb,var(--accent) 50%,var(--line-strong) 50%);background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 28%,var(--surface)) 0%,color-mix(in srgb,var(--accent) 10%,var(--surface)) 100%);font-weight:700;color:var(--text);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 28%,transparent),var(--shadow-xs)}.btn--primary:hover{border-color:var(--accent);box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 35%,transparent),var(--shadow-xs)}.resolution-form .export-status{margin-top:14px}.export-status{min-height:1.25em;font-size:.88rem;color:var(--muted);margin:10px 0 0}.resolution-preview-title{font-size:1rem;margin:20px 0 10px;font-weight:700}.muted-label{font-weight:400;font-size:.78rem;color:var(--muted)}.resolution-preview-wrap{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);padding:14px;max-width:100%;box-shadow:var(--shadow-sm)}.resolution-preview{width:100%;max-width:min(640px,100%);min-height:80px;margin:0 auto;border-radius:8px;border:1px solid var(--line-strong);box-sizing:border-box}.section-title--small{font-size:1.05rem;margin-top:18px}.resolution-steps{margin:0 0 12px;padding-left:1.2rem;max-width:85ch;line-height:1.6;color:var(--muted);font-size:.93rem}.resolution-steps li{margin:8px 0}.resolution-steps strong{color:var(--text)}.inline-code{font-family:ui-monospace,Menlo,monospace;font-size:.88em;background:var(--surface);padding:2px 6px;border-radius:6px;border:1px solid var(--line-strong)}.resolution-seo-p{max-width:85ch}.resolution-footer{margin:28px 0 18px;color:var(--muted);font-size:.88rem}.wrap--resolution .resolution-header{margin-bottom:14px}.resolution-header h1{margin-bottom:6px}.btn--sm{padding:7px 12px;font-size:.82rem;border-radius:9px}.btn--icon{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem;line-height:1}.resolution-panel--compact{padding:18px 20px}.resolution-panel__head{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:start;margin-bottom:10px}.resolution-panel__head .resolution-download--head{grid-column:2;grid-row:1/-1;justify-self:end;align-self:start;min-height:48px;padding:11px 18px;font-weight:700;white-space:nowrap;box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 22%,transparent)}@media (max-width:640px){.resolution-panel__head{grid-template-columns:1fr}.resolution-panel__head .resolution-download--head{grid-column:1;grid-row:auto;justify-self:stretch;width:100%;white-space:normal;margin-top:4px;box-shadow:none}}.resolution-panel__head .section-title{margin:0;font-size:1.15rem}.resolution-panel__head .resolution-hint{margin:0;font-size:.86rem;color:var(--muted);max-width:none}.megapixel-badge{font-size:.78rem;font-weight:700;color:var(--accent);letter-spacing:.02em}.resolution-form--compact{margin-top:4px}.tool-row{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:flex-end}.tool-row--dims{align-items:flex-end}.field--tight{flex:0 0 auto;min-width:88px}.field--tight label{font-size:.72rem}.field--tight input{max-width:110px;padding:8px 10px;font-size:.9rem}.field--hex-row{flex:1 1 200px;min-width:min(100%,200px)}.field--hex-row label{display:block;font-size:.72rem;font-weight:600;color:var(--muted);margin-bottom:5px}.hex-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hex-row input[type=text]{flex:1 1 100px;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-family:ui-monospace,Menlo,monospace;font-size:.88rem}.hex-row input[type=color]{width:44px;height:38px;padding:2px;border-radius:8px;border:1px solid var(--line-strong);cursor:pointer;flex-shrink:0}.format-segment{display:inline-flex;border-radius:10px;border:1px solid var(--line-strong);overflow:hidden;margin:12px 0 6px}.format-seg{margin:0;flex:1;display:flex}.format-seg input{position:absolute;opacity:0;pointer-events:none}.format-seg span{display:block;padding:8px 18px;font-size:.84rem;font-weight:600;cursor:pointer;background:var(--surface);color:var(--muted);width:100%;text-align:center;transition:background .15s ease,color .15s ease}.format-seg:first-child span{border-right:1px solid var(--line-strong)}.format-seg input:checked+span{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.format-seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:-2px}.preset-block{margin:10px 0 8px}.preset-block .preset-label{margin:0 0 8px;font-size:.8rem;font-weight:600;color:var(--muted)}.preset-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 2px 4px 2px;max-height:min(42vh,340px);overflow-y:auto;border-top:1px solid var(--line);margin:0 -2px}.preset-chips--open{border-top-color:var(--line-strong)}.preset-chip{padding:5px 9px;font-size:.74rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--card);color:var(--text);cursor:pointer;transition:border-color .14s ease,transform .12s ease,box-shadow .14s ease}.preset-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.preset-chip.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--card));color:var(--text);font-weight:700;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent),0 2px 10px color-mix(in srgb,var(--accent) 12%,transparent)}.preset-chip.is-selected:hover{border-color:var(--accent)}.btn--download{min-width:min(100%,200px)}.resolution-preview-block{margin-top:14px}.resolution-preview-caption{font-size:.78rem;font-weight:600;color:var(--muted);margin-bottom:8px}.resolution-preview-wrap--modern{padding:10px}.resolution-preview{position:relative;overflow:hidden}.resolution-preview-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:none;transition:opacity .2s ease}.code--compact{font-size:.8rem;padding:10px 12px}.panel--seo-tight{padding:14px 16px}.resolution-steps--compact{font-size:.88rem;margin-top:8px}@media (max-width:720px){.wrap{padding:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.wrap{padding:12px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}.res-list{grid-template-columns:1fr}.site-menu{gap:6px}.menu-link{font-size:.78rem;padding:7px 10px}.menu-link--hot{padding:6px 12px 6px 10px}.menu-link--count{padding:6px 12px 6px 10px}.menu-hot,.menu-link--count .menu-count{top:-5px;right:-3px;font-size:.52rem;padding:2px 5px}.actions .btn{width:100%;text-align:center}.theme-toggle{top:10px;right:10px;padding:6px 10px}.theme-toggle .theme-label{font-size:.76rem}.back-to-top{right:10px;bottom:58px;width:34px;height:34px;font-size:.95rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap--download-gallery{overflow-x:hidden}.wrap--download-gallery .download-gallery-header{margin-bottom:12px}.gallery-lead-secondary{margin-top:12px}.gallery-table-scroll{overflow-x:auto;margin-top:14px;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.gallery-bulk-table{width:100%;max-width:100%;border-collapse:collapse;font-size:1rem;table-layout:auto}.gallery-bulk-table thead th{padding:10px 12px;border-bottom:2px solid var(--line-strong);text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.gallery-bulk-table tbody th{font-weight:600;text-align:left;padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:middle;min-width:min(11rem,42vw)}.gallery-bulk-table tbody td{border-bottom:1px solid var(--line);padding:10px 0;vertical-align:middle}.gallery-res-label{display:block;font-size:1rem;font-weight:600}.gallery-res-meta{display:block;font-size:.875rem;color:var(--muted);font-weight:500;margin-top:2px}.gallery-bulk-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.gallery-bulk-actions .btn--dl{flex:1 1 140px;min-width:min(100%,130px);max-width:220px}.gallery-faq{margin-top:8px}.gallery-table-intro{max-width:85ch}.gallery-bulk-status{margin-top:12px}.menu-link--count{position:relative;padding:7px 14px 7px 11px}.menu-link--count .menu-count{position:absolute;top:-6px;right:-4px;margin-left:0;z-index:1}.menu-count{margin-left:5px;pointer-events:none;font-size:.56rem;font-weight:800;letter-spacing:.06em;line-height:1;padding:3px 6px;border-radius:999px;color:var(--bg);background:var(--accent);vertical-align:1px;box-shadow:0 1px 6px color-mix(in srgb,var(--accent) 40%,transparent)}[data-theme="light"] .menu-count{color:#fff}@media (max-width:640px){.gallery-bulk-table thead{display:none}.gallery-bulk-table tbody tr{display:block;border-bottom:1px solid var(--line);padding:12px 0}.gallery-bulk-table tbody th,.gallery-bulk-table tbody td{display:block;width:100%;padding:8px 0;border:0;min-width:0;box-sizing:border-box}.gallery-bulk-actions{flex-direction:column;align-items:stretch}.gallery-bulk-actions .btn--dl{max-width:none;width:100%;min-height:48px;flex:1 1 auto}}.wrap--download-gallery{padding-top:16px;padding-bottom:32px}.gallery-header--compact{margin-bottom:12px}.gallery-header--compact h1{margin:8px 0 8px;font-size:var(--font-h1)}.gallery-compact-lead{max-width:78ch;line-height:1.5;margin:0;color:var(--muted)}.gallery-toolbar{padding:14px 16px;margin-bottom:12px}.gallery-toolbar .gallery-bulk-status{margin-top:0;font-size:.88rem}.gallery-download-ready{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface)}.gallery-download-ready[hidden]{display:none!important}.gallery-save-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:420px;min-height:48px;padding:12px 18px;font-weight:600;font-size:.88rem}.gallery-table-panel .section-title{margin-bottom:6px}.gallery-table-intro--tight{margin-top:0;margin-bottom:8px;max-width:78ch}.gallery-faq-compact{padding:14px 16px}.gallery-faq-title{font-size:var(--font-section);margin-bottom:10px}.gallery-faq-simple{margin:0;display:grid;gap:12px 20px;grid-template-columns:1fr}@media (min-width:780px){.gallery-faq-simple{grid-template-columns:1fr 1fr}}.gallery-faq-simple>div{margin:0}.gallery-faq-simple dt{font-weight:700;font-size:.95rem;margin:0;color:var(--text)}.gallery-faq-simple dd{margin:4px 0 0;font-size:.92rem;color:var(--muted);line-height:1.55;padding-bottom:10px;border-bottom:1px solid var(--line)}.gallery-faq-simple>div:last-child dd{border-bottom:0;padding-bottom:0}.wrap--download-gallery.wrap--gallery-dense{padding-top:14px;padding-bottom:28px}.gallery-header--dense{margin-bottom:10px}.gallery-header--dense h1{font-size:var(--font-h1);margin:8px 0 6px;line-height:1.15}.wrap--gallery-dense .gallery-compact-lead{max-width:78ch;line-height:1.5;color:var(--muted)}.panel--gallery-stack{padding:14px 16px;margin-bottom:12px}.gallery-status-stack{margin-bottom:10px}.panel--gallery-stack .gallery-bulk-status{font-size:.88rem;margin:0;line-height:1.45}.panel--gallery-stack .gallery-download-ready{margin-top:8px;padding:12px 14px}.gallery-section-head{font-size:var(--font-section);font-weight:700;margin:0 0 8px}.gallery-intro-micro{font-size:.875rem;margin:0 0 8px;line-height:1.45;max-width:78ch;color:var(--muted)}.panel--gallery-stack .gallery-table-scroll{margin-top:8px}.wrap--gallery-dense .gallery-bulk-table thead th{padding:10px 12px;font-size:.8rem}.wrap--gallery-dense .gallery-bulk-table tbody th{padding:12px 12px 12px 0}.wrap--gallery-dense .gallery-bulk-table tbody td{padding:10px 0}.wrap--gallery-dense .gallery-bulk-actions{gap:8px}.wrap--gallery-dense .gallery-bulk-actions .btn--dl{min-width:min(100%,140px);min-height:48px}.gallery-faq-dense{padding:14px 16px}.gallery-faq-dense .gallery-faq-title{font-size:var(--font-section);margin-bottom:8px}.gallery-faq-dense .gallery-faq-simple{gap:10px 16px}.gallery-faq-dense .gallery-faq-simple dt{font-size:.95rem}.gallery-faq-dense .gallery-faq-simple dd{font-size:.92rem;padding-bottom:8px;margin-top:4px;line-height:1.55}.wrap--gallery-dense .site-menu{margin-bottom:10px}.wrap--gallery-dense .gallery-footer{margin-top:16px;font-size:.88rem}@media (max-width:640px){.wrap--download-gallery.wrap--gallery-dense{padding-top:8px;padding-bottom:18px}.wrap--download-gallery .gallery-header--dense{margin-bottom:6px}.wrap--download-gallery .gallery-header--dense h1{margin-top:4px;margin-bottom:4px;line-height:1.12}.wrap--gallery-dense .gallery-compact-lead{line-height:1.38;max-width:100%}.wrap--gallery-dense .panel--gallery-stack{padding:10px 12px;margin-bottom:8px}.wrap--gallery-dense .gallery-status-stack{margin-bottom:6px}.wrap--gallery-dense .panel--gallery-stack .gallery-bulk-status{font-size:.82rem;line-height:1.35}.wrap--gallery-dense .panel--gallery-stack .gallery-download-ready{margin-top:6px;padding:10px 12px}.wrap--gallery-dense .gallery-section-head{margin-bottom:4px}.wrap--gallery-dense .gallery-intro-micro{margin-bottom:5px;line-height:1.35;max-width:100%}.wrap--gallery-dense .panel--gallery-stack .gallery-table-scroll{margin-top:4px}.wrap--gallery-dense .gallery-bulk-table tbody tr{padding:8px 0}.wrap--gallery-dense .gallery-bulk-actions{flex-direction:row;flex-wrap:wrap;gap:6px}.wrap--gallery-dense .gallery-bulk-actions .btn--dl{flex:1 1 calc(50% - 3px);width:auto;min-width:min(100%,calc(50% - 3px));max-width:none;min-height:44px;padding:10px 6px}.wrap--gallery-dense .gallery-bulk-actions .btn-dl-format{font-size:.85rem}.wrap--gallery-dense .gallery-bulk-actions .btn-dl-detail{font-size:.65rem;line-height:1.15}.wrap--gallery-dense .gallery-faq-dense{padding:10px 12px}.wrap--gallery-dense .gallery-faq-dense .gallery-faq-title{margin-bottom:6px}.wrap--gallery-dense .gallery-faq-dense .gallery-faq-simple{gap:6px 12px}.wrap--gallery-dense .gallery-faq-dense .gallery-faq-simple dt{font-size:.9rem}.wrap--gallery-dense .gallery-faq-dense .gallery-faq-simple dd{font-size:.88rem;padding-bottom:6px;margin-top:2px;line-height:1.45}.wrap--gallery-dense .gallery-footer{margin-top:12px}.wrap--gallery-dense .site-menu{margin-bottom:8px}}@media (min-width:641px){.wrap--download-gallery.wrap--gallery-dense{padding-top:20px;padding-bottom:40px}.wrap--download-gallery .gallery-header--dense{margin-bottom:14px}.wrap--gallery-dense .panel--gallery-stack{padding:18px 22px;margin-bottom:16px}.wrap--gallery-dense .gallery-status-stack{margin-bottom:12px}.wrap--gallery-dense .gallery-table-scroll{margin-top:12px}.wrap--gallery-dense .gallery-bulk-table{font-size:1.02rem}.wrap--gallery-dense .gallery-bulk-table thead th{padding:12px 14px;font-size:.82rem}.wrap--gallery-dense .gallery-bulk-table tbody th{padding:14px 18px 14px 0}.wrap--gallery-dense .gallery-bulk-table tbody td{padding:12px 0}.wrap--gallery-dense .gallery-bulk-actions{gap:10px}.wrap--gallery-dense .gallery-bulk-actions .btn--dl{min-width:150px;max-width:240px;padding:12px 14px}.wrap--gallery-dense .gallery-faq-dense{padding:18px 22px}.wrap--gallery-dense .gallery-faq-dense .gallery-faq-simple{gap:14px 24px}.wrap--gallery-dense .gallery-footer{margin-top:22px}}.related-colors-panel{margin-top:2px}.related-colors-panel .section-title{margin-bottom:10px}.related-colors-grid{display:grid;gap:clamp(10px,2.2vw,14px);grid-template-columns:1fr;width:100%;max-width:100%;min-width:0;margin-top:4px}@media (min-width:31.25em){.related-colors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:40em){.related-colors-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:56.25em){.related-colors-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:75em){.related-colors-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.related-color-card{display:flex;flex-direction:column;gap:0;min-width:0;width:100%;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow-xs);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.related-color-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line-strong));box-shadow:var(--shadow-sm)}.related-color-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.related-color-swatch{display:block;aspect-ratio:16/10;width:100%;min-height:clamp(48px,18vw,100px);border-bottom:1px solid var(--line)}.related-color-meta{display:flex;flex-direction:column;gap:3px;padding:clamp(8px,2.2vw,12px) clamp(9px,2.4vw,13px);min-width:0}.related-color-name{font-weight:600;font-size:clamp(.78rem,3.2vw,.92rem);line-height:1.28;overflow-wrap:anywhere}.related-color-hex{font-size:clamp(.65rem,2.6vw,.76rem);font-family:ui-monospace,Menlo,monospace;color:var(--muted);overflow-wrap:anywhere;line-height:1.3}.related-colors-root--empty{min-height:0}.panel--gallery-zips{margin-bottom:14px;width:100%;max-width:100%;min-width:0}.gallery-zip-intro{margin-top:0;margin-bottom:clamp(10px,3vw,16px);max-width:88ch;line-height:1.5}.gallery-zip-grid{list-style:none;margin:0;padding:0;display:grid;gap:clamp(8px,2vw,12px);grid-template-columns:1fr;width:100%;max-width:100%;min-width:0}@media (min-width:32.5em){.gallery-zip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48em){.gallery-zip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64em){.gallery-zip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:80em){.gallery-zip-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.gallery-zip-item{margin:0;min-width:0}.gallery-zip-link{display:flex;flex-direction:column;gap:4px;align-items:flex-start;width:100%;min-height:clamp(48px,12vw,56px);padding:clamp(10px,2.4vw,14px) clamp(12px,2.8vw,16px);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);text-decoration:none;color:inherit;box-shadow:var(--shadow-xs);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.gallery-zip-link:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line-strong));transform:translateY(-2px);box-shadow:var(--shadow-sm)}.gallery-zip-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery-zip-label{font-weight:700;font-size:clamp(.82rem,2.8vw,.95rem);line-height:1.25;overflow-wrap:anywhere}.gallery-zip-dim{font-size:clamp(.78rem,2.5vw,.88rem);color:var(--muted);font-weight:600}.gallery-zip-file.mono{font-family:ui-monospace,Menlo,monospace;font-size:clamp(.68rem,2.2vw,.78rem);color:var(--accent);word-break:break-all;line-height:1.35}.nowrap{white-space:nowrap}