/* Shared mode switch above both review flows, independent photo-source choices. */
html[data-graphite-review] #lookreview-page > .page-intro,
html[data-graphite-review] #lookreview-page > .lookreview-mode-block {display:block!important}
html[data-graphite-review] #lookreview-mode-grid {display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
html[data-graphite-review] #lookreview-mode-grid [data-lookreview-mode] {display:none!important}
html[data-graphite-review] #lookreview-mode-grid [data-lookreview-mode="general"],
html[data-graphite-review] #lookreview-mode-grid [data-lookreview-mode="two-looks"] {display:flex!important;align-items:center;justify-content:center;min-height:48px;margin:0;border:0;border-radius:13px;background:transparent;color:var(--ink);font-size:14px;font-weight:700;box-shadow:none}
html[data-graphite-review] #lookreview-mode-grid [data-lookreview-mode].active {background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--line)}
html[data-graphite-review] #lookreview-mode-grid #lookreview-mode-compare:not([hidden]) {display:flex!important;grid-column:1/-1;min-height:44px}
html[data-graphite-review] #lookreview-page>.lookreview-mode-block {margin:0 0 16px}
html[data-graphite-review] #single-look-compare {display:none}
html[data-graphite-review] #two-look-back {display:none}
html[data-graphite-review] .two-look-heading {margin:0 0 14px}
html[data-graphite-review] .two-look-heading>span {display:none}
html[data-graphite-review] .two-look-heading h2 {font-size:21px;margin:0 0 6px}
html[data-graphite-review] .two-look-heading p {font-size:12px;line-height:1.7;margin:0;color:var(--muted)}
html[data-graphite-review] .two-look-pair {gap:12px}
html[data-graphite-review] .two-look-card {padding:8px;border:1px solid var(--line);border-radius:19px;background:var(--white)}
html[data-graphite-review] .two-look-card-title {font-size:12px;gap:3px}
html[data-graphite-review] .two-look-upload {border-radius:13px;background:var(--paper);aspect-ratio:3/4.5}
html[data-graphite-review] .two-look-remove {width:32px;min-width:32px;height:32px}
.review-source-dialog {width:min(340px,calc(100vw - 32px));padding:20px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 16px 60px #0003}
.review-source-dialog::backdrop {background:#0006;backdrop-filter:blur(3px)}
.review-source-dialog h2 {font-size:19px;margin:0 0 16px;text-align:start}
.review-source-dialog button {display:block;width:100%;min-height:52px;padding:12px;margin:8px 0 0;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
.review-source-dialog button:focus-visible {outline:2px solid var(--accent);outline-offset:2px}
.review-source-dialog .review-source-cancel {border:0;background:transparent;color:var(--muted);margin-top:4px}
.two-look-rating:not([hidden]) {display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:12px 2px 6px;border-top:1px solid var(--line);margin-top:8px}
.two-look-rating>small {font-size:10px;color:var(--muted)}
.two-look-rating>strong {font-size:18px;color:var(--ink)}
.two-look-rating>strong small {font-size:10px;font-weight:400;color:var(--muted)}
.two-look-rating .single-review-stars {grid-column:1/-1;justify-self:center;margin:0;gap:2px}
.two-look-rating[hidden] {display:none!important}
.review-context-field {display:block;margin:16px 0;font-size:13px;font-weight:600;color:var(--ink)}
.review-context-field>span {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.review-context-field small {font-size:11px;font-weight:400;color:var(--muted)}
.review-context-field textarea {display:block;width:100%;min-height:84px;resize:vertical;border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--ink);padding:12px;font:inherit;font-size:13px;font-weight:400;line-height:1.7}
.review-context-field textarea::placeholder {color:var(--muted);opacity:1}
.review-context-field textarea:focus {outline:2px solid var(--accent);outline-offset:2px}
#look-opinion-form:has(#look-opinion-result:not([hidden]))>.review-context-field {display:none}
#look-opinion-form>.profile-privacy-note {font-size:11px;line-height:1.7;margin:0 0 14px;color:var(--muted)}
@media(max-width:350px){html[data-graphite-review] .two-look-pair{gap:8px}html[data-graphite-review] .two-look-card{padding:6px}html[data-graphite-review] #lookreview-mode-grid [data-lookreview-mode]{font-size:12px}}