body{color:#eee;background:#111;margin:0;font-family:system-ui,sans-serif}main{max-width:640px;margin:0 auto;padding:24px}h1{margin-top:0}img,svg{aspect-ratio:1;background:#fff;border-radius:8px;width:100%;max-width:512px;display:block}input,textarea{box-sizing:border-box;width:100%;font:inherit;color:#eee;background:#222;border:1px solid #444;border-radius:6px;margin:6px 0;padding:10px}button{font:inherit;cursor:pointer;background:#ffd400;border:0;border-radius:6px;padding:10px 24px;font-weight:700}button:disabled{opacity:.5;cursor:wait}.scores{gap:12px;margin:12px 0;display:flex}.score{text-align:center;background:#222;border-radius:8px;flex:1;padding:12px}.score b{font-size:32px;display:block}.reason{color:#aaa}.error{color:#ff6b6b}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #333;padding:6px}.gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}main.wide{max-width:1080px}.pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}.placeholder{aspect-ratio:1;color:#777;box-sizing:border-box;border:2px dashed #444;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:512px;display:flex}@media (max-width:640px){.pair{grid-template-columns:1fr}}.gallery figure{margin:0}.gallery figcaption{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;overflow:hidden}a.button{color:#111;background:#ffd400;border-radius:6px;padding:10px 24px;font-weight:700;text-decoration:none;display:inline-block}