:root{--orange:#f5a623;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;flex-direction:column;width:100dvw;height:100dvh;display:flex}html,body,*,*,body,html{box-sizing:border-box;margin:0;padding:0}:root{--const-time:.1s}.image-selection-main{background:#e8e0d4;justify-content:center;align-items:flex-start;width:100dvw;height:100dvh;display:flex;position:relative;overflow:hidden}.image-selection-inner{z-index:1;width:100%;height:100%;transition:width var(--const-time) ease-out, height var(--const-time) ease-out;flex-direction:column;display:flex;position:relative}.image-selection-drop-internal{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#00000005 10px 20px);border:4px dashed #000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.image-selection-drop-imgcopypaste{flex-direction:column;align-items:center;width:100%;height:auto;display:flex}.image-selection-drop-internal-zone-icon{color:#000;font-size:44px;line-height:1}.image-selection-drop-internal-zone-icon svg{stroke:#000;stroke-width:1.5px;fill:none;width:30px;height:30px}.image-selection-drop-internal-zone-heading{letter-spacing:2.5px;text-transform:uppercase;color:#000;text-align:center;margin-bottom:6px;font-size:14px;font-weight:900}.image-selection-drop-internal-zone-paste-bar{background:var(--orange);letter-spacing:1.5px;text-transform:uppercase;width:90%;color:var(--black);text-align:center;cursor:pointer;border:2px solid #000;justify-content:center;align-items:center;gap:8px;margin-bottom:0;padding:10px 16px;font-size:12px;font-weight:900;transition:background .1s,color .1s;display:flex}.image-selection-drop-internal-zone-paste-bar:hover{color:var(--orange);background:#000;border-color:#000}.image-selection-drop-internal-zone-paste-bar svg{stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0;width:16px;height:16px}.or-row{align-items:center;gap:8px;width:90%;margin:8px 0;display:flex}.or-line{background:#bbb;flex:1;height:1px}.or-txt{font-family:var(--mono);letter-spacing:1px;color:#999;text-transform:lowercase;font-size:10px}.choose-btn{color:#3a3a3a;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:2px solid #838383;flex-direction:column;width:90%;padding:8px 28px;font-size:11px;transition:border-color .1s,color .1s;display:flex;position:relative;overflow:hidden}.choose-btn:hover{border-color:var(--black);color:var(--black)}.choose-btn input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.image-selection-preview{z-index:1;width:100dvw;height:100dvh;transition:width var(--const-time) ease-out, height var(--const-time) ease-out;background:#ede8df;flex-direction:column;display:flex}.image-selection-preview-topbar{border-bottom:2px solid #1a1a1a;display:flex}.image-selection-preview-topbar-meta{align-items:center}.image-selection-preview-meta-item{letter-spacing:2px;color:#6b5f52;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.image-selection-preview-meta-item strong{color:#1a1a1a;font-weight:500}.image-selection-preview-status-label{letter-spacing:2px;text-transform:uppercase;color:#1a1a1a;font-family:DM Mono,monospace;font-size:10px}.image-selection-preview-body{z-index:-10}.image-selection-preview-image-area{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#00000005 10px 20px);flex:1;justify-content:center;align-items:flex-start;padding:40px;display:flex;position:relative;overflow:hidden auto}.image-selection-preview-image-area::-webkit-scrollbar{width:8px}.image-selection-preview-image-area::-webkit-scrollbar-track{background:#e8e0d0;border-left:2px solid #111}.image-selection-preview-image-area::-webkit-scrollbar-thumb{background:#111;border:none}.image-selection-preview-image-area::-webkit-scrollbar-thumb:hover{background:#f0a500}.image-selection-preview-sidebar{flex-direction:column;display:flex}.image-selection-preview-sidebar-title{letter-spacing:3px;text-transform:uppercase;color:#1a1a1a;font-family:Syne,sans-serif;font-size:11px;font-weight:800}.image-selection-preview-result-item{cursor:pointer;width:100%;transition:background-color var(--const-time) ease-out;background-color:#d3cfc9;border-bottom:2px solid #c4b89a;flex-direction:column;justify-content:center;gap:6px;display:flex}.image-selection-preview-result-item:nth-child(odd){background-color:#ebdecd}.image-selection-preview-result-item.active{background:#1a1a1a}.image-selection-preview-result-item.active .image-selection-preview-result-name{color:#ede8df}.image-selection-preview-result-item.active .image-selection-preview-result-empty{color:#c4b89a}.image-selection-preview-result-item.active .image-selection-preview-result-score-label{color:#8a7d6b}.image-selection-preview-result-item.active .image-selection-preview-result-bar-track{background:#ffffff1a}.image-selection-preview-result-item.active .image-selection-preview-result-bar-fill{background:#ede8df}.image-selection-preview-result-item.active .image-selection-preview-result-score-num{color:#ede8df}.image-selection-preview-result-row{justify-content:space-between;align-items:baseline;display:flex}.image-selection-preview-result-name,.image-selection-preview-result-empty{color:#1a1a1a;text-transform:uppercase;letter-spacing:1px;font-family:Syne,sans-serif;font-size:13px;font-weight:700}.image-selection-preview-result-score-num{color:#1a1a1a;font-family:DM Mono,monospace;font-size:13px;font-weight:500}.image-selection-preview-result-score-label{letter-spacing:2px;color:#8a7d6b;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.image-selection-preview-result-bar-track{background:#c4b89a;height:4px;margin-top:8px}.image-selection-preview-result-bar-fill{background:#1a1a1a;height:100%;transition:width .6s}.image-selection-preview-footer{border-top:4px solid #1a1a1a;justify-content:center;align-items:center;gap:0;height:56px;display:flex}.image-selection-preview-footer-btn{letter-spacing:4px;text-transform:uppercase;border:none;border-right:3px solid #1a1a1a;width:200px;height:60px;font-family:Syne,sans-serif;font-size:11px;font-weight:700;transition:all .15s}.image-selection-preview-footer-btn:hover{cursor:pointer}.image-selection-preview-footer-btn-primary{color:#ede8df;background:#1a1a1a}.image-selection-preview-footer-btn-primary:hover{background:#333}.image-selection-preview-footer-btn-secondary{color:#1a1a1a;background:0 0;border-right:none}.image-selection-preview-footer-btn-secondary:hover{background:#0000000a}.image-selection-drop{transition:background-color var(--const-time) ease-out;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:50%;display:flex;position:relative}.image-selection-title{color:#1a1a1a;text-transform:uppercase;background-color:#f8a100;border-bottom:2px solid #1a1a1a;margin-bottom:14px;font-family:Syne,sans-serif;font-size:28px;font-weight:800;line-height:1}.button-parent{justify-content:space-evenly;width:96%;padding:4px;display:flex}.process-btn{background:var(--orange);color:#000;letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:2px solid #000;width:250px;margin-top:6px;padding:10px 14px;font-weight:900;transition:background .1s,color .1s}.process-btn:hover{color:var(--orange);background:#000}.try-btn{letter-spacing:4px;text-transform:uppercase;background:var(--orange);color:#1a1a1a;cursor:pointer;border:2px solid #1a1a1a;height:42px;padding:0 42px;font-family:Syne,sans-serif;font-size:14px;font-weight:800;transition:all .15s;position:relative;overflow:hidden}.try-btn:after{content:"";background:repeating-linear-gradient(-45deg,#0000,#0000 6px,#0000000f 6px 12px);position:absolute;inset:0}.try-btn:hover{background:#e6961a}.try-btn:active{transform:translate(1px,1px)}.visible-image-formats{color:#8a7d6b;letter-spacing:2px;text-transform:uppercase;padding:0;font-family:DM Mono,monospace;font-size:12px}.visible-image-formats b{color:#383838;background-color:var(--orange)}.visible-image-formats-error{color:#fd0808;letter-spacing:2px;text-transform:uppercase;padding:0;font-family:DM Mono,monospace;font-size:12px}.image-selection-preview-result-null{width:100%;display:flex}.image-selection-preview-result-null-count{text-align:center;border-bottom:4px solid var(--orange);background:#1a1a1a;position:relative;overflow:hidden}.image-selection-preview-result-null-num{color:var(--orange);letter-spacing:-2px;font-family:DM Mono,monospace;font-weight:500;line-height:1;position:relative}.image-selection-preview-result-null-num-label{letter-spacing:3px;color:#f5a62366;text-transform:uppercase;margin-top:4px;font-family:DM Mono,monospace;font-size:8px;position:relative}.image-selection-preview-result-null-label{text-align:center;width:100%;padding:8px}.image-selection-preview-result-null-label-text{letter-spacing:3px;text-transform:uppercase;color:#1a1a1a;font-family:Syne,sans-serif;font-size:14px;font-weight:800}.image-selection-preview-result-null-label-sub{letter-spacing:2px;color:#8a7d6b;text-transform:uppercase;margin-top:4px;font-family:DM Mono,monospace;font-size:9px}@media only screen and (width<=600px){.image-selection-inner{margin-top:0}.image-selection-drop-internal{width:98%}.image-selection-drop{border:none;height:auto;padding:0}.image-selection-title{padding:10px 4px}.image-selection-preview-body{flex:1;grid-template-rows:1fr 86px;display:grid;overflow:hidden}.process-btn{letter-spacing:2px;font-size:11px}.image-selection-preview-topbar{flex-direction:column;width:100%;min-height:76px;display:flex}.image-selection-preview-topbar-meta{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;align-items:flex-start;gap:0;min-height:44px;padding:0 6px;display:flex;overflow:hidden}.image-selection-preview-topbar-status{border-top:2px solid #000;gap:0;min-height:22px;padding-top:2px}.image-selection-preview-sidebar-header{border-bottom:2px solid #000;flex-direction:column;justify-content:center;align-items:center;padding:0 10px;display:flex}.image-selection-preview-sidebar{border-top:2px solid #1a1a1a;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.image-selection-preview-result-list{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--orange) #d4cfc6;flex-flow:row;width:100%;display:flex;overflow:auto hidden}.image-selection-preview-result-list::-webkit-scrollbar{height:4px}.image-selection-preview-result-list::-webkit-scrollbar-track{background:#d4cfc6}.image-selection-preview-result-list::-webkit-scrollbar-thumb{background:var(--orange)}.image-selection-preview-result-list::-webkit-scrollbar-thumb:hover{background:#639922}.image-selection-preview-result-item{scroll-snap-align:start;flex-shrink:0;width:210px;min-width:210px;height:60px;max-height:60px;padding:0 10px}.image-selection-preview-result-null{border-bottom:none;flex-direction:row;height:80px}.image-selection-preview-result-null-num{width:120px;font-size:56px}.image-selection-preview-result-null-num-label{display:none}.image-selection-preview-result-null-label{width:200px;margin:0 auto}}@media only screen and (width>=600px){.image-selection-drop-internal{width:98%}.image-selection-drop{border:none;height:auto;padding:0}.image-selection-title{padding:10px 4px}.image-selection-preview-topbar{flex-direction:column;width:100%;min-height:76px;display:flex}.image-selection-preview-body{flex:1;grid-template-rows:1fr 86px;display:grid;overflow:hidden}.image-selection-preview-topbar-meta{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;align-items:flex-start;gap:0;min-height:44px;padding:0 6px;display:flex;overflow:hidden}.image-selection-preview-topbar-status{border-top:2px solid #000;gap:0;min-height:22px;padding-top:2px}.image-selection-preview-sidebar-header{border-bottom:2px solid #000;flex-direction:column;justify-content:center;align-items:center;padding:0 10px;display:flex}.image-selection-preview-sidebar{border-top:2px solid #1a1a1a;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.image-selection-preview-result-list{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--orange) #d4cfc6;flex-flow:row;width:100%;display:flex;overflow:auto hidden}.image-selection-preview-result-list::-webkit-scrollbar{height:4px}.image-selection-preview-result-list::-webkit-scrollbar-track{background:#d4cfc6}.image-selection-preview-result-list::-webkit-scrollbar-thumb{background:var(--orange)}.image-selection-preview-result-list::-webkit-scrollbar-thumb:hover{background:#639922}.image-selection-preview-result-item{scroll-snap-align:start;flex-shrink:0;width:210px;min-width:210px;height:60px;max-height:60px;padding:0 10px}.image-selection-preview-result-null{border-bottom:none;flex-direction:row;height:80px}.image-selection-preview-result-null-num{width:120px;font-size:56px}.image-selection-preview-result-null-num-label{display:none}.image-selection-preview-result-null-label{width:200px;margin:0 auto}}@media only screen and (width>=768px){.image-selection-inner{width:640px}.image-selection-drop-internal{width:620px}.image-selection-drop{border:4px solid #1a1a1a;height:auto;padding-bottom:10px}.image-selection-preview-topbar{flex-direction:row;gap:0;min-height:50px;display:flex}.image-selection-preview-body{flex:1;grid-template-columns:1fr 270px;margin-bottom:-86px;display:grid;overflow:hidden}.image-selection-preview-topbar-meta{white-space:nowrap;text-overflow:ellipsis;flex-direction:row;flex:1;justify-content:flex-start;align-items:center;gap:32px;padding:0 32px;display:flex;overflow:hidden}.image-selection-preview-topbar-status{border-top:none;border-left:4px solid #1a1a1a;align-items:center;gap:8px;padding:0 24px;display:flex}.image-selection-preview-sidebar{border-top:none;border-left:4px solid #000}.image-selection-preview-sidebar-header{border-bottom:2px solid #1a1a1a;padding:12px 20px}.image-selection-preview-result-list{flex-direction:column;flex:1;overflow-x:auto}.image-selection-preview-result-item{width:100%}.image-selection-preview-result-null{border-bottom:2px solid #1a1a1a;flex-direction:column;height:180px}.image-selection-preview-result-null-num{width:100%;font-size:64px}.image-selection-preview-result-null-num-label{display:block}.image-selection-preview-result-null-label{width:100%}}.info-section-parent{width:100%;height:50%}.info-section-notes{z-index:3;flex-direction:row;gap:2px;padding:0 6px;display:flex;bottom:0;left:0;right:0;scale:1}.info-section-note{cursor:default;background:#ede8df;border:2px solid #1a1a1a;flex:1;padding:10px;transition:transform .2s;position:relative}.info-section-note:hover{z-index:4;transform:translateY(-4px)}.info-section-note:nth-child(2){background:#1a1a1a}.info-section-note-pin{background:#1a1a1a;border-radius:50%;width:10px;height:10px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.info-section-note:nth-child(2) .info-section-note-pin{background:#ede8df}.info-section-note-title{text-transform:uppercase;letter-spacing:1px;color:#1a1a1a;margin-bottom:4px;font-family:Syne,sans-serif;font-size:12px;font-weight:800}.info-section-note:nth-child(2) .info-section-note-title{color:#f8a100}.info-section-note-body{color:#313131;font-family:DM Mono,monospace;font-size:10px;line-height:1.6}.info-section-note-body b{color:#000;background-color:#f8a100}.info-section-note:nth-child(2) .info-section-note-body{color:#ffecb8e5}@media only screen and (width<=600px){.info-section-parent{margin-top:4px}.info-section-notes{flex-direction:column}.info-section-note{padding:4px 10px}.info-section-note-pin{opacity:0}.info-section-note-title{margin-bottom:0}}@media only screen and (width>=600px){.info-section-parent{width:100dvw}.info-section-notes{flex-direction:column;width:100%}.info-section-note{padding:4px 10px}.info-section-note-pin{opacity:0}.info-section-note-title{margin-bottom:0}}@media only screen and (width>=768px){.info-section-parent{width:750px;margin-left:-50px}.info-section-notes{flex-direction:row;left:0}.info-section-note{padding:20px 10px}.info-section-note-pin{opacity:1}.info-section-note-title{font-size:16px}.info-section-note-body{font-size:12px}.info-section-note:first-child{transform:rotate(-5deg)}.info-section-note:first-child:hover{transform:rotate(-1.5deg)translateY(-4px)}.info-section-note:nth-child(2){transform:rotate(2deg)}.info-section-note:nth-child(2):hover{transform:rotate(.8deg)translateY(-4px)}.info-section-note:nth-child(3){transform:rotate(-2deg)}.info-section-note:nth-child(3):hover{transform:rotate(-.5deg)translateY(-4px)}}.loader-parent{border:2px solid #000;width:100%;height:100%;display:inline-flex;position:relative;overflow:hidden;box-shadow:2px 2px 6px #00000054}.image-overlay{z-index:10;background-color:#0009;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:background-color .1s;display:flex;position:absolute;inset:0}.loader{box-sizing:border-box;background-color:#ecececc7;border:4px solid gray;border-radius:50%;margin:20px auto;animation:5s linear infinite animloader;display:block;position:relative}.loader:after{content:"";box-sizing:border-box;background:#000;width:6px;height:40px;position:absolute;transform:rotate(-45deg)}.image-fit-container img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}@keyframes animloader{0%{transform:translate(-30px,-30px)}25%{transform:translate(-30px,30px)}50%{transform:translate(30px,30px)}75%{transform:translate(30px,-30px)}to{transform:translate(-30px,-30px)}}.draw-coords-over-image{box-sizing:border-box;filter:drop-shadow(2px 2px #000000de);z-index:9;border:6px dashed #0000;border-radius:4px;position:absolute}@media only screen and (width<=600px){.loader{width:50px;height:50px}.loader:after{height:30px;bottom:-30px;left:50px}}@media only screen and (width>=600px){.loader{width:100px;height:100px}.loader:after{bottom:-26px;left:92px}}