@font-face{font-family:Plex;src:url('/assets/mono.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url('/assets/mono-medium.ttf') format('truetype');font-weight:500 700;font-display:swap}
:root{color-scheme:dark;--bg:#141414;--panel:#191919;--ink:#dededb;--muted:#898986;--faint:#80807b;--line:#2b2b29;--accent:#baf3d4;--mono:Plex,'SFMono-Regular',Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:12px/1.65 var(--mono);min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:wait;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a:hover{color:#fff}button:hover{color:#fff}button[hidden],[hidden]{display:none!important}::selection{background:#385846;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;background:var(--accent);color:#141414;padding:12px;z-index:100}.skip-link:focus{top:10px}.masthead{display:flex;align-items:center;justify-content:space-between;padding:26px 32px 25px;gap:24px}.identity{display:flex;align-items:center;gap:14px}.app-icon{border-radius:12px;object-fit:contain}.identity strong{display:block;font-weight:500;font-size:15px;letter-spacing:-.4px}.identity-sub{display:block;color:var(--muted);font-size:11px;margin-top:2px}.header-links{display:flex;align-items:center;gap:28px;font-size:11px}.creator-link{color:var(--muted)}.header-links a span{margin-left:8px}.steam-link{padding:10px 14px;border:1px solid #3b3b38;border-radius:3px;transition:border-color .2s,background .2s}.steam-link:hover{background:#222;border-color:var(--muted)}.site-layout{display:grid;grid-template-columns:204px minmax(0,1fr);gap:40px;padding:29px 32px 68px;flex:1}.sidebar{padding-top:3px}.filter-top{display:flex;align-items:center;justify-content:space-between;min-height:24px;gap:8px}.eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:1.4px;color:var(--muted)}.text-button{padding:0;font-size:10px;color:var(--accent)}.all-workflows{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:12px;padding:14px 0 20px;text-align:left;border-bottom:1px solid var(--line)}.all-workflows>span:first-child{display:flex;gap:10px;align-items:center}.nav-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.count{color:var(--faint);font-size:11px;font-variant-numeric:tabular-nums}.filter-group{margin-top:25px}.filter-group h2{display:flex;align-items:center;gap:8px;font-weight:400;margin:0 0 10px;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:1.3px}.filter-group h2 svg{width:13px;height:13px;color:var(--muted)}.filter-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:5px 0;text-align:left;line-height:1.5;font-size:11px;color:#bdbdba}.filter-option:hover{color:var(--accent)}.filter-option[aria-pressed=true]{color:var(--accent)}.filter-option[aria-pressed=true] .count{color:var(--accent)}.filter-option[aria-pressed=true]>span:first-child:before{content:'↳ ';color:var(--accent)}.filter-option:disabled{opacity:.3;cursor:default}.sidebar-note{margin:35px 0 0;padding-top:23px;border-top:1px solid var(--line);color:var(--faint);font-size:10px;line-height:1.85}.archive{min-width:0}.archive-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 32px;padding-top:1px}.archive-intro .eyebrow{display:flex;align-items:center;gap:8px;font-size:9px}.signal{display:inline-block;height:5px;width:5px;background:var(--accent)}h1{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(30px,3.2vw,48px);letter-spacing:-1.8px;line-height:1.1;margin:17px 0 14px}.archive-intro p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.mobile-break{display:none}.archive-counter{display:flex;align-items:center;gap:15px;padding:14px 0 14px 28px;border-left:1px solid var(--line);margin-left:20px}.archive-counter strong{font-size:35px;font-weight:400;letter-spacing:-2px;line-height:1.3;color:#b9b9b5}.archive-counter span{font-size:9px;color:var(--muted);line-height:1.7}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:61px}.search-field{display:flex;align-items:center;gap:11px;flex:1;min-width:100px}.search-field svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}.search-field input{border:0;background:transparent;padding:13px 0;width:100%;min-width:0;font-size:11px}.search-field input:focus{outline:none}.search-field:focus-within svg{color:var(--accent)}.search-field:focus-within{box-shadow:0 1px 0 var(--accent)}input::placeholder{color:var(--faint)}kbd{font-family:inherit;color:var(--faint);font-size:9px;padding:0 5px;border:1px solid var(--line);border-radius:2px}.toolbar-controls{display:flex;align-items:center;gap:22px}.view-switch{display:flex;gap:2px;padding:3px;background:#101010;border:1px solid var(--line);border-radius:3px}.view-switch button{font-size:9px;color:var(--muted);padding:4px 9px;border-radius:2px;line-height:1.5}.view-switch button[aria-pressed=true]{background:#2d2d2b;color:var(--ink)}.sort-control select{font-size:10px;background:transparent;border:0;color:var(--muted);padding:7px 18px 7px 0;max-width:128px;cursor:pointer}.sort-control select option{background:var(--bg)}.mobile-only{display:none}.section-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:28px 0 20px;padding-bottom:11px;font-size:10px;color:var(--muted)}.section-heading>span:last-child{font-size:9px;letter-spacing:.4px}.section-heading .year{color:var(--ink);letter-spacing:1px}.gallery{display:flex;flex-direction:column;gap:35px;--gallery-gap:24px}.gallery-row{display:flex;align-items:flex-start;gap:var(--gallery-gap)}.workflow-card{min-width:0;flex:0 0 auto;animation:appear .4s ease both}.card-image-wrap{position:relative;overflow:hidden;border-radius:3px;background:#080808;border:1px solid #222;height:var(--image-height,300px)}.card-image-link{display:block;width:100%;height:100%}.card-image-link img{width:100%;height:100%;display:block;object-fit:contain;transition:opacity .2s;image-rendering:auto}.card-image-link:hover img{opacity:.92}.card-image-link:focus-visible{outline-offset:-4px}.card-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:45px 13px 13px;background:linear-gradient(transparent,#000b);font-size:9px;color:#eee;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none}.card-image-link:hover .card-overlay,.card-image-link:focus-visible .card-overlay{opacity:1;transform:none}.compare-button{position:absolute;right:10px;top:10px;width:29px;height:29px;display:grid;place-items:center;background:#101010a6;backdrop-filter:blur(6px);border:1px solid #ffffff30;border-radius:3px;color:#eee}.compare-button:hover{background:#262626;color:var(--accent);border-color:var(--accent)}.compare-button svg{width:15px;height:15px}.card-caption{padding-top:12px}.card-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.card-title{font-size:12px;letter-spacing:.1px;font-weight:400;margin:0;line-height:1.65;overflow-wrap:anywhere}.card-title a:hover{color:var(--accent)}.card-stage-count{color:var(--faint);font-size:9px;white-space:nowrap}.card-tags{overflow-wrap:anywhere;font-size:10px;color:var(--muted);margin:3px 0 0;line-height:1.9}.card-tags span+span:before{content:' · ';color:var(--faint)}.card-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;font-size:9px;color:var(--faint)}.palette-swatches{display:flex;flex-wrap:wrap;max-width:100%;gap:3px}.swatch{display:block;width:9px;height:9px;border-radius:1px;border:1px solid #ffffff20}.active-filters{display:flex;flex-wrap:wrap;gap:8px;padding-top:15px}.filter-chip{font-size:9px;background:#202a23;border:1px solid #34443a;color:var(--accent);padding:4px 8px;border-radius:2px}.filter-chip span{margin-left:10px}.empty-state{text-align:center;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:48px 20px}.empty-state h2{font-size:17px;font-weight:400;margin:17px 0 0}.empty-state p{font-size:11px;color:var(--muted);max-width:400px}.empty-symbol{font-size:32px;color:var(--faint)}.outline-button,.primary-button,.control-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #41413c;padding:10px 14px;border-radius:3px;font-size:10px;line-height:1.6}.outline-button:hover,.control-button:hover{border-color:var(--accent);color:var(--accent)}.empty-state .outline-button{margin-top:13px}.primary-button{background:var(--accent);color:#142219;border-color:var(--accent)}.primary-button:hover{background:#d8ffe9;color:#142219}.site-footer{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding:24px 32px;min-height:105px}.site-footer img{display:block;max-width:130px;height:auto;opacity:.8}.site-footer p{font-size:9px;color:#a1a19a;line-height:1.9;margin:0;padding-left:28px;border-left:1px solid var(--line)}.site-footer p span{color:var(--faint)}.footer-back{margin-left:auto;color:var(--muted);font-size:9px}.skeleton-card{width:min(240px,100%)}.skeleton-card>div{aspect-ratio:3/4;background:#1c1c1b;border-radius:3px;animation:pulse 1.5s ease infinite}.skeleton-card>span{display:block;background:#222;height:9px;width:60%;margin-top:15px}.skeleton-card>span:last-child{width:85%;margin-top:10px}dialog{border:1px solid #383835;border-radius:5px;background:#191919;color:var(--ink);padding:24px;max-height:calc(100dvh - 40px)}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-heading h2{font-size:16px;font-weight:400;margin:0;letter-spacing:-.4px}.dialog-heading .eyebrow{display:block;margin-bottom:6px}.icon-button{width:30px;height:30px;border:1px solid var(--line);border-radius:3px;font-size:14px;color:var(--muted);flex-shrink:0}.icon-button:hover{color:var(--accent);border-color:var(--accent)}.filter-dialog{width:min(400px,calc(100% - 32px))}.filter-dialog .sidebar-note{display:none}.apply-filters{margin-top:25px;width:100%}.compare-dialog{width:min(1100px,calc(100% - 32px));max-width:calc(100% - 32px)}.compare-dialog .dialog-heading h2{overflow-wrap:anywhere}.comparison-controls{display:flex;justify-content:flex-start;margin-bottom:16px}.comparison-controls .view-switch button{padding:6px 12px;font-size:10px}.comparison-note{font-size:10px;color:var(--muted);line-height:1.7;margin:0 0 16px}.comparison{position:relative;background:#080808;aspect-ratio:var(--comparison-ratio,1);width:100%;margin:0 auto;overflow:hidden;--split:50%}.comparison-side{display:flex;align-items:flex-start;gap:18px;margin:0 auto}.comparison-side figure{margin:0;min-width:0}.side-image-frame{position:relative;background:#080808}.side-image-frame img{display:block;width:100%;height:100%;object-fit:contain}.comparison-side figcaption{position:relative;left:50%;transform:translateX(-50%);width:max-content;white-space:nowrap;text-align:center;margin-top:8px;font-size:9px;color:var(--ink);line-height:1.6}.comparison-side[data-compact="true"] figcaption span{display:none}.comparison-side figcaption span{display:block;color:var(--muted);font-size:8px}.comparison>img,.comparison-original,.comparison-original img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.comparison-original{background:#080808;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-image-label{position:absolute;bottom:13px;background:#000a;padding:4px 8px;font-size:9px;pointer-events:none}.label-original{left:12px}.label-final{right:12px}.compare-divider{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:#ffffffc0;transform:translateX(-50%);pointer-events:none}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#dededb;color:#111;width:30px;height:30px;border-radius:50%;font-size:17px;box-shadow:0 1px 8px #0008}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.comparison:focus-within{outline:2px solid var(--accent);outline-offset:4px}.comparison-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;font-size:9px;color:var(--muted)}.notice{padding:20px;border:1px solid var(--line);color:var(--muted)}
@media(min-width:761px){.mobile-only{display:none}}
@media(max-width:480px){.gallery[data-count="1"] .card-title{font-size:12px}.gallery[data-count="1"] .card-stage-count{font-size:9px}.gallery[data-count="1"] .card-tags{font-size:10px}.gallery[data-count="1"] .card-bottom{font-size:9px}}
/* Original exports are isolated inside this full-height viewer. */
.viewer-body{height:100dvh;overflow:hidden;min-height:0}.viewer-header{min-height:70px;padding:12px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;flex-shrink:0}.viewer-home{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;white-space:nowrap}.viewer-home img{width:32px;height:32px;border-radius:8px}.viewer-heading{border-left:1px solid var(--line);padding-left:24px;min-width:0}.viewer-heading h1{font:500 12px var(--mono);letter-spacing:0;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.viewer-heading p{font-size:9px;color:var(--muted);margin:4px 0 0}.viewer-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.viewer-actions .outline-button{padding:8px 12px}.viewer-status{font-size:9px;color:var(--accent)}.workflow-frame{border:0;display:block;width:100%;flex:1;min-height:0;background:#0c0c0c}.viewer-loading{flex:1;display:grid;place-items:center;color:var(--muted);font-size:11px}.viewer-error{margin:auto}.manual-copy{width:min(550px,calc(100% - 32px))}.manual-copy textarea{width:100%;height:130px;background:#101010;color:var(--muted);border:1px solid var(--line);padding:12px;font:10px/1.7 var(--mono)}.manual-copy p{color:var(--muted);font-size:11px}
@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.45}}
@media(min-width:1800px){.site-layout{grid-template-columns:220px minmax(0,1fr);gap:45px}.masthead,.site-layout,.site-footer{padding-left:40px;padding-right:40px}}
@media(max-width:1100px){.site-layout{grid-template-columns:180px minmax(0,1fr);gap:28px;padding-left:24px;padding-right:24px}.masthead{padding-left:24px;padding-right:24px}.archive-counter{display:none}.toolbar-controls{gap:10px}.gallery{gap:30px;--gallery-gap:18px}.archive-intro p{max-width:500px}}
@media(max-width:760px){.masthead{padding:20px;gap:12px}.app-icon{width:42px;height:42px;border-radius:10px}.identity{gap:10px}.identity strong{font-size:12px;letter-spacing:-.3px}.identity-sub{font-size:9px}.creator-link{display:none}.header-links{gap:0}.steam-link{font-size:9px;padding:8px 10px}.header-links a span{margin-left:2px}.site-layout{display:block;padding:25px 20px 45px}.sidebar{display:none}.archive-intro{margin-bottom:25px}.archive-intro .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:37px;letter-spacing:-1.5px;margin:16px 0 12px}.archive-intro p{font-size:10px;max-width:490px}.toolbar{flex-wrap:wrap;gap:0;padding:7px 0 12px}.search-field{flex-basis:100%;gap:9px}.search-field input{padding:10px 0}.search-field kbd{display:none}.toolbar-controls{width:100%;justify-content:space-between;gap:10px;padding-top:8px}.mobile-only{display:inline-flex}.control-button{font-size:9px;padding:4px 9px;min-height:29px;border-color:var(--line)}.sort-control select{font-size:9px;max-width:115px;padding-right:4px}.section-heading{margin-top:24px;font-size:9px}.section-heading>span:last-child{font-size:8px}.gallery{gap:27px;--gallery-gap:14px}.card-title{font-size:10px}.card-stage-count{font-size:8px}.card-title-row{flex-wrap:wrap;gap:0 6px}.card-tags{font-size:9px;line-height:1.75}.card-caption{padding-top:10px}.card-bottom{font-size:8px;flex-wrap:wrap;gap:7px}.card-overlay{display:none}.compare-button{width:26px;height:26px;right:8px;top:8px}.palette-swatches{gap:2px}.swatch{width:8px;height:8px}.site-footer{padding:22px 20px;gap:18px;flex-wrap:wrap}.site-footer img{width:95px}.site-footer p{padding-left:18px;font-size:8px}.footer-back{font-size:8px}.dialog-heading h2{font-size:14px}.compare-dialog{padding:18px}.comparison-bottom{font-size:8px}.comparison-bottom .outline-button{font-size:9px;padding:8px 10px}.viewer-header{padding:12px 14px;gap:14px;flex-wrap:wrap}.viewer-heading{padding-left:14px;flex:1}.viewer-home>span{display:none}.viewer-actions{width:100%;justify-content:flex-end}.viewer-actions .outline-button{font-size:9px;padding:6px 9px}.viewer-status{margin-right:auto;font-size:8px}.viewer-heading p{font-size:8px}}
@media(max-width:380px){.card-title{font-size:12px}.card-stage-count{font-size:9px}.card-tags{font-size:10px}.card-bottom{font-size:9px}.mobile-break{display:block}.identity strong{font-size:11px}.steam-link{padding:6px}.site-footer p{border:0;padding:0}.footer-back{display:none}}
@media(max-height:500px){.compare-dialog{padding:14px}.compare-dialog .dialog-heading{margin-bottom:10px}.compare-dialog .dialog-heading .eyebrow{display:none}.comparison-controls{margin-bottom:10px}.comparison-controls .view-switch button{padding:4px 10px}.comparison-note{margin-bottom:10px;font-size:9px;line-height:1.5}.comparison-bottom{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}