:root{color-scheme:dark;--color-text: #f2e5bc;--color-border: #f2e5bc;--color-bg: #181921;--color-overlay: rgb(24 25 33 / 85%);--color-surface: #1c1d26;--color-input: #21222d;--color-image-bg: #111117;--color-accent: #fab03d;--color-accent-soft: rgb(250 176 61 / 10%);--color-on-accent: #1c1d26;--color-toggle-off: #6f27ef;--color-toggle-on: #4d998d;--color-loader: #fff;--filter-accent: brightness(0%) invert(82%) sepia(34%) saturate(2659%) hue-rotate(330deg) brightness(105%) contrast(96%);--filter-accent-alt: brightness(0) invert(81%) sepia(52%) saturate(1298%) hue-rotate(328deg) brightness(101%) contrast(96%);--filter-on-accent: brightness(0) invert(8%) sepia(13%) saturate(1038%) hue-rotate(195deg) brightness(97%) contrast(95%);--filter-text: brightness(0%) invert(93%) sepia(19%) saturate(469%) hue-rotate(345deg) brightness(101%) contrast(90%)}html,body{color:var(--color-text);background-color:var(--color-bg);font-family:Tahoma;padding:0;margin:0}#root{text-align:center}#container{display:flex;flex-direction:column;align-items:center;min-height:100vh;gap:1rem}.description{box-sizing:border-box;width:100%;max-width:var(--content-max-width, 80rem);margin-inline:auto;margin-bottom:.5rem;padding:0 1rem}.toggle-container{display:flex;align-items:center;gap:.5rem;box-sizing:border-box;height:2.625rem;font-size:1rem;white-space:nowrap}.toggle-container .toggle{position:relative;display:inline-block;flex:0 0 auto;width:3rem;height:1.625rem}.toggle-container .toggle input{display:none}.toggle-container .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--color-toggle-off);transition:.4s;border-radius:2rem}.toggle-container .slider:before{position:absolute;content:"";height:1.3rem;width:1.3rem;left:.2rem;bottom:.1625rem;background:transparent url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='-4%20-5%2056%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M23.9988%203.60059C35.2648%203.60059%2044.3971%2012.7352%2044.3971%2023.9989C44.3971%2035.2649%2035.2648%2044.3996%2024.0011%2044.3996C12.7374%2044.3996%203.60274%2035.2649%203.59814%2023.9989C3.60274%2012.7352%2012.7374%203.60059%2023.9988%203.60059Z'%20fill='%2370470f'/%3e%3cpath%20d='M11.006%2014.4441L16.2435%2036.9715C16.3769%2037.9556%2015.6204%2038.8913%2014.8732%2039.7328H23.256C22.941%2038.9212%2022.6628%2038.1855%2022.6651%2037.2497L24.4723%2029.0255C24.9988%2031.4857%2025.4954%2033.9159%2026.0288%2036.3783C26.3392%2037.4957%2026.1438%2038.7419%2025.6771%2039.7305H34.0162C33.5793%2038.9557%2032.9126%2037.8406%2033.0712%2036.6565L36.3407%2016.7755C36.904%2014.9706%2037.8673%2013.3175%2038.9594%2011.761C36.2786%2011.7955%2033.4736%2011.6966%2030.8893%2011.8254C31.917%2012.7887%2031.202%2014.3453%2031.1077%2015.4995L28.643%2030.4533C28.6108%2030.4234%2028.5533%2030.3913%2028.5832%2030.297L24.3113%2013.4693C22.787%2019.0241%2021.6949%2024.7192%2020.0441%2030.2372L19.982%2030.1406L16.8367%2015.0603L16.9907%2011.7633H9.04248C10.0748%2012.2921%2010.6312%2013.4486%2011.006%2014.4395V14.4441Z'%20fill='%23fab03d'/%3e%3cpath%20d='M8.4058%2042.2383C12.5995%2045.8296%2018.0486%2047.9954%2023.9988%2048C29.956%2048%2035.4028%2045.8273%2039.5942%2042.2383H44.8018V35.9753C46.8297%2032.4506%2048%2028.3604%2048%2023.9989C48%2019.6396%2046.832%2015.5494%2044.8018%2012.0201V5.75945H39.5942C35.4005%202.17273%2029.9537%200%2024.0012%200C18.0486%200%2012.5949%202.17273%208.40351%205.75945H3.20046V12.0201C1.16339%2015.5448%200%2019.635%200%2023.9989C0%2028.3627%201.16339%2032.4506%203.20046%2035.9776V42.2383H8.4058ZM23.9988%203.60052C35.2648%203.60052%2044.3972%2012.7352%2044.3972%2023.9989C44.3972%2035.2648%2035.2648%2044.3995%2024.0012%2044.3995C12.7375%2044.3995%203.60282%2035.2648%203.59822%2023.9989C3.60282%2012.7352%2012.7375%203.60052%2023.9988%203.60052Z'%20fill='%23fab03d'/%3e%3c/svg%3e") center / contain no-repeat;transition:.4s}.toggle-container input:checked+.slider{background-color:var(--color-toggle-on)}.toggle-container input:checked+.slider:before{transform:translate(1.3rem)}.hidden{display:none}#top-bar{width:100%;max-width:var(--content-max-width, 80rem);margin-inline:auto;display:flex;gap:1rem;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:20;box-sizing:border-box;padding:.75rem 1rem;background-color:var(--color-bg);border-bottom:.0625rem solid var(--color-border)}#top-bar form{flex:1;min-width:0;max-width:15.625rem}#top-bar .toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;min-width:0}#top-bar .interface-link,#top-bar .settings-button{box-sizing:border-box;height:2.625rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-surface);color:var(--color-accent);border:.0625rem solid var(--color-border);border-radius:.25rem;padding:0 .75rem;font-size:1rem;transition:.3s;white-space:nowrap}#top-bar .interface-link img,#top-bar .settings-button img{width:1.125rem;height:1.125rem;filter:var(--filter-accent)}#top-bar .interface-link:hover,#top-bar .settings-button:hover{background-color:var(--color-accent);color:var(--color-on-accent)}#top-bar .interface-link:hover img,#top-bar .settings-button:hover img{filter:var(--filter-on-accent)}#top-bar .settings{position:relative}#top-bar .settings .settings-window{z-index:30}#top-bar .settings .settings-button{cursor:pointer}#top-bar .settings .settings-button:hover{background-color:var(--color-accent);color:var(--color-on-accent)}#top-bar .settings .settings-button:hover img{filter:var(--filter-on-accent)}#top-bar .settings-window{position:absolute;top:calc(100% + .5rem);right:0;box-sizing:border-box;width:min(18.75rem,calc(100vw - 1rem));background-color:var(--color-surface);border:.0625rem solid var(--color-border);z-index:300;border-radius:.25rem}#top-bar .settings-window .settings-header{display:flex;justify-content:space-between;margin-bottom:.5rem}#top-bar .settings-window .settings-header span{margin-left:.2rem}#top-bar .settings-window .settings-header .settings-close{cursor:pointer;background:none;border:none}#top-bar .settings-window .settings-header .settings-close img{width:1rem;height:1rem}#top-bar .settings-window .settings-header .settings-close img:hover{filter:var(--filter-accent-alt)}#top-bar .settings-window .settings-body{padding:1rem}#top-bar .settings-window .settings-body h6{margin:0;margin-bottom:.6rem;font-weight:800;font-size:1rem;text-align:left;border-bottom:.0625rem solid var(--color-border)}#top-bar .settings-window .settings-body .setting .setting-label{display:flex;justify-content:space-between;margin-bottom:-.5rem}#top-bar .settings-window .settings-body .setting .setting-label input{width:4rem;padding:.1rem;margin:0;background:none}#top-bar .settings-window .settings-body .setting.cookie-setting{margin-top:1rem}#top-bar .settings-window .settings-body .setting.cookie-setting .setting-label{align-items:center;margin-bottom:0;cursor:pointer}#top-bar .settings-window .settings-body .setting.cookie-setting .setting-label input{width:1rem;height:1rem;padding:0;cursor:pointer;accent-color:var(--color-accent)}#top-bar input{box-sizing:border-box;background-color:var(--color-input);color:var(--color-accent);width:100%;height:2.625rem;border:.0625rem solid var(--color-border);font-size:1rem;padding:.65rem .65rem .65rem 2rem;background:var(--color-input) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23fab03d'%3e%3cpath%20d='M784-120%20532-372q-30%2024-69%2038t-83%2014q-109%200-184.5-75.5T120-580q0-109%2075.5-184.5T380-840q109%200%20184.5%2075.5T640-580q0%2044-14%2083t-38%2069l252%20252-56%2056ZM380-400q75%200%20127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75%200-127.5%2052.5T200-580q0%2075%2052.5%20127.5T380-400Z'/%3e%3c/svg%3e") no-repeat .3125rem;background-size:1.5rem}@media (max-width: 40rem){#top-bar{gap:.5rem;padding:.5rem}#top-bar .toolbar-actions{gap:.5rem}#top-bar .mode-label,#top-bar .control-label{display:none}#top-bar .toggle-container,#top-bar .interface-link,#top-bar .settings-button{width:2.625rem;min-width:2.625rem;padding:0}#top-bar .toggle-container{justify-content:center}#top-bar .toggle-container .toggle{width:2.5rem}#top-bar .toggle-container input:checked+.slider:before{transform:translate(.8rem)}#top-bar .settings-window{right:-3.125rem}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content{box-sizing:border-box;width:100%;max-width:var(--content-max-width, 80rem);margin-inline:auto;padding:0 1rem 1rem}.content .loader-overlay{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.content .loader-overlay .loader{width:3rem;height:3rem;border:.3125rem solid var(--color-loader);border-bottom-color:var(--color-accent);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;-webkit-animation:rotation 1s linear infinite}.content .loader-overlay p{margin:0;color:var(--color-accent)}.content .content-list{display:flex;text-align:left;flex-direction:column}.content .content-list .hidden{display:none}.content .content-list .item{overflow:hidden;transition:.2s;position:relative;width:100%}.content .content-list .item .border{border-bottom:.0625rem solid var(--color-border);width:100%}.content .content-list .item .item-text{display:flex;align-items:center;box-sizing:border-box;width:100%;min-height:2.3rem;padding:.4rem .4375rem;transition:color .2s,background-color .2s}.content .content-list .item .item-text .arrow{margin-left:-.4375rem}.content .content-list .item .item-text.expandable{cursor:pointer;-webkit-user-select:none;user-select:none}.content .content-list .item .item-text.expandable:hover,.content .content-list .item .item-text.expandable:focus-visible{color:var(--color-accent);background-color:var(--color-accent-soft);outline:none}.content .content-list .item .collapsable.collapsed{display:none}.content .content-list .item .collapsable.open .images{display:flex;flex-direction:row;flex-wrap:wrap;padding:.5rem 0;border-bottom:.0625rem solid var(--color-border)}.content .content-list .item .collapsable.open .images .preview-image{container-type:inline-size;aspect-ratio:1 / 1;content-visibility:auto;height:100%;width:100%}.content .content-list .item .collapsable.open .images .preview-image .image-container{display:flex;justify-content:center;align-items:center;margin:0;padding:0}.content .content-list .item .collapsable.open .images .preview-image .image{aspect-ratio:1 / 1;width:100%;object-fit:contain;background-color:var(--color-image-bg);transition:opacity .25s ease,mask-image .3s;border:.0625rem solid var(--color-image-bg)}.content .content-list .item .collapsable.open .images .preview-image .image.image-loading{opacity:0}.content .content-list .item .collapsable.open .images .preview-image .image.image-loaded{opacity:1}.content .content-list .item .collapsable.open .images .preview-image .image.image-placeholder{box-sizing:border-box}.content .content-list .item .collapsable.open .images .preview-image .image.image-hover{-webkit-mask-image:linear-gradient(transparent 50%,var(--color-bg));mask-image:linear-gradient(transparent 50%,var(--color-bg))}.content .content-list .item .collapsable.open .images .preview-image .title-hover{position:absolute;font-size:5cqw;word-break:break-all;padding:0;margin:0;z-index:2}.content .content-list .item .collapsable.open .images .preview-image .button-hover{position:absolute;display:flex;justify-content:center;align-items:center;z-index:2}.content .content-list .item .collapsable.open .images .preview-image a{width:30cqw;height:30cqw;padding:0 2cqw;margin:0;background:none;display:inline-block;border-radius:1rem;border:none;cursor:pointer}.content .content-list .item .collapsable.open .images .preview-image a img{width:30cqw;height:30cqw;transition:.1s;filter:var(--filter-accent)}.content .content-list .item .collapsable.open .images .preview-image a img:hover{filter:var(--filter-text)}.content .content-list .item .collapsable.open .images .preview-image button{width:30cqw;height:30cqw;padding:0;margin:0;background:none;display:inline-block;border-radius:1rem;border:none;cursor:pointer}.content .content-list .item .collapsable.open .images .preview-image button img{width:30cqw;height:30cqw;transition:.1s;filter:var(--filter-accent)}.content .content-list .item .collapsable.open .images .preview-image button img:hover{filter:var(--filter-text)}.content .content-list .item .collapsable.open .images .virtual-image-grid{position:relative;width:100%}.content .content-list .item .collapsable.open .images .virtual-image-grid .virtual-image-cell{position:absolute}#popup{position:fixed;left:1rem;top:1rem;box-sizing:border-box;border:.0625rem solid var(--color-border);background-color:var(--color-surface);width:max-content;max-width:calc(100vw - 2rem);padding:1rem;border-radius:.25rem;color:var(--color-accent);overflow-wrap:anywhere;white-space:normal;transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:1000}#popup.hidden{opacity:0;transform:translateY(calc(-100% - 2rem))}.cookie-popup{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-sizing:border-box;width:max-content;max-width:calc(100vw - 2rem);display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem;background-color:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:.25rem;box-shadow:0 0 1.25rem .5rem var(--color-bg);z-index:1000}.cookie-popup p{margin:0}.cookie-popup .cookie-popup-buttons{display:flex;gap:.5rem}.cookie-popup button{background-color:var(--color-surface);color:var(--color-accent);border:.0625rem solid var(--color-border);border-radius:.25rem;width:5rem;height:2.5rem;font-size:1rem;transition:.3s;cursor:pointer}.cookie-popup button:hover{background-color:var(--color-accent);color:var(--color-on-accent)}.settings-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19}.config-menu .config-canvas{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:100%;height:100dvh;padding:1rem;z-index:100;display:flex;justify-content:center;align-items:center;background-color:var(--color-overlay)}.config-menu .config-canvas .config-card{box-sizing:border-box;background-color:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:.25rem;padding:1rem;box-shadow:0 0 1.25rem 1.25rem var(--color-bg);width:min(80vw,75rem);height:min(80vh,56.25rem);max-width:100%;max-height:100%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:1rem}.config-menu .config-canvas .config-card .config-image{flex-grow:1;min-height:0;width:100%;overflow:auto}.config-menu .config-canvas .config-card .config-settings{display:flex;flex:0 0 auto;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem 2rem;width:100%;max-height:45%;overflow-y:auto}.config-menu .config-canvas .config-card .config-settings .config-setting .config-label{display:flex;justify-content:center;margin-bottom:.5rem;gap:1rem}.config-menu .config-canvas .config-card .config-settings .config-setting .config-label input{width:4rem;color:var(--color-accent);padding:.1rem;margin:0;background:none}.config-menu .config-canvas .config-card .config-settings p{width:min(31.25rem,100%);margin:0;overflow-wrap:anywhere}.config-menu .config-canvas .config-card .config-settings button{background-color:var(--color-surface);color:var(--color-accent);border:.0625rem solid var(--color-border);border-radius:.25rem;padding:.5rem;width:6rem;height:2.5rem;font-size:1rem;transition:.3s;cursor:pointer}.config-menu .config-canvas .config-card .config-settings button:hover{background-color:var(--color-accent);color:var(--color-on-accent)}@media (max-width: 40rem){.config-menu .config-canvas{padding:.5rem}.config-menu .config-canvas .config-card{width:100%;height:100%;padding:.75rem;gap:.75rem}.config-menu .config-canvas .config-card .config-settings{flex-direction:column;flex-wrap:nowrap;gap:.75rem;overflow-x:hidden}.config-menu .config-canvas .config-card .config-settings .config-setting{box-sizing:border-box;width:100%}.config-menu .config-canvas .config-card .config-settings .config-setting>input[type=range]{box-sizing:border-box;width:100%;margin:0}.config-menu .config-canvas .config-card .config-settings button{flex:0 0 auto}}@media (max-width: 40rem){.description,#top-bar,.content{max-width:none}}