.retro-filter-root{--if-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;--if-bg-page:light-dark(#ffffff,#17171a);--if-bg-sec:light-dark(#f4f5f7,#212126);--if-bg-hover:light-dark(#e7e9ee,#2d2d34);--if-border-sec:light-dark(#b6bcc6,#43434c);--if-border-ter:light-dark(#e3e6ea,#303038);--if-text-pri:light-dark(#1b1d21,#ececef);--if-text-sec:light-dark(#5b6069,#b3b3bd);--if-text-ter:light-dark(#6f757f,#85858f);--if-radius-md:8px;--if-radius-lg:12px;--if-accent:light-dark(#1f6fb8,#4d9ae8);--if-on-accent:light-dark(#ffffff,#0d1117);--if-checker-a:light-dark(#ffffff,#2b2b31);--if-checker-b:light-dark(#e6e6ea,#383840);--if-shadow-float:0 6px 20px light-dark(rgba(20,22,30,.18),rgba(0,0,0,.5));font-family:var(--if-font);max-width:1000px;margin:0 auto;color:var(--if-text-pri);line-height:1.5}.retro-filter-root *{box-sizing:border-box}.retro-filter-root .if-layout{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:760px){.retro-filter-root .if-layout{grid-template-columns:minmax(0,520px) auto;justify-content:center;align-items:start}.retro-filter-root .if-col-adjust{grid-column:1;grid-row:1}.retro-filter-root .if-col-preview{grid-column:2;grid-row:1;position:sticky;top:calc(var(--reirei-app-sticky-top,3.875rem) + .5rem);width:fit-content;max-width:100%}.retro-filter-root .if-col-preview canvas{width:auto;height:auto;max-width:100%;max-height:calc((100vh - var(--reirei-app-sticky-top,3.875rem) - 6.5rem) / 2);max-height:calc((100svh - var(--reirei-app-sticky-top,3.875rem) - 6.5rem) / 2)}.retro-filter-root .if-col-preview .if-cvs-wrap{width:fit-content;max-width:100%}.retro-filter-root .if-col-preview .if-panel{grid-template-columns:1fr}.retro-filter-root .if-col-preview .if-panel>div:first-child{order:2}}@media(max-width:759.98px){.retro-filter-root .if-col-preview{position:sticky;top:calc(var(--reirei-app-sticky-top,3.875rem) - 3px);z-index:5;background:var(--if-bg-page);padding-top:11px;margin-top:-11px;padding-bottom:10px;border-bottom:.5px solid var(--if-border-ter)}.retro-filter-root .if-col-preview canvas{width:auto;height:auto;max-width:100%;max-height:34vh;max-height:34svh}.retro-filter-root .if-col-preview .if-cvs-wrap{width:fit-content;max-width:100%;margin-inline:auto}}.retro-filter-root .if-dz{border:1.5px dashed var(--if-border-sec);border-radius:var(--if-radius-lg);padding:1.5rem;text-align:center;cursor:pointer;margin-bottom:1rem;transition:background .15s}.retro-filter-root .if-dz:hover,.retro-filter-root .if-dz.if-dragover{background:var(--if-bg-sec)}.retro-filter-root .if-dz-main{font-size:14px;color:var(--if-text-sec)}.retro-filter-root .if-dz-sub{font-size:11px;color:var(--if-text-ter);margin-top:3px}.retro-filter-root .if-sec{background:var(--if-bg-sec);border-radius:var(--if-radius-lg);padding:.875rem 1.125rem;margin-bottom:.75rem}.retro-filter-root .if-st{font-size:11px;font-weight:500;color:var(--if-text-ter);letter-spacing:.06em;margin-bottom:.625rem}.retro-filter-root .if-cr{display:flex;align-items:center;gap:10px;margin-bottom:8px}.retro-filter-root .if-cr:last-child{margin-bottom:0}.retro-filter-root .if-cr[hidden]{display:none}.retro-filter-root .if-cl{font-size:12px;color:var(--if-text-sec);width:106px;flex-shrink:0}.retro-filter-root .if-cv{font-size:12px;font-weight:500;min-width:44px;white-space:nowrap;text-align:right;color:var(--if-text-pri)}.retro-filter-root input[type=range]{flex:1;accent-color:var(--if-accent);min-width:0}.retro-filter-root .if-tr{display:flex;align-items:center;gap:10px;margin-bottom:8px}.retro-filter-root .if-tl{font-size:13px;color:var(--if-text-pri);flex:1}.retro-filter-root .if-tg{position:relative;width:36px;height:20px;flex-shrink:0}.retro-filter-root .if-tg input{opacity:0;width:0;height:0}.retro-filter-root .if-ts{position:absolute;inset:0;background:var(--if-border-sec);border-radius:20px;cursor:pointer;transition:.2s}.retro-filter-root .if-tg input:checked+.if-ts{background:var(--if-accent)}.retro-filter-root .if-ts:before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.retro-filter-root .if-tg input:checked+.if-ts:before{transform:translate(16px)}.retro-filter-root .if-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:0}.retro-filter-root .if-cvs-wrap{border-radius:var(--if-radius-md);border:.5px solid var(--if-border-ter);overflow:hidden}.retro-filter-root canvas{display:block;width:100%;height:auto;background:repeating-conic-gradient(var(--if-checker-a) 0% 25%,var(--if-checker-b) 0% 50%) 0 0 / 16px 16px}.retro-filter-root .if-lbl{font-size:11px;color:var(--if-text-sec);text-align:center;margin-top:3px}.retro-filter-root .if-bgp{width:18px;height:18px;border-radius:4px;border:.5px solid var(--if-border-sec);flex-shrink:0}.retro-filter-root .if-row2{display:flex;gap:10px}.retro-filter-root .if-row2 input[type=number]{width:72px;padding:4px 6px;border-radius:6px;border:.5px solid var(--if-border-sec);background:var(--if-bg-page);color:var(--if-text-pri);font-size:13px;text-align:center}.retro-filter-root select{padding:4px 6px;border-radius:6px;border:.5px solid var(--if-border-sec);background:var(--if-bg-page);color:var(--if-text-pri);font-size:13px;cursor:pointer}.retro-filter-root .if-x{font-size:13px;color:var(--if-text-sec);align-self:center}.retro-filter-root input[type=color]{width:34px;height:24px;padding:0;border:.5px solid var(--if-border-sec);border-radius:5px;background:transparent;cursor:pointer;flex-shrink:0}.retro-filter-root input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.retro-filter-root input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.retro-filter-root .if-presetrow{display:flex;gap:6px;margin-bottom:8px}.retro-filter-root .if-presetrow select{flex:1;min-width:0}.retro-filter-root .if-seg{display:flex;flex:1;min-width:0;border:.5px solid var(--if-border-sec);border-radius:6px;overflow:hidden}.retro-filter-root .if-segb{flex:1;min-width:0;padding:5px 6px;border:none;background:transparent;color:var(--if-text-sec);font-size:12px;font-family:inherit;cursor:pointer}.retro-filter-root .if-segb.if-on{background:var(--if-accent);color:var(--if-on-accent);font-weight:600}.retro-filter-root .if-swrow{display:flex;gap:6px;margin-bottom:8px}.retro-filter-root .if-sw{flex:1;min-width:0;height:26px;padding:0;border:.5px solid var(--if-border-sec);border-radius:5px;cursor:pointer;background-color:var(--if-bg-page)}.retro-filter-root .if-sw:hover{box-shadow:inset 0 0 0 2px var(--if-accent);border-color:var(--if-accent)}.retro-filter-root .if-ovhdr{display:flex;align-items:center;gap:4px;margin:12px 0 5px;font-size:10px;color:var(--if-text-ter)}.retro-filter-root .if-ovhdr-l{width:100px;flex-shrink:0}.retro-filter-root .if-ovhdr-c{width:34px;flex-shrink:0;text-align:center}.retro-filter-root .if-ovhdr-a{flex:1}.retro-filter-root .if-ovrow{display:flex;align-items:center;gap:4px;margin-bottom:6px}.retro-filter-root .if-ovlbl{font-size:11px;color:var(--if-text-sec);width:68px;flex-shrink:0;white-space:nowrap}.retro-filter-root .if-ovrow input[type=range]{flex:1;min-width:0;accent-color:var(--if-accent)}.retro-filter-root .if-tg-sm{width:28px;height:16px}.retro-filter-root .if-tg-sm .if-ts:before{height:11px;width:11px;left:2.5px;bottom:2.5px}.retro-filter-root .if-tg-sm input:checked+.if-ts:before{transform:translate(12px)}.retro-filter-root .if-sec[data-sec=preset] .if-secin{container-type:inline-size}.retro-filter-root .if-psrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}@container (min-width: 340px){.retro-filter-root .if-psrow{grid-template-columns:repeat(4,minmax(0,1fr))}}.retro-filter-root .if-pshdr{font-size:10px;color:var(--if-text-ter);margin:0 0 5px}.retro-filter-root .if-psrow+.if-pshdr{margin-top:12px}.retro-filter-root .if-ps{display:flex;flex-direction:column;gap:2px;padding:7px 8px;border:.5px solid var(--if-border-sec);border-radius:6px;background:transparent;color:var(--if-text-pri);font-family:inherit;text-align:center;cursor:pointer}.retro-filter-root .if-ps:hover{box-shadow:inset 0 0 0 2px var(--if-accent);border-color:var(--if-accent)}.retro-filter-root .if-ps img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:4px;margin-bottom:4px}.retro-filter-root .if-ps-name{font-size:12px;line-height:1.3}.retro-filter-root .if-psnote{font-size:11px;line-height:1.45;color:var(--if-text-ter);margin:8px 0 0}.retro-filter-root .if-slotrow{display:flex;gap:6px}.retro-filter-root .if-slotrow select{flex:1;min-width:0}.retro-filter-root .if-slotb{padding:4px 10px;border-radius:6px;border:.5px solid var(--if-border-sec);background:transparent;color:var(--if-text-pri);font-size:12px;font-family:inherit;cursor:pointer;flex-shrink:0}.retro-filter-root .if-slotb:hover{background:var(--if-bg-hover)}.retro-filter-root .if-rst{width:16px;height:16px;padding:0;border:none;background:none;color:var(--if-text-ter);cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.retro-filter-root .if-rst:hover:enabled{color:var(--if-text-pri)}.retro-filter-root .if-rst[hidden]{display:none}.retro-filter-root .if-rst:disabled{opacity:.22;cursor:default}.retro-filter-root .if-rst svg{width:12px;height:12px;display:block}.retro-filter-root .if-modal{position:fixed;inset:0;z-index:9999;background:#000000c7;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.retro-filter-root .if-modal[hidden]{display:none}.retro-filter-root .if-modal img{max-width:95vw;max-height:95vh;box-shadow:0 10px 48px #000000b3;background:var(--if-bg-sec)}.retro-filter-root .if-panel>div:nth-child(2) canvas{cursor:zoom-in}.retro-filter-root .if-inkrow{display:flex;align-items:center;gap:4px;margin-bottom:8px}.retro-filter-root .if-inkrow .if-cv2+input[type=range],.retro-filter-root .if-inkrow .if-rst+input[type=range]{margin-left:14px}.retro-filter-root .if-inklbl{font-size:11px;color:var(--if-text-sec);width:12px;flex-shrink:0;text-align:center}.retro-filter-root .if-inkrow input[type=range]{flex:1;min-width:0;accent-color:var(--if-accent)}.retro-filter-root .if-cv2{font-size:11px;font-weight:500;min-width:26px;text-align:right;color:var(--if-text-pri);flex-shrink:0}.retro-filter-root .if-inkhdr{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.04em;color:var(--if-text-ter);margin-bottom:4px}.retro-filter-root .if-inkhdr-c{width:52px;flex-shrink:0}.retro-filter-root .if-inkhdr-a{flex:1;min-width:0}.retro-filter-root .if-inkhdr-o{flex:1;min-width:0;text-align:center;padding-right:30px}.retro-filter-root .if-seedb{flex:1;padding:4px 8px;border-radius:6px;border:.5px solid var(--if-border-sec);background:transparent;color:var(--if-text-pri);font-size:12px;font-family:inherit;cursor:pointer;min-width:0}.retro-filter-root .if-seedb:hover{background:var(--if-bg-hover)}.retro-filter-root .if-hint{font-size:11px;line-height:1.45;color:var(--if-text-ter);margin:8px 0 0}.retro-filter-root .if-dlb{position:fixed;right:calc(max(var(--floaty-edge,1rem),env(safe-area-inset-right)) + var(--floaty-beside-right,1) * (var(--floaty-size,2.9rem) + var(--floaty-gap,.5rem)));bottom:max(var(--floaty-edge,1rem),env(safe-area-inset-bottom));z-index:9998;display:inline-flex;align-items:center;justify-content:center;min-height:var(--floaty-size,2.9rem);padding:12px 20px;border-radius:999px;border:none;background:var(--if-accent);color:var(--if-on-accent);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--if-font);box-shadow:var(--if-shadow-float)}.retro-filter-root .if-dlb:hover:enabled{filter:brightness(1.08)}.retro-filter-root .if-dlb:disabled{opacity:.45;cursor:default;box-shadow:none}.retro-filter-root .if-sechead{display:flex;align-items:center;gap:8px}.retro-filter-root .if-sechdr{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:none;border:none;padding:2px 0;margin:0;cursor:pointer;font-family:inherit;text-align:left;color:inherit}.retro-filter-root .if-sechdr .if-st{margin-bottom:0}.retro-filter-root .if-secarrow{width:0;height:0;flex-shrink:0;border-left:5px solid var(--if-text-ter);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .2s ease}.retro-filter-root .if-sec.if-open .if-secarrow{transform:rotate(90deg)}.retro-filter-root .if-secbody{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.retro-filter-root .if-sec.if-open .if-secbody{grid-template-rows:1fr}.retro-filter-root .if-secin{min-height:0;overflow:hidden}.retro-filter-root .if-secin>:first-child{margin-top:.625rem}.retro-filter-root .if-busy{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0000009e;color:#fff;font-size:14px;font-family:var(--if-font);letter-spacing:.04em}.retro-filter-root .if-busy[hidden]{display:none}