:root{--bg:#fff;--fg:#000;--border:#444;--border-light:#999;--link:#00e;--link-visited:#551a8b;--button-bg:#f0f0f0;--button-border:#888;--button-hover:#e0e0e0;--code-bg:#f5f5f5;--timer-bar:#4a90d9;--timer-bg:#e0e0e0;--selected-glow:#4a90d9;--upload-border:#ccc;--upload-bg:#fafafa}[data-theme=dark]{--bg:#1a1a1a;--fg:#e0e0e0;--border:#555;--border-light:#666;--link:#6db3f2;--link-visited:#b388d9;--button-bg:#2a2a2a;--button-border:#555;--button-hover:#3a3a3a;--code-bg:#2a2a2a;--timer-bar:#6db3f2;--timer-bg:#333;--selected-glow:#6db3f2;--upload-border:#444;--upload-bg:#222}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}html,body{background:var(--bg);color:var(--fg);min-height:100vh;margin:0;padding:0;font-family:Georgia,Times New Roman,Times,serif;transition:background .2s,color .2s}body{flex-direction:column;display:flex}a{color:var(--link)}a:visited{color:var(--link-visited)}img{border:1px solid var(--border);width:auto;max-width:100%;height:auto;max-height:100%}.site-header{text-align:center;margin:0 auto;padding:1em 1em .5em;display:block;position:relative}.site-header h1{margin:0;font-size:1.1em}.site-header .subtitle{margin:.25em 0 0;font-size:.95em}.theme-toggle{z-index:50;border:1px solid var(--border-light);background:var(--bg);width:36px;height:36px;color:var(--fg);cursor:pointer;opacity:.7;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:fixed;top:.75em;right:.75em}.theme-toggle:hover{opacity:1;background:var(--button-hover)}.content-container{grid-template-columns:1fr 1fr;max-width:1100px;margin:0 auto;padding:0 1em;display:grid}.image-panel{justify-content:center;align-items:flex-start;min-height:400px;padding:1em;display:flex}.image-panel img{object-fit:contain;cursor:pointer;max-height:calc(100vh - 20em);transition:box-shadow .15s}.image-panel img:hover{box-shadow:0 0 12px var(--selected-glow)}.controls{text-align:center;padding:.75em 0}.controls button{background:var(--button-bg);border:1px solid var(--button-border);color:var(--fg);cursor:pointer;border-radius:3px;margin:0 .5em;padding:.5em 1.5em;font-family:Inconsolata,Courier New,monospace;font-size:.9em}.controls button:hover{background:var(--button-hover)}.controls button.choose-btn{min-width:140px}.controls .pause-btn{min-width:80px}.timer-container{background:var(--timer-bg);border-radius:2px;max-width:600px;height:4px;margin:.5em auto;overflow:hidden}.timer-bar{background:var(--timer-bar);border-radius:2px;height:100%;transition:width .1s linear}.weight-display{text-align:center;color:var(--border-light);margin:.25em 0;font-family:Inconsolata,monospace;font-size:.8em}.divider{border:none;border-top:1px solid var(--border-light);width:100%;margin:.5em 0 0}.description{text-align:center;max-width:none;margin:auto 0 0;padding:0 1.5em .75em;font-size:.875em;line-height:1.5}.description .divider{margin:0 0 .5em}.description p{margin:.3em 0}.upload-screen{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:2em;display:flex}.upload-box{border:2px dashed var(--upload-border);background:var(--upload-bg);text-align:center;cursor:pointer;border-radius:6px;width:100%;max-width:680px;padding:5em 6em;transition:border-color .2s,background .2s}.upload-box:hover{border-color:var(--selected-glow)}.upload-box p{margin:.5em 0}.upload-box .upload-label{font-size:1.1em;font-weight:700}.upload-box .upload-hint{color:var(--border-light);font-size:.85em}.upload-box input[type=file]{display:none}.sample-link{margin-top:1.5em;font-size:.9em}.sample-link button{color:var(--link);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.rankings{max-width:600px;margin:1em auto;padding:0 1em}.rankings h3{text-align:center;margin:.5em 0;font-size:1em}.rankings table{border-collapse:collapse;width:100%;font-family:Inconsolata,monospace;font-size:.85em}.rankings th,.rankings td{text-align:left;border-bottom:1px solid var(--border-light);padding:.35em .75em}.rankings th{font-weight:700}.rankings .rank-img{object-fit:cover;border:1px solid var(--border);vertical-align:middle;width:32px;height:32px}.data-controls{text-align:center;padding:.5em 0 1.5em}.data-controls button{background:var(--button-bg);border:1px solid var(--button-border);color:var(--fg);cursor:pointer;border-radius:3px;margin:0 .3em;padding:.35em 1em;font-family:Inconsolata,monospace;font-size:.8em}.data-controls button:hover{background:var(--button-hover)}.image-placeholder{aspect-ratio:1;background:var(--upload-bg);border:1px solid var(--border);width:512px;max-width:100%}.rank-img-placeholder{background:var(--upload-bg);border:1px solid var(--border);vertical-align:middle;width:32px;height:32px;display:inline-block}.image-panel{flex-direction:column}.item-meta{width:100%;max-width:512px;padding:.5em 0;font-family:Inconsolata,monospace;font-size:.8em}.meta-row{border-bottom:1px solid var(--timer-bg);padding:.15em 0}.meta-label{text-transform:capitalize;font-weight:700}.meta-value{color:var(--border-light)}.field-selector{text-align:center;width:100%;max-width:500px}.field-selector h3{margin:0 0 .5em;font-size:1.05em}.field-hint{color:var(--border-light);margin:0 0 1em;font-size:.85em}.field-section{margin:1em 0 0}.field-section-label{text-align:left;margin:0 0 .35em;font-size:.85em;font-weight:700}.field-list{text-align:left;border:1px solid var(--upload-border);background:var(--upload-bg);border-radius:4px;max-height:220px;padding:.5em;overflow-y:auto}.field-option{cursor:pointer;align-items:center;gap:.5em;padding:.4em .5em;font-family:Inconsolata,monospace;font-size:.9em;display:flex}.field-option:hover{background:var(--button-hover)}.field-sample{color:var(--border-light);margin-left:auto;font-size:.8em}.field-actions{justify-content:center;gap:.75em;margin-top:1em;display:flex}.field-actions button{background:var(--button-bg);border:1px solid var(--button-border);color:var(--fg);cursor:pointer;border-radius:3px;padding:.5em 1.5em;font-family:Inconsolata,monospace;font-size:.9em}.field-actions button:hover{background:var(--button-hover)}.table-option{border:none;border-bottom:1px solid var(--timer-bg);width:100%;color:var(--fg);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:.6em .75em;font-family:Inconsolata,monospace;font-size:.9em;display:flex}.table-option:last-child{border-bottom:none}.table-option:hover{background:var(--button-hover)}.table-name{font-weight:700}.table-count{color:var(--border-light);font-size:.8em}.pagination{justify-content:center;align-items:center;gap:1em;margin-top:.75em;font-family:Inconsolata,monospace;font-size:.85em;display:flex}.pagination button{background:var(--button-bg);border:1px solid var(--button-border);color:var(--fg);cursor:pointer;font-family:inherit;font-size:inherit;border-radius:3px;padding:.3em .8em}.pagination button:hover:not(:disabled){background:var(--button-hover)}.pagination button:disabled{opacity:.4;cursor:default}.page-info{color:var(--border-light)}.description-note{color:var(--border-light);margin-top:.75em;font-size:.8em}.controls button:disabled{opacity:.4;cursor:default}@media only screen and (max-width:768px){.content-container{grid-template-columns:1fr}.image-panel{min-height:200px}.image-panel img{max-height:40vh}}