:root{color-scheme:dark;font:17px/1.5 system-ui,sans-serif;background:#090909;color:#f5f5f5}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:48px auto;padding:0 24px 64px}h1{font-size:clamp(36px,7vw,64px);line-height:1.08;margin:14px 0 24px;letter-spacing:-.03em}h2{margin:10px 0 24px}.eyebrow{color:#dc2626;font-size:13px;letter-spacing:.12em;font-weight:700}.intro{font-size:21px;max-width:620px}.panel{background:#151515;border:1px solid #444444;border-radius:12px;padding:28px;margin:24px 0}.fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}label{display:block;font-weight:600}input,select,button,.button{font:inherit;border-radius:6px;min-height:48px}input,select{display:block;width:100%;margin:8px 0 20px;padding:10px;background:#0c0c0c;border:1px solid #666666;color:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:12px 24px;background:#dc2626;color:#ffffff;border:1px solid #dc2626;font-weight:700;text-decoration:none}button:disabled{opacity:.45;cursor:default}.quiet{background:transparent;color:#f5f5f5;margin-left:10px;border-color:#666666}.small{font-size:14px;color:#bdbdbd}.upload{margin-top:12px}input[type=file]{cursor:pointer}#photo-preview{width:180px;height:180px;object-fit:contain;background:#101010;border-radius:8px}#status.error{color:#ffb6a6}.progress-row{display:flex;align-items:center;gap:16px;margin:14px 0}progress{accent-color:#dc2626;height:28px;flex:1;width:100%}#percentage{min-width:42px}a{color:#dc2626}[hidden]{display:none!important}:focus-visible{outline:3px solid #ff6868;outline-offset:3px}@media(max-width:640px){main{margin-top:28px}.fields{grid-template-columns:1fr}.panel{padding:20px}.quiet{margin:12px 0 0;width:100%}button,.button{width:100%}}
#created-portrait:not([hidden]){display:block;width:min(100%,360px);height:420px;object-fit:contain;margin:0 auto 24px}
#review-selector{margin:18px auto;max-width:360px}#review-selector-image{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#4a4a4a;border-radius:8px}#review-selector figcaption{margin-top:8px;color:#bdbdbd}

#review-sheet{display:block;width:100%;height:auto;background:#202020;border-radius:8px}.review-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#review-animation{display:block;width:min(100%,460px);height:auto;margin:16px auto;background:#202020;border-radius:8px}#review-frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:18px 0}#review-frames figure{margin:0}#review-frames canvas{width:100%;height:auto;background:#202020}#review-frames figcaption{font-size:13px;color:#bdbdbd}#review-note{font:inherit;display:block;box-sizing:border-box;width:100%;background:#0c0c0c;color:inherit;border:1px solid #666666;border-radius:6px;padding:12px;margin:10px 0 18px}.review-buttons{display:flex;gap:10px;flex-wrap:wrap}.review-buttons .quiet{margin:0}details{margin:18px 0}summary{cursor:pointer;font-weight:600}@media(max-width:640px){.review-options{grid-template-columns:1fr}}

button:hover:not(:disabled),.button:hover{filter:brightness(1.12)}
a{color:#ff6868}progress{accent-color:#dc2626}input[type=checkbox]{accent-color:#dc2626}
