:root{color-scheme:dark;font-family:system-ui;background:#08080b;color:#eee}main{max-width:none;padding:24px;margin:auto}header,nav,#votes{display:flex;gap:12px;align-items:center;flex-wrap:wrap}header{justify-content:space-between}a{color:inherit;text-decoration:none}header a{display:flex;align-items:center;gap:10px}h1{font-size:clamp(28px,5vw,46px)}button,.cta{min-height:44px;padding:12px 18px;background:#20202a;border:1px solid #545462;border-radius:10px;color:white;cursor:pointer}button:disabled{opacity:.35;cursor:default}button[aria-pressed=true]{border-color:#ad9cff;background:#493774}#images{display:grid;grid-template-columns:1fr;gap:12px;margin-top:20px}#images.comparing{grid-template-columns:minmax(0,1fr)}figure{margin:0}img,video{width:100%;display:block;border-radius:12px}figcaption{padding:8px}fieldset,details{margin:20px 0;border:1px solid #333;border-radius:12px;padding:16px}summary{cursor:pointer;min-height:44px}#status{min-height:24px}.cta{display:inline-block;background:#634ad1}.quiet,#cost{color:#aaa}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #beafff}header img{width:36px}@media(max-width:700px){main{padding:16px}#images.comparing{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

dialog{position:fixed;max-width:420px;width:calc(100% - 48px);padding:28px 22px;border:1px solid #545462;border-radius:18px;background:#14141d;color:#eee}dialog::backdrop{background:rgba(0,0,0,.6)}dialog p{line-height:1.5;color:#bbb}dialog h2{font-size:25px;margin:10px 0}.dialog-close{position:absolute;top:8px;right:8px;padding:4px;min-width:44px;font-size:26px;background:transparent;border:0}dialog .eyebrow{font-size:12px;color:#ad9cff;letter-spacing:.08em}dialog .cta,dialog #invite-skip{display:block;width:100%;box-sizing:border-box;text-align:center;margin-top:12px}

.feedback-card,.review-card{border:1px solid #333;border-radius:12px;padding:16px;margin:20px 0}textarea{display:block;width:100%;box-sizing:border-box;margin:12px 0;padding:12px;border:1px solid #545462;border-radius:10px;background:#14141d;color:#eee;font:inherit;resize:vertical}select{min-height:44px;background:#20202a;color:#eee;border:1px solid #545462;border-radius:8px;padding:8px;margin:8px}#feedback-estimate{font-weight:600;color:#beafff}#feedback-signin{margin-left:12px;text-decoration:underline}[hidden]{display:none!important}.review-card p{white-space:pre-wrap;overflow-wrap:anywhere}

.review-card { overflow-wrap: anywhere; }

/* Keep the action compact on narrow screens and the reward beside voting. */
#create.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;max-width:100%;min-height:44px;padding:11px 16px;font-size:16px;font-weight:600;line-height:1.35}
#status{padding:12px 14px;margin:8px 0 16px;border:1px solid #454450;border-radius:10px;font-size:16px;line-height:1.5;background:#14141d}
#status[data-state="paid"],#status[data-state="already_rewarded"]{border-color:#7cbd9a;color:#b8f2cd}
#status[data-state="view_required"],#status[data-state="delivery_pending"]{border-color:#b79c60;color:#f1dba5}

.wallet-panel{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin:20px 0;padding:18px;border:1px solid #54476e;border-radius:14px;background:#14111e}.wallet-total{position:relative;display:flex;flex-direction:column;gap:6px}.wallet-total strong{font-size:30px;line-height:1.2}.wallet-total .unit{font-size:16px;font-weight:500}.wallet-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.wallet-actions .cta{font-size:16px;line-height:1.35;box-sizing:border-box}.wallet-buy{text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}.reward-inbox{grid-column:1/-1;margin:0;padding:10px 14px}.reward-inbox ul{padding-left:20px}.reward-inbox li{margin:12px 0;line-height:1.5}.reward-inbox small{display:block;color:#aaa;overflow-wrap:anywhere}#credit-burst{position:fixed;right:16px;bottom:24px;z-index:20;max-width:calc(100vw - 32px);box-sizing:border-box;box-shadow:0 4px 24px #0008;background:#493774;color:#d8ffc8;padding:7px 10px;border-radius:20px;font-weight:700}.celebrate{animation:credit-pop 2.6s ease-out}@keyframes credit-pop{0%{transform:translateY(10px) scale(.85);opacity:0}15%,75%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(-8px);opacity:0}}@media(max-width:600px){.wallet-panel{grid-template-columns:1fr}.wallet-actions{gap:16px}.wallet-actions .cta{padding:11px 14px}}@media(prefers-reduced-motion:reduce){.celebrate{animation:none}}

/* Mobile-first progressive disclosure: media and vote before explanations. */
h1{margin:18px 0;font-size:clamp(24px,5vw,38px);line-height:1.15}fieldset{margin:14px 0;padding:14px}#status{margin:12px 0 0}#status:empty,#feedback-result:empty{display:none}.wallet-panel{padding:12px 14px;gap:10px;margin:14px 0}.wallet-total strong{font-size:22px}.wallet-total .unit{font-size:16px}.wallet-actions{gap:12px}.reward-inbox{border:0;padding:0}.reward-inbox summary{display:flex;align-items:center;font-size:14px}.feedback-card{padding:12px 14px;margin:14px 0}.feedback-card h2{font-size:18px;margin:12px 0 8px}.feedback-card summary{font-weight:600;display:flex;align-items:center}.feedback-card summary::before{content:'＋';margin-right:8px}.feedback-card[open] summary::before{content:'−'}.bench-rules p{font-size:14px;line-height:1.5}.bench-rules{margin:18px 0}.quiet{font-size:14px;line-height:1.45}@media(max-width:600px){main{padding:14px}.wallet-panel{grid-template-columns:1fr}.wallet-total{flex-direction:row;align-items:center}.wallet-actions .cta{padding:10px 12px}#compare{font-size:14px;padding:10px 12px}nav{gap:8px}figcaption{font-size:12px;color:#aaa}#votes{gap:8px}#votes button{padding:11px 13px;font-size:15px}}
.reward-inbox summary::before{content:"＋";margin-right:8px}.reward-inbox[open] summary::before{content:"−"}

/* Keep the mark transparent and every vote option in one equal-width row. */
header img{background:transparent;border-radius:0;box-shadow:none;object-fit:contain}
#votes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
#votes button{min-width:0;min-height:48px;padding:10px 6px;font-size:14px;line-height:1.2}
@media(max-width:360px){#votes{gap:5px}#votes button{font-size:12px;padding:10px 3px}}

#votes{align-items:stretch}#votes button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 2px;line-height:1.2;height:auto;min-height:70px;font-size:12px;box-sizing:border-box}.vote-icon{display:block;font-size:22px;line-height:1;height:24px}.vote-label{display:block;overflow-wrap:anywhere}

/* Approved compact mobile design; keep real media and reward integrations. */
main{padding:18px 16px 24px}header{margin-bottom:22px}header a{font-size:17px;gap:10px}header img{width:22px;height:26px}.header-credits{font-size:13px;color:#d8cdff;border:1px solid #393045;padding:8px 12px;border-radius:20px}h1{font-size:clamp(23px,3vw,32px);line-height:1.17;letter-spacing:-.4px;margin:8px 0 16px}nav{display:grid;grid-template-columns:44px auto 44px 1fr;gap:8px;flex-wrap:nowrap}nav button{min-height:44px;padding:8px;font-size:14px}#position{font-size:13px;color:#b7b3c2;white-space:nowrap}#compare{justify-self:end;padding:8px 12px;font-size:13px}#images{margin-top:12px}figure{border-radius:16px;overflow:hidden;background:#17161e}figure img,figure video{border-radius:0}figcaption{padding:10px 12px;font-size:12px;color:#b7b3c2}fieldset{border:0;padding:0;margin:20px 0 12px;min-width:0}legend{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;margin-bottom:10px;font-size:15px}legend span{font-size:12px;color:#a995ff;font-weight:400}#votes button{min-height:60px;font-size:12px;border-color:#33313d;background:#17161e}.vote-icon{font-size:20px;height:22px}#votes button[aria-pressed=true]{background:#2e2346;border-color:#a995ff;color:#e9e0ff}#status{font-size:14px;padding:10px 12px}.feedback-card,#evidence{border:0;border-bottom:1px solid #282631;border-radius:0;padding:8px 0;margin:8px 0}.feedback-card summary,#evidence summary{font-size:14px;font-weight:400;min-height:44px;color:#cec9da}.wallet-panel{background:transparent;border-color:#282631}.wallet-total strong{font-size:18px}@media(max-width:360px){nav{gap:5px}#compare{padding:8px;font-size:12px}.header-credits{font-size:12px;padding:7px 9px}}

/* Keep the judging target visible beside its own release-approved original. */
nav{grid-template-columns:44px auto 44px;justify-content:start}
.comparison-question{font-size:14px;color:#b7b3c2;margin:14px 0 8px}
#images.comparing{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px}
#images figure{min-width:0;border:1px solid #282631;background:#111116}
#images figcaption{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 10px;font-size:13px}
#images figcaption strong{font-weight:500}
#images img,#images video{object-fit:contain;height:auto;background:#08080b;cursor:zoom-in}
#images video{cursor:auto}
.expand-media{min-width:44px;min-height:44px;padding:4px;font-size:22px;border:0;background:transparent}
#images select{box-sizing:border-box;display:block;max-width:calc(100% - 16px);width:calc(100% - 16px);font-size:12px;margin:8px;padding:6px;white-space:normal}
.reference-note{font-size:12px;line-height:1.35;color:#aaa;padding:0 10px;margin:8px 0;overflow-wrap:anywhere}
.reference-note:empty{display:none}
.reference-missing p,.media-error p{font-size:13px;line-height:1.4;margin:14px}
#images figure.expanded{grid-column:1/-1}
#images figure.expanded img,#images figure.expanded video{height:auto;max-height:none;cursor:zoom-out}
@media(max-width:360px){#images.comparing{gap:6px}#images figcaption{padding:3px 6px;font-size:12px}.reference-note{font-size:11px}}

/* Keep both identity sheets visible; historical inputs remain separate evidence. */
.reference-pack{min-width:0;border:1px solid #282631;border-radius:16px;padding:6px;background:#111116;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px}
.reference-pack h2{font-size:13px;font-weight:500;margin:6px 6px 0;color:#cec9da}
#images .reference-pack figure{border:0;border-radius:10px}
#images .reference-pack img{height:auto;max-height:none}
.reference-pack h2,.reference-pack>.reference-note{grid-column:1/-1}
#images .generation-inputs{grid-column:1/-1;margin:0;padding:0 10px;border:0;border-bottom:1px solid #282631;border-radius:0}
.generation-inputs summary{display:flex;align-items:center;font-size:13px;color:#b7b3c2}
.generation-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:8px 0}
#images .generation-input-grid img{height:160px}
#images .generation-input-grid figure.expanded img{height:auto}
@media(max-width:400px){.reference-pack{padding:4px;gap:4px}#images .reference-pack figcaption{font-size:11px;padding:2px 4px}.reference-pack h2{font-size:12px}.reference-pack .reference-note{font-size:11px;padding:0 4px}.reference-pack .expand-media{min-width:32px}}

/* Render first at browser width; its sheets share the row below. */
@media(max-width:700px){.reference-pack{grid-template-columns:minmax(0,1fr)}}

/* Shared Bench template: aligned header, reference left, raw result right. */
body{margin:0}
main{box-sizing:border-box;width:100%;max-width:1320px;padding:0 24px 40px}
header{min-height:72px;margin:0 0 18px;border-bottom:1px solid #282631;box-sizing:border-box}
#images.comparing{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;border:1px solid #2a2e37;border-radius:16px;background:#111318;box-sizing:border-box;gap:14px}
#images>.comparison-reference,#images>.reference-pack,#images>.reference-missing{order:0}
#images>.comparison-render{order:1}
#images>.generation-inputs{order:2}
#images>.reference-pack{grid-template-columns:minmax(0,1fr);border:0;padding:0}
#images>figure{border:0}
#images img,#images video{max-height:70vh;object-fit:contain}
#images>.reference-pack:has(figure.expanded){grid-column:1/-1}
#images figure.expanded{grid-column:1/-1}
@media(max-width:700px){main{padding:0 16px 28px}header{min-height:64px}#images.comparing{grid-template-columns:minmax(0,1fr);padding:10px;gap:10px}#images img,#images video{max-height:none}}

/* Approved October 7: result first, paired cropped previews, full original on tap. */
main{max-width:1120px;padding:0 24px 40px}header .nav-create{background:#7254db;color:white;border:1px solid #8c70ed;border-radius:9px;padding:10px 14px;font-size:13px;text-decoration:none;white-space:nowrap}header{gap:12px}header #header-credits{margin-left:auto}
#images.comparing{display:block;padding:0;border:0;background:none}#images .comparison-render{margin:0 0 12px}#images figure{position:relative;min-width:0}#images .comparison-render img{width:100%;max-height:65vh;object-fit:contain;background:#111116}#images .comparison-render video{width:100%;max-height:65vh}
#images .reference-pack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}#images .reference-pack h2,#images .reference-pack>.reference-note{grid-column:1/-1;margin:0;font-size:12px}#images .reference-pack figure{margin:0}#images .comparison-reference img{width:100%;height:180px;max-height:none;object-fit:cover;border-radius:9px}#images figcaption{font-size:12px;padding:5px 0}#images .expand-media{position:absolute;right:8px;bottom:8px;background:#111c;color:white;border:1px solid #ffffff40;border-radius:7px;width:36px;height:36px;min-height:36px;padding:0;z-index:1}#images .reference-note{font-size:11px}#images .generation-inputs{margin-top:12px}
#media-viewer{width:calc(100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:none;background:#09090c;border:1px solid #34343e;padding:44px 12px 12px;border-radius:12px}#media-viewer::backdrop{background:#000d}#media-full{width:100%;height:100%;object-fit:contain}#media-close{position:absolute;top:5px;right:8px;width:36px;height:36px;padding:0}
.bench-report{border-top:1px solid #303039;margin-top:24px;padding-top:18px}.bench-report h2{font-size:19px}.bench-report p{font-size:14px;line-height:1.6;color:#aaa}.bench-report a{color:#b8a8ff}
@media(max-width:700px){main{padding:0 16px 32px}header{min-height:64px}header .nav-create{font-size:12px;padding:9px 11px}#header-credits{font-size:11px}h1{font-size:24px}#images .reference-pack{grid-template-columns:repeat(2,minmax(0,1fr))}#images .comparison-reference img{height:128px}#images .comparison-render img{max-height:52vh}#votes button{min-height:56px}#images .reference-pack .reference-note{font-size:11px}}

/* Eye anchors belong to the exact reference asset, never its character name.
   Unreviewed images stay uncropped so unknown eye positions cannot be hidden. */
#images .comparison-reference img,#images .comparison-input img{object-fit:contain;background:#111116}
#images .comparison-reference img.eye-framed,#images .comparison-input img.eye-framed{object-fit:cover}

/* Give every judgment equal prominence; selection and keyboard focus stay distinct. */
#votes button{background:#50358e;border-color:#a48be2;color:#fff;font-weight:600}
#votes button:hover:not(:disabled){background:#6244aa;border-color:#c4adff}
#votes button[aria-pressed=true]{background:#7254db;border-color:#efe9ff;color:#fff;box-shadow:inset 0 0 0 1px #efe9ff}
#votes button:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Delivered usability: yes, no or unsure. Historical needs-fixes votes stay in the raw ledger. */
#votes{grid-template-columns:repeat(3,minmax(0,1fr))}legend{justify-content:center;text-align:center}

/* Optional diagnosis uses the existing private follow-up surface, never the sticky bar. */
#diagnosis-card h2{font-size:20px;line-height:1.25;margin:8px 0 12px}#diagnosis-card h3{font-size:15px;line-height:1.4;margin:20px 0 10px}.followup-intro{margin:6px 0 14px}.diagnosis-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.diagnosis-options button{font:inherit;font-size:13px;line-height:1.3;min-height:44px;padding:8px 5px}.diagnosis-options button[aria-pressed=true]{background:#7254db;border-color:#c4adff}.diagnosis-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.diagnosis-actions button{font:inherit;font-size:14px;min-height:44px}.diagnosis-actions #diagnosis-save{background:#634ad1;border-color:#a995ff}#diagnosis-note{background:transparent;border:0;color:#c4b6ff}#diagnosis-status{font-size:13px;line-height:1.4;margin:12px 0 0}#diagnosis-status:empty{display:none}#diagnosis-dialog{box-sizing:border-box;padding:42px 18px 18px;max-height:calc(100dvh - 24px);overflow:auto;width:min(480px,calc(100vw - 24px));margin:auto}#diagnosis-dialog .followup-intro{font-size:13px}

/* Reward rates are opportunities, not a granted balance; policy stays in Rewards & privacy. */
legend{gap:8px;flex-wrap:wrap}.vote-reward{white-space:nowrap;padding:0 4px;border:1px solid #5c4881;border-radius:6px;background:#241b39;font-size:11px;line-height:15px;color:#d8caff}.note-reward{font-size:13px;color:#c4b6ff;margin:8px 0}.diagnosis-actions{flex-wrap:wrap}#diagnosis-note{font-size:13px}

@media(max-width:300px){.vote-embed fieldset legend{gap:4px}.vote-embed legend strong{font-size:14px}}