Files
sansyn-pc-extension/server/report.css
T

1928 lines
144 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
:root{
--paper:#fff;--paper2:#f5f2ee;--ink:#171614;--muted:#6b6760;
--line:#ddd8d1;--dark:#181715;--dark2:#24211d;--cream:#ebe4db;
--good:#3f6f58;--risk:#9a4d43;--ask:#9a7a4f;--accent:#b88b5b
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper2);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue",Arial,sans-serif}
.wrap{width:min(1380px,calc(100% - 72px));margin:auto}
nav{height:64px;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.navin{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:13px;font-weight:800}
.navlinks{display:flex;gap:5px}.navlinks a{text-decoration:none;font-size:11px;color:#6f685f;padding:8px 10px;border-radius:999px}.navlinks a:hover{background:#201e1b;color:#fff}
.hero{min-height:0;background:linear-gradient(180deg,#fff 0%,#f8f4ef 100%);padding:72px 0 60px}
.hero-grid{display:grid;grid-template-columns:1fr .72fr;gap:58px;align-items:center}
.hero-grid.text-only{grid-template-columns:minmax(0,1100px)}
.kicker{font-size:11px;letter-spacing:0;color:#938980;margin-bottom:16px}
h1{margin:0;font-size:56px;line-height:1.06;letter-spacing:0;font-weight:720}
.hero-copy{font-size:19px;line-height:1.78;color:#625c55;max-width:900px;margin:28px 0 0}
.hero-copy-block h1{max-width:840px}.fact-line{font-size:13px;line-height:1.6;color:#6b645d;margin:24px 0 0}.hero-verdict{margin-top:34px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-verdict span,.hero-actions>span{display:block;font-size:10px;color:#918981;margin-bottom:8px}.hero-verdict strong{display:block;font-size:25px;line-height:1.35}.hero-actions{margin-top:22px}.hero-actions .gate{padding:9px 0;grid-template-columns:155px 1fr}.hero-actions .gate b{font-size:12px}.hero-actions .gate span{font-size:13px;line-height:1.5}
.hero-card{background:#f5f7f6;border:1px solid var(--line);padding:27px}
.hero-card span{font-size:10px;color:#8e857c}.hero-card strong{display:block;font-size:35px;line-height:1.22;margin:10px 0}
.hero-card p{font-size:14px;line-height:1.72;color:#68615a;margin:0}
.hero-kpis{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin-top:22px}
.hero-kpi{background:#fff;padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-kpi small{font-size:10px;color:#918981}.hero-kpi b{display:block;font-size:23px;margin-top:5px}
.chapter{padding:68px 0}.white{background:#fff}.soft{background:#f4f6f5}.ink{background:var(--dark);color:#fff}
.section-head{display:grid;grid-template-columns:1fr .47fr;gap:44px;align-items:end;margin-bottom:40px}
.section-index{display:flex;gap:19px}.section-index>span{font-size:12px;color:#958c83;margin-top:9px}
.section-kicker{display:block;font-size:10px;letter-spacing:0;color:#948a81;margin-bottom:9px}
h2{font-size:44px;line-height:1.16;letter-spacing:0;margin:0}
.section-head.compact{display:block;margin-bottom:24px}.section-head.compact h2{font-size:48px;max-width:1050px}.evidence-note{font-size:12px;color:#8a8178;margin:0 0 24px}
.section-head>p{font-size:15px;line-height:1.72;color:#6b645d;margin:0}.ink .section-head>p{color:#c5bdb5}
.shopper-decision{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.decision-boundary{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:24px}
.decision-boundary article{padding:17px;background:#f7f8f7;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.decision-boundary span{display:block;font-size:10px;color:#817970}.decision-boundary strong{display:block;font-size:15px;line-height:1.48;margin:7px 0;overflow-wrap:anywhere}.decision-boundary small{display:block;font-size:10px;line-height:1.5;color:#777f7a}
.shopper-verdict{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
.shopper-verdict>span{font-size:10px;color:#7f776f;margin-top:6px}.shopper-verdict strong{font-size:24px;line-height:1.4}.shopper-verdict small{grid-column:2;font-size:11px;color:#77706a;margin-top:-8px}
.shopper-groups{display:grid;grid-template-columns:1fr 1fr}.shopper-group{padding:24px 26px 26px 0;border-bottom:1px solid var(--line)}.shopper-group:nth-child(even){padding-left:26px;padding-right:0;border-left:1px solid var(--line)}.shopper-group.full{grid-column:1/-1;padding-left:0;border-left:0}.shopper-group.full .shopper-grid{grid-template-columns:repeat(3,1fr)}
.shopper-group h3{font-size:16px;margin:0 0 14px}.shopper-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.shopper-row{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.shopper-row strong{display:block;font-size:12px;line-height:1.4}.shopper-row p{font-size:14px;line-height:1.55;margin:6px 0 0;overflow-wrap:anywhere}.shopper-meta{display:block;font-size:9px;color:#817970;margin-bottom:7px}.shopper-row.check{background:#f3f6f4}.shopper-row.question{background:#faf8f4}
.owner-thesis{font-size:22px;line-height:1.45;margin:-8px 0 12px;max-width:980px}
.owner{border:1px solid var(--line);background:#faf8f5}
.owner>header{padding:28px 30px;border-bottom:1px solid var(--line)}
.owner>header>span{font-size:10px;color:#8f867d}.owner>header h3{font-size:34px;line-height:1.3;letter-spacing:0;margin:9px 0}
.owner>header p{font-size:13px;color:#736b63;margin:0}
.owner-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.owner-card{background:#fff;padding:21px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:0}.owner-card strong{font-size:21px;line-height:1.38}.owner-card ul{padding-left:16px;margin:12px 0 0}.owner-card li{font-size:12px;line-height:1.5;margin:4px 0}
.owner-card:nth-child(3n){border-right:0}.owner-card.wide{grid-column:span 2}
.owner-card span{font-size:10px;color:#918981}.owner-card strong{display:block;font-size:27px;line-height:1.3;margin:10px 0}
.owner-card p{font-size:14px;line-height:1.72;color:#68625b;margin:0}.owner-card ul{padding-left:18px;margin:13px 0 0}
.owner-card li{font-size:13px;line-height:1.58;margin:5px 0;color:#5e5852}.owner-card.good strong{color:var(--good)}.owner-card.risk strong{color:var(--risk)}
.story{margin-top:28px}.story-item{display:grid;grid-template-columns:.9fr 1.1fr;border-top:1px solid var(--line);padding:25px 0;gap:38px;align-items:start}.story-item:last-child{border-bottom:1px solid var(--line)}
.story-media{margin:0;background:#fff;border:1px solid var(--line);display:flex;justify-content:center;align-items:flex-start;padding:10px}.story-media img{width:100%;height:auto;object-fit:contain;display:block}
.story-copy>span{font-size:10px;color:#918981}.story-copy h3{font-size:25px;line-height:1.3;margin:9px 0 18px}.story-copy>p{font-size:15px;line-height:1.75;color:#68625b}
.story-copy .source-badge{display:inline-block;color:#405e4b;border:1px solid #b9c8bf;padding:6px 8px;background:#f3f7f4}
.evidence{display:grid;grid-template-columns:1fr;border-left:1px solid var(--line);border-top:1px solid var(--line);margin-top:18px}
.evidence div{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.evidence span{display:block;font-size:10px;color:#918981}.evidence b{display:block;font-size:13px;line-height:1.55;margin-top:4px}
.evidence .action{background:#eef2f0}
.param-strip{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}
.param{background:#fff;padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.param span{font-size:10px;color:#918981}.param b{display:block;font-size:13px;line-height:1.55;margin-top:6px}
.voice-stats{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #4a443e}
.voice-stat{padding:17px;border-right:1px solid #4a443e}.voice-stat:last-child{border-right:0}
.voice-stat span{display:block;font-size:10px;color:#aaa199}.voice-stat strong{display:block;font-size:28px;margin:6px 0}.voice-stat small{font-size:10px;color:#bbb2aa}
.result-block{margin-top:28px}.result-block h3{font-size:17px;margin:0 0 12px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #4a443e;border-left:1px solid #4a443e}
.result-row{padding:16px;border-right:1px solid #4a443e;border-bottom:1px solid #4a443e;min-width:0}.result-row>span{display:block;font-size:9px;color:#aaa199;margin-bottom:7px}.result-row strong{display:block;font-size:15px;line-height:1.4}.result-row p{font-size:13px;line-height:1.6;color:#d1c9c1;margin:7px 0 0;overflow-wrap:anywhere}.result-row.positive{background:#29312c}.result-row.risk{background:#342724}.result-row.question{background:#302d27}
.journey-wrap{margin-top:28px;border:1px solid #4a443e;background:#282520}
.journey-head{padding:22px;border-bottom:1px solid #4a443e}.journey-head span{font-size:10px;color:#aaa199}.journey-head h3{font-size:25px;line-height:1.28;margin:8px 0}.journey-head p{font-size:14px;line-height:1.7;color:#c4bcb4;margin:0}
.journey-tabs{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #4a443e}
.jtab{padding:15px;border-right:1px solid #4a443e;background:#24211e;color:#d2cac2;cursor:pointer}.jtab:last-child{border-right:0}.jtab.active{background:#fff;color:#1a1815}
.jtab small{font-size:9px;display:block;opacity:.65}.jtab b{font-size:13px;display:block;margin-top:5px}
.jpanel{display:none;padding:22px}.jpanel.active{display:block}
.jpanel>header span{font-size:10px;color:#aaa199}.jpanel>header h4{font-size:28px;margin:8px 0}.jpanel>header p{font-size:14px;color:#c5bdb5}
.jgrid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #4a443e;border-top:1px solid #4a443e;margin-top:20px}
.jgrid section{padding:15px;border-right:1px solid #4a443e;border-bottom:1px solid #4a443e}.jgrid span{font-size:10px;color:#aaa199}.jgrid p{font-size:13px;line-height:1.6;color:#d1c9c1;margin:5px 0 0}
.jmeta{display:flex;gap:9px;margin-top:16px}.jmeta span{font-size:10px;border:1px solid #514a43;padding:6px 9px;border-radius:999px;color:#c7bfb7}
.quotes{margin:16px 0 0;padding-left:20px}.quotes li{font-size:13px;color:#cfc7bf;line-height:1.65;margin:7px 0}
.buyer-evidence{margin-top:24px;border:1px solid #4a514d;background:#252a27;padding:22px}.buyer-evidence>header{padding:0 0 18px;border-bottom:1px solid #4a514d}.buyer-evidence>header span{font-size:10px;color:#aeb8b2}.buyer-evidence>header h3{font-size:24px;margin:7px 0}.buyer-evidence>header p{font-size:12px;line-height:1.55;color:#aeb8b2;margin:0}.buyer-groups{display:grid;gap:18px;padding-top:18px}.buyer-review-group{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:18px;border:1px solid #48504b;background:#202522;padding:16px;min-width:0}.buyer-review-copy{padding:4px}.buyer-review-copy span{font-size:10px;color:#aeb8b2}.buyer-review-copy blockquote{font-size:14px;line-height:1.65;margin:10px 0;color:#f0f3f1;overflow-wrap:anywhere}.buyer-review-copy small{display:block;font-size:10px;line-height:1.5;color:#aeb8b2}.buyer-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.buyer-gallery figure{margin:0;background:#fff;min-width:0}.buyer-gallery img{width:100%;height:auto;object-fit:contain;display:block}.buyer-gallery figcaption{padding:7px 8px;color:#68716c;background:#eef1ef;font-size:9px;border-top:1px solid #d8dedb}
.signal-atlas{margin-top:24px;border:1px solid #4a443e;padding:22px;background:#26231f}
.signal-atlas span.label{font-size:10px;color:#aaa199}.signal-atlas h3{font-size:30px;margin:8px 0}.signal-atlas p{font-size:14px;color:#c5bdb5}
.signals{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.signal{font-size:12px;border:1px solid #575049;border-radius:999px;padding:8px 11px}.signal.good{color:#bfd4bd}.signal.ask{color:#ddc9a9}.signal.risk{color:#e2b1a9}
.product-box{display:grid;grid-template-columns:.82fr 1.18fr;gap:25px}
.param-card,.product-conclusion{background:#fff;border:1px solid var(--line);padding:25px}
.param-card h3,.product-conclusion h3{font-size:31px;line-height:1.28;margin:0 0 17px}
.prow{display:grid;grid-template-columns:135px 1fr;gap:18px;padding:13px 0;border-top:1px solid var(--line)}.prow:first-of-type{border-top:0}
.prow span{font-size:10px;color:#918981}.prow b{font-size:14px;line-height:1.6}
.product-conclusion>p{font-size:15px;line-height:1.76;color:#68625b}
.gate{padding:14px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:145px 1fr;gap:20px}.gate b{font-size:13px}.gate span{font-size:14px;line-height:1.65;color:#67615a}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.plan{border:1px solid #4a443e;background:#282520;padding:24px}.plan>span{font-size:10px;color:#aaa199}.plan h3{font-size:27px;line-height:1.25;margin:9px 0}.plan>p{font-size:13px;line-height:1.65;color:#c9c1b9}
.plan-specs{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #4a443e;border-top:1px solid #4a443e;margin-top:19px}
.plan-specs div{padding:13px;border-right:1px solid #4a443e;border-bottom:1px solid #4a443e}.plan-specs span{font-size:10px;color:#aaa199;display:block}.plan-specs b{font-size:13px;line-height:1.55;display:block;margin-top:4px}
.plan-section{padding:15px 0;border-top:1px solid #4a443e}.plan-section h4{font-size:17px;margin:0 0 6px}.plan-section p{font-size:13px;line-height:1.65;color:#c6beb6;margin:0}
.plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}.plan-actions h4{font-size:15px;margin:0 0 7px}.action-list{padding-left:17px;margin:0}.action-list li{font-size:12px;line-height:1.55;color:#c6beb6;margin:5px 0}
.commercial{margin-top:26px;border:1px solid #4a443e}.commercial header{padding:21px;border-bottom:1px solid #4a443e}
.commercial header span{font-size:10px;color:#aaa199}.commercial header strong{font-size:27px;display:block;margin-top:6px}
.commercial-grid{display:grid;grid-template-columns:repeat(3,1fr)}.commercial-grid p{padding:20px;margin:0;border-right:1px solid #4a443e}.commercial-grid p:last-child{border-right:0}
.commercial-grid span{font-size:10px;color:#aaa199;display:block}.commercial-grid b{font-size:14px;line-height:1.62;display:block;margin-top:5px}
.governance{background:#181715;color:#fff;border-top:1px solid #2f2b26;border-bottom:1px solid #2f2b26}.governance-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #3b352e}.governance article{padding:16px 18px;border-right:1px solid #3b352e}.governance span{display:block;font-size:9px;color:#bfb4a8;margin-bottom:7px}.governance b{font-size:12px;line-height:1.55;color:#f5efe8}
.selling-points{margin-top:22px;border:1px solid #4d443a;background:#211e1a}.selling-points header{padding:18px 18px 0}.selling-points header span{font-size:9px;color:#bfb4a8}.selling-points h4{font-size:22px;margin:6px 0 14px}.selling-points>div{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #4d443a;border-left:1px solid #4d443a}.selling-points article{padding:16px;border-right:1px solid #4d443a;border-bottom:1px solid #4d443a;min-width:0}.selling-points article strong{display:block;font-size:18px;line-height:1.35;color:#fff}.selling-points article p{font-size:12px;line-height:1.55;color:#d5ccc2;margin:8px 0}.selling-points article small{display:block;font-size:10px;color:#b8ab9c}.selling-points article b{display:block;font-size:12px;line-height:1.55;color:#d8bea1;margin-top:8px}
.profile-board{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);background:#fff}.profile-cell{padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.profile-cell span,.market-slot span{display:block;font-size:10px;color:#918981}.profile-cell b,.market-slot b{display:block;font-size:14px;line-height:1.55;margin-top:6px;overflow-wrap:anywhere}
.logic-chain{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.logic-step{background:#fff;border:1px solid var(--line);padding:20px;min-height:180px}.logic-step span{font-size:11px;color:#918981}.logic-step strong{display:block;font-size:22px;line-height:1.28;margin:10px 0}.logic-step p{font-size:13px;line-height:1.6;color:#67615a;margin:0 0 12px}.logic-step small{font-size:10px;color:#8c847b}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #4a443e;border-top:1px solid #4a443e}.feature-card{padding:20px;border-right:1px solid #4a443e;border-bottom:1px solid #4a443e;min-height:150px;background:#24211e}.feature-card span{font-size:10px;color:#aaa199}.feature-card strong{display:block;font-size:23px;line-height:1.32;margin:9px 0;color:#fff}.feature-card p{font-size:12px;line-height:1.58;color:#cbc3bb;margin:0}.feature-card.good strong{color:#c6dcc4}.feature-card.risk strong{color:#e0b1a9}
.marketing-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.marketing-grid>article{background:#fff;border:1px solid var(--line);padding:22px;min-width:0}.marketing-grid>article>span{font-size:10px;color:#918981}.marketing-grid strong{display:block;font-size:26px;line-height:1.35;margin:9px 0 18px}.marketing-grid ul{margin:14px 0 0;padding-left:18px}.marketing-grid li{font-size:14px;line-height:1.65;margin:7px 0}.market-slots{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.market-slot{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.visual-states{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin-bottom:18px}.visual-state{background:#fff;padding:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.visual-state span{font-size:10px;color:#918981}.visual-state strong{display:block;font-size:28px;margin:5px 0}.visual-state small{font-size:10px;color:#77706a}.visual-state.ready strong{color:var(--good)}.visual-state.missing strong{color:var(--risk)}
.competition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.competition-grid article{border:1px solid var(--line);background:#fff;padding:24px;min-height:190px}.competition-grid span{font-size:10px;color:#918981}.competition-grid strong{display:block;font-size:28px;line-height:1.28;margin:9px 0}.competition-grid p{font-size:13px;line-height:1.65;color:#67615a;margin:0}.competition-grid .strong strong{color:var(--good)}.competition-grid .mid strong{color:var(--ask)}.competition-grid .weak strong{color:var(--risk)}
.validation-wrap{margin-top:28px;border:1px solid #4a443e;background:#221f1b;padding:22px;overflow-x:auto}.validation-wrap header{margin-bottom:14px}.validation-wrap span{font-size:10px;color:#aaa199}.validation-wrap h3{font-size:26px;margin:7px 0;color:#fff}.validation-wrap .validation{min-width:980px}
.validation{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}
.validation th,.validation td{text-align:left;vertical-align:top;padding:13px;border-bottom:1px solid var(--line)}.validation th{font-size:10px;color:#8e857c}.validation td{font-size:12px;line-height:1.55}.validation tr:last-child td{border-bottom:0}
.footer{padding:38px 0 52px;font-size:11px;color:#8c847b}
.reveal{opacity:1;transform:none}
@media(max-width:1000px){.wrap{width:min(1380px,calc(100% - 28px))}.hero-grid,.section-head,.story-item,.product-box,.marketing-grid{grid-template-columns:1fr}.decision-boundary{grid-template-columns:1fr 1fr}.owner-grid,.voice-stats,.journey-tabs,.jgrid,.param-strip,.result-grid,.governance-grid,.profile-board,.feature-grid,.visual-states{grid-template-columns:1fr 1fr}.logic-chain,.competition-grid{grid-template-columns:1fr}.owner-card.wide{grid-column:auto}.plans{grid-template-columns:1fr}.commercial-grid{grid-template-columns:1fr}#validate .wrap{overflow-x:auto}.validation{min-width:980px}.shopper-group.full .shopper-grid{grid-template-columns:1fr 1fr}.buyer-review-group{grid-template-columns:240px minmax(0,1fr)}.buyer-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){nav{height:auto}.navin{min-height:56px}.navlinks{display:none}.hero{padding:42px 0 34px}h1{font-size:38px}.hero-shot{order:-1;padding:8px}.hero-verdict strong{font-size:20px}.hero-actions .gate{grid-template-columns:1fr;gap:4px}.chapter{padding:46px 0}.section-head.compact h2{font-size:34px}.decision-boundary{grid-template-columns:1fr}.owner-grid,.voice-stats,.journey-tabs,.jgrid,.param-strip,.hero-kpis,.plan-specs,.plan-actions,.shopper-groups,.shopper-grid,.shopper-group.full .shopper-grid,.result-grid,.governance-grid,.selling-points>div,.profile-board,.feature-grid,.visual-states,.market-slots{grid-template-columns:1fr}.shopper-verdict{grid-template-columns:1fr;gap:7px}.shopper-verdict small{grid-column:1;margin-top:0}.shopper-group,.shopper-group:nth-child(even),.shopper-group.full{grid-column:1;padding:20px 0;border-left:0}.buyer-evidence{padding:16px}.buyer-review-group{grid-template-columns:1fr;padding:12px}.buyer-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-card{min-height:auto}.section-index{gap:12px}.story-media{height:auto}.story-copy h3{font-size:23px}.owner-thesis{font-size:19px}.logic-step,.feature-card,.competition-grid article{min-height:0}.marketing-grid strong{font-size:22px}}
.hero-shot{min-height:360px;background:#f8f5f1;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:14px;box-shadow:0 24px 80px rgba(39,31,24,.08)}.hero-shot img,.story-media img{width:100%;height:auto;object-fit:contain;display:block}.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:90}.scroll-progress span{display:block;height:100%;background:#1d211f;transform-origin:left;transform:scaleX(0)}
.loading-page{min-height:100vh;background:#eef1ef;padding:34px;color:#171a18}.loading-shell{width:min(1180px,100%);margin:auto;background:#fff;border:1px solid #d8dedb}.loading-head{display:flex;justify-content:space-between;gap:30px;padding:34px 36px 28px;border-bottom:1px solid var(--line)}.loading-head h1{font-size:42px;line-height:1.12;margin:9px 0 12px}.loading-head p{font-size:14px;line-height:1.6;color:#646b67;margin:0;max-width:720px}.loading-head>strong{font-size:42px;line-height:1;color:#556d5a}.loading-evidence,.loading-work{padding:25px 36px;border-bottom:1px solid var(--line)}.loading-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:15px}.loading-section-title>span{font-size:16px;font-weight:750}.loading-section-title>small{font-size:11px;color:#717873}.loading-stats{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.loading-stats>div{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.loading-stats span{display:block;font-size:10px;color:#727a75}.loading-stats b{display:block;font-size:23px;margin-top:6px}.loading-images{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:14px}.loading-images figure{margin:0;border:1px solid var(--line);background:#f5f7f6}.loading-images img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#fff}.loading-images figcaption{font-size:9px;color:#69706c;padding:6px 7px;border-top:1px solid var(--line)}.loading-steps{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.loading-step{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:11px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.loading-step i{width:8px;height:8px;border:1px solid #929a95;border-radius:50%}.loading-step span{font-size:12px}.loading-step b{font-size:10px;color:#7b837e;font-weight:600}.loading-step.done i{background:#556d5a;border-color:#556d5a}.loading-step.done b{color:#556d5a}.loading-step.processing{background:#f1f5f2}.loading-step.processing i{background:#171a18;border-color:#171a18}.loading-step.not_collected{background:#faf8f5}.loading-step.not_collected i{border-color:#a88a64}.loading-step.not_collected b{color:#8d6f4c}.loading-step.failed{background:#fff2f0}.loading-step.failed i{background:#a2463d;border-color:#a2463d}.loading-step.failed b{color:#a2463d}.loading-page .topic-bar{height:5px;background:#e5e9e6;margin:0 36px 28px}.loading-page .topic-bar i{display:block;height:100%;background:#556d5a;transition:width .35s ease}.loading-page .error{color:#a2463d;white-space:pre-wrap;margin:0 36px 28px}.loading-page .eyebrow{font-size:10px;color:#7c847f}
@media(max-width:680px){h1{font-size:38px}}
@media(max-width:800px){.loading-page{padding:0}.loading-shell{border-left:0;border-right:0}.loading-head{padding:25px 18px 22px}.loading-head h1{font-size:32px}.loading-head>strong{font-size:28px}.loading-evidence,.loading-work{padding:21px 18px}.loading-section-title{display:block}.loading-section-title small{display:block;margin-top:6px}.loading-stats{grid-template-columns:repeat(2,1fr)}.loading-images{grid-template-columns:repeat(4,1fr)}.loading-steps{grid-template-columns:1fr}.loading-page .topic-bar{margin:0 18px 24px}}
/* V9:白色阅读背景,青绿到青蓝为品牌强调色。 */
:root{--paper:#fff;--paper2:#f5faf9;--ink:#10191d;--muted:#60757c;--line:#dbe8e8;--dark:#071114;--dark2:#0d2025;--good:#00a98f;--risk:#d34f5f;--ask:#167ca7;--accent:#00cdb0;--accent2:#008fd8;--gradient:linear-gradient(110deg,#00d9b6 0%,#00acd0 56%,#008bd8 100%)}
body{background:#fff;color:var(--ink)}nav{background:rgba(255,255,255,.96);border-color:#dce9e9;box-shadow:0 8px 26px rgba(8,54,63,.06)}
.brand{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}.navlinks a{color:#526d74}.navlinks a:hover{background:#071114;color:#fff}
.hero{background:linear-gradient(180deg,#fff 0%,#f1fbf9 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0 0 auto auto;width:46%;height:5px;background:var(--gradient)}
.kicker,.section-kicker{color:#008fae;font-weight:800;letter-spacing:.08em}.hero-verdict{border-color:#bfe6e1}.hero-shot{background:#fff;border-color:#cfe4e4;box-shadow:0 28px 70px rgba(0,105,128,.13)}
.scroll-progress span{background:var(--gradient)}.soft{background:#f5faf9}.white{background:#fff}.ink{background:#071114;color:#f2fbfc}.ink .section-kicker{color:#12d8bb}.ink .section-head h2{color:#fff}
.evidence-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.evidence-tags b{font-size:10px;padding:7px 10px;border:1px solid #b9e2df;border-radius:999px;background:#fff;color:#24717b}.evidence-tags b:nth-child(2){border-color:#9dd5ef;color:#117ba7}.evidence-tags b:nth-child(3){background:var(--gradient);color:#fff;border:0}.evidence-tags b:nth-child(4){color:#708187}
.title-original{padding:26px 28px;border:1px solid var(--line);background:#071114;color:#fff}.title-original span{display:block;font-size:10px;color:#7fb9c1;margin-bottom:9px}.title-original strong{font-size:25px;line-height:1.5}
.title-segments{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.title-segments article{padding:18px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.title-segments span,.analysis-strip span{display:block;font-size:10px;color:#698087}.title-segments strong{display:block;font-size:17px;line-height:1.4;margin:8px 0}.title-segments p{font-size:12px;line-height:1.6;color:#5c7076;margin:0}
.analysis-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid #cde4e3;background:#effaf8}.analysis-strip article{padding:18px;border-right:1px solid #cde4e3}.analysis-strip article:last-child{border:0}.analysis-strip b{display:block;margin-top:8px;font-size:13px;line-height:1.6}
.image-analysis-list{display:grid;gap:24px}.image-analysis{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);border:1px solid var(--line);background:#fff;box-shadow:0 16px 42px rgba(15,63,72,.07)}.image-analysis figure{margin:0;padding:12px;background:#f7fbfa;border-right:1px solid var(--line)}.image-analysis img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;background:#fff}.image-analysis figcaption{padding:10px 4px 0;font-size:10px;color:#668087}.image-copy{display:grid;grid-template-columns:1fr 1fr;align-content:start}.image-copy>div{padding:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.image-copy span{display:block;font-size:10px;color:#668087}.image-copy b{display:block;font-size:13px;line-height:1.62;margin-top:6px;overflow-wrap:anywhere}
.empty-state{padding:30px;border:1px dashed #a8cdca;background:#f3fbf9;color:#61777d;text-align:center;font-size:13px}.table-scroll{overflow:auto}.table-scroll .validation{min-width:840px}
.asset-levels,.dna-grid,.parameter-grid,.shot-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin-top:24px}.asset-levels article,.dna-grid article,.parameter-grid article,.shot-grid article{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;color:var(--ink)}.asset-levels span,.dna-grid span,.parameter-grid span,.shot-grid span{font-size:10px;color:#008ca7}.asset-levels li,.asset-levels p,.dna-grid p,.parameter-grid p,.shot-grid p{font-size:13px;line-height:1.62;color:#526a70}.shot-grid strong{display:block;font-size:18px;line-height:1.4;margin:9px 0}.shot-grid small{font-size:10px;color:#75898e}.subhead{font-size:22px;margin:34px 0 0}
.ink .plans{grid-template-columns:repeat(3,1fr)}.ink .plan{border-color:#24444a;background:#0d2025}.ink .asset-levels article{background:#0d2025;color:#fff;border-color:#31565a}.ink .asset-levels li,.ink .asset-levels p{color:#bad0d3}
@media(max-width:1000px){.title-segments,.analysis-strip,.asset-levels,.dna-grid,.parameter-grid,.shot-grid{grid-template-columns:1fr 1fr}.image-analysis{grid-template-columns:1fr}.image-analysis figure{border-right:0;border-bottom:1px solid var(--line)}.ink .plans{grid-template-columns:1fr}}
@media(max-width:620px){.title-segments,.analysis-strip,.asset-levels,.dna-grid,.parameter-grid,.shot-grid,.image-copy{grid-template-columns:1fr}}
/* V9.1 information hierarchy additions — preserves existing palette */
.evidence-fold{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.evidence-fold>summary{cursor:pointer;font-size:13px;font-weight:700;padding:10px 0;list-style:none}.evidence-fold>summary::-webkit-details-marker{display:none}.evidence-fold>summary:after{content:'+';float:right}.evidence-fold[open]>summary:after{content:'-'}
.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.insight-card{padding:18px;border:1px solid var(--line);background:var(--card,#fff)}.insight-card span,.consumer-thesis span,.continuity header span{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.insight-card strong,.consumer-thesis strong{display:block;font-size:18px;line-height:1.45}.insight-card p{margin:8px 0 0;font-size:13px;line-height:1.55;color:var(--muted)}
.consumer-thesis{padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:14px}.continuity{margin:22px 0}.continuity header h3{margin:0 0 12px}.sku-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.sku-status article{padding:16px;border:1px solid var(--line);background:var(--card,#fff)}.sku-status span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.sku-status strong{font-size:15px;line-height:1.4}.recommended-titles{margin-top:14px;padding:16px;border:1px solid var(--line)}.recommended-titles>span{font-size:11px;color:var(--muted)}.recommended-titles ul{margin:8px 0 0;padding-left:18px}.image-error{opacity:.18;min-height:120px;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(127,127,127,.08) 8px,rgba(127,127,127,.08) 16px)}
@media(max-width:900px){.insight-grid{grid-template-columns:1fr 1fr}.sku-status{grid-template-columns:1fr 1fr}}@media(max-width:560px){.insight-grid,.sku-status{grid-template-columns:1fr}}
/* =========================================================
V9.2.0 IMAGE-DRIVEN PROFESSIONAL REPORT
图片 > 专业意见 > 专业建议 > 证据
========================================================= */
:root{
--v92-ink:#17202a;--v92-text:#465364;--v92-muted:#8a95a3;--v92-line:#e8edf2;
--v92-soft:#f7f9fb;--v92-blue:#396bc8;--v92-blue-soft:#f2f6fd;--v92-white:#fff;
}
body{background:#fff;color:var(--v92-text);font-size:14px;line-height:1.55}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.v92-nav{height:52px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--v92-line);box-shadow:none}
.v92-nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.v92-nav .brand{font-size:13px;color:var(--v92-ink);font-weight:760;background:none;-webkit-background-clip:initial;background-clip:initial}
.v92-links{display:flex;gap:18px;overflow:auto}.v92-links a{font-size:12px;color:var(--v92-muted);text-decoration:none;white-space:nowrap;padding:0}.v92-links a:hover{background:none;color:var(--v92-blue)}
.v92-hero{padding:42px 0 30px;border-bottom:1px solid var(--v92-line);background:#fff;min-height:0}
.v92-hero:before{display:none}.v92-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}
.v92-kicker{font-size:10px;font-weight:800;color:var(--v92-blue);letter-spacing:.08em;margin-bottom:8px}
.v92-hero h1{margin:0;color:var(--v92-ink);font-size:32px;line-height:1.2;letter-spacing:-.02em;font-weight:720}
.v92-meta{font-size:12px;color:var(--v92-muted);margin:10px 0 0}
.v92-cover{min-width:0}.v92-cover .visual{background:transparent;border:0;border-radius:0;box-shadow:none}.v92-cover img{display:block;width:100%;max-height:390px;object-fit:contain;background:transparent}
.cover-ratio{aspect-ratio:auto!important}.v92-cover-empty{min-height:280px;display:grid;place-items:center;background:var(--v92-soft);color:var(--v92-muted)}
.v92-opinion{margin:20px 0 0;padding:14px 16px;background:var(--v92-blue-soft);border-left:3px solid var(--v92-blue);border-radius:8px;display:grid;grid-template-columns:78px 1fr;gap:14px}
.v92-opinion span{font-size:10px;color:var(--v92-blue);font-weight:800}.v92-opinion strong{font-size:15px;line-height:1.55;color:var(--v92-ink);font-weight:700}
.v92-section{padding:42px 0;background:#fff}.v92-section+.v92-section{border-top:1px solid var(--v92-line)}
.v92-head{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}.v92-head>span{font-size:10px;color:var(--v92-blue);font-weight:800}.v92-head h2{margin:0;font-size:21px;color:var(--v92-ink);line-height:1.25}.v92-head p{margin:0 0 0 auto;font-size:11px;color:var(--v92-muted)}
.v92-section>.wrap>.v92-opinion{margin-top:0;margin-bottom:18px}
.v92-summary3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v92-line);border-bottom:1px solid var(--v92-line)}
.v92-summary3 article{padding:15px 17px;border-right:1px solid var(--v92-line)}.v92-summary3 article:last-child{border-right:0}
.v92-summary3 span,.v92-title3 span{display:block;font-size:10px;color:var(--v92-muted);font-weight:700}.v92-summary3 b,.v92-title3 b{display:block;margin-top:5px;color:var(--v92-ink);font-size:13px;line-height:1.5}.v92-summary3 p{margin:4px 0 0;color:var(--v92-muted);font-size:11px}
.v92-title-current{padding:14px 16px;background:var(--v92-soft);border-radius:8px;color:var(--v92-ink);margin-bottom:13px}.v92-title-current small{display:block;font-size:10px;color:var(--v92-muted);margin-bottom:4px}
.v92-title3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v92-title3 article{padding:15px;border:1px solid var(--v92-line);border-radius:9px;background:#fff}
.v92-flow{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:7px 0 17px}.v92-flow .node{font-size:11px;color:var(--v92-ink);font-weight:700;padding:6px 9px;background:var(--v92-soft);border-radius:99px}.v92-flow i{font-style:normal;color:#b7c0ca}
.v92-main-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.v92-main-card{min-width:0}.visual{margin:0;position:relative;background:var(--v92-soft);border-radius:9px;overflow:hidden}.visual img{width:100%;height:100%;display:block;object-fit:cover}.main-ratio{aspect-ratio:4/5}.wide-ratio{aspect-ratio:16/10}.square-ratio{aspect-ratio:1/1}.plan-ratio{aspect-ratio:4/3}
.image-fallback{display:none;width:100%;height:100%;min-height:120px;align-items:center;justify-content:center;color:var(--v92-muted);font-size:10px;text-align:center;padding:16px}.visual.failed .image-fallback{display:flex}.visual.failed{background:var(--v92-soft)}
.v92-main-copy{padding:8px 1px 0}.v92-main-copy span{display:block;color:var(--v92-ink);font-size:12px;font-weight:760}.v92-main-copy b{display:block;margin-top:2px;color:var(--v92-text);font-size:11px;line-height:1.45}.v92-main-copy p{margin:3px 0 0;color:var(--v92-muted);font-size:10px;line-height:1.45}
.v92-table-wrap{overflow:auto;margin-top:18px}.v92-matrix{width:100%;border-collapse:collapse;min-width:720px}.v92-matrix th,.v92-matrix td{padding:10px 11px;border-bottom:1px solid var(--v92-line);text-align:left;font-size:11px;vertical-align:top}.v92-matrix th{font-size:9px;color:var(--v92-muted);background:var(--v92-soft)}.v92-matrix .ok{color:#3c765e;font-weight:800}.v92-matrix .mid{color:#a06d2f;font-weight:800}.v92-matrix .none{color:#9aa3ae}
.v92-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v92-detail-card{border:1px solid var(--v92-line);border-radius:10px;overflow:hidden;background:#fff}.v92-detail-card>div:last-child{padding:12px}.v92-detail-card span{font-size:9px;color:var(--v92-blue);font-weight:800}.v92-detail-card b{display:block;margin-top:3px;color:var(--v92-ink);font-size:13px}.v92-detail-card p{margin:4px 0 0;color:var(--v92-muted);font-size:10.5px}.v92-evidence-note{margin-top:12px;font-size:10px;color:var(--v92-muted)}
.v92-sku-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}.v92-sku-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v92-choice{border-left:1px solid var(--v92-line);padding-left:20px}.v92-choice-row{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--v92-line)}.v92-choice-row span{font-size:9px;color:var(--v92-blue);font-weight:800}.v92-choice-row b{font-size:12px;color:var(--v92-ink)}.v92-choice-row small{grid-column:2;font-size:9px;color:var(--v92-muted)}.v92-choice-note{margin-top:13px;padding:12px;background:var(--v92-blue-soft);border-radius:8px;font-size:11px;color:#345077}.v92-status{display:block;margin-top:9px;font-size:9px;color:var(--v92-muted)}
.v92-review-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}.v92-buyer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v92-insights{border-top:1px solid var(--v92-line)}.v92-insights article{padding:12px 0;border-bottom:1px solid var(--v92-line)}.v92-insights span{display:block;font-size:9px;color:var(--v92-muted);font-weight:750}.v92-insights b{display:block;margin-top:3px;color:var(--v92-ink);font-size:12.5px}.v92-insights p{margin:4px 0 0;color:var(--v92-muted);font-size:10.5px}
.v92-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v92-value-grid article{padding:15px;border-top:2px solid var(--v92-line);background:var(--v92-soft);border-radius:0 0 8px 8px}.v92-value-grid span{font-size:9px;color:var(--v92-muted);font-weight:800}.v92-value-grid b{display:block;margin-top:5px;color:var(--v92-ink);font-size:13px}.v92-value-grid p{margin:4px 0 0;color:var(--v92-muted);font-size:10.5px}
.v92-plan-stack{display:grid;gap:16px}.v92-plan{display:grid;grid-template-columns:190px 1fr 1fr;gap:20px;padding-top:16px;border-top:1px solid var(--v92-line)}.v92-plan:first-child{border-top:0;padding-top:0}.v92-plan-copy small{font-size:9px;color:var(--v92-blue);font-weight:800}.v92-plan-copy h3{margin:3px 0 7px;color:var(--v92-ink);font-size:17px}.v92-plan-copy p{margin:0;color:var(--v92-muted);font-size:11px}.v92-plan-points{display:grid;gap:8px}.v92-plan-points>div{padding:10px 12px;background:var(--v92-soft);border-radius:8px}.v92-plan-points span{display:block;font-size:9px;color:var(--v92-muted);font-weight:750}.v92-plan-points b{display:block;margin-top:3px;color:var(--v92-ink);font-size:11px}.v92-plan-placeholder{aspect-ratio:4/3;background:var(--v92-soft);display:grid;place-items:center;color:var(--v92-muted);font-size:10px;border-radius:9px}
.v92-empty{padding:18px;background:var(--v92-soft);color:var(--v92-muted);font-size:11px;border-radius:8px}.v92-footer{padding:28px 0 40px;border-top:1px solid var(--v92-line);font-size:10px;color:var(--v92-muted);background:#fff}
.image-error{display:none!important}
@media(max-width:900px){.v92-hero-grid{grid-template-columns:1fr}.v92-summary3,.v92-title3,.v92-detail-grid,.v92-value-grid{grid-template-columns:1fr}.v92-main-grid{grid-template-columns:repeat(2,1fr)}.v92-sku-layout,.v92-review-layout{grid-template-columns:1fr}.v92-choice{border-left:0;border-top:1px solid var(--v92-line);padding:16px 0 0}.v92-plan{grid-template-columns:1fr}.v92-head p{display:none}}
@media(max-width:560px){.wrap{width:min(100% - 24px,1180px)}.v92-hero h1{font-size:27px}.v92-opinion{grid-template-columns:1fr;gap:5px}.v92-main-grid{grid-template-columns:1fr 1fr}.v92-sku-mosaic,.v92-buyer-grid{grid-template-columns:repeat(2,1fr)}}
/* =========================================================
V9.3.0 OWNER + PROFESSIONAL USER FINAL REPORT
老板先决策;专业用户再看图片证据
图片完整展示,不裁切
========================================================= */
.visual img{object-fit:contain!important;background:var(--v92-soft)}
.v92-cover .visual,.v92-cover img{background:transparent!important}
.main-ratio{aspect-ratio:auto!important;height:310px}
.wide-ratio{aspect-ratio:auto!important;height:260px}
.square-ratio{aspect-ratio:auto!important;height:145px}
.plan-ratio{aspect-ratio:auto!important;height:190px}
.v92-buyer-grid .square-ratio{height:160px}
.v92-cover .cover-ratio{height:auto;min-height:300px;max-height:420px}
.v92-cover .cover-ratio img{height:auto!important;max-height:420px;width:100%;object-fit:contain!important}
.v924-decision3 article{padding:15px 16px}
.v924-decision3 b{font-size:14px}
.v924-decision3 p{font-size:10.5px;margin-top:4px}
.v924-title2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.v924-title2 article{padding:13px 14px;border:1px solid var(--v92-line);border-radius:8px;background:#fff}
.v924-title2 span{display:block;font-size:9px;color:var(--v92-muted);font-weight:760}
.v924-title2 b{display:block;margin-top:5px;color:var(--v92-ink);font-size:12.5px;line-height:1.45}
.v924-image-info{padding-top:8px}
.v924-row-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.v924-row-title strong{font-size:12px;color:var(--v92-ink)}
.v924-row-title span{font-size:8px;color:var(--v92-muted)}
.v924-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.v924-chips i{font-style:normal;padding:3px 6px;border-radius:99px;background:var(--v92-soft);color:#586675;font-size:9px;line-height:1.35}
.v924-image-info p,.v924-detail-info p{margin:7px 0 0;font-size:10px;color:var(--v92-text);line-height:1.4}
.v924-image-info p b{font-size:8px;color:var(--v92-blue);margin-right:5px}
.v924-details{margin-top:15px;border-top:1px solid var(--v92-line)}
.v924-details summary{padding:12px 0;cursor:pointer;color:var(--v92-blue);font-size:11px;font-weight:700;list-style:none}
.v924-details summary::-webkit-details-marker{display:none}
.v924-details .v92-table-wrap{margin-top:0}
.v924-detail-info{padding:10px 11px!important}
.v924-detail-info strong{font-size:12px!important;color:var(--v92-ink)}
.v924-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.v924-plan-card{border:1px solid var(--v92-line);border-radius:9px;overflow:hidden;background:#fff}
.v924-plan-body{padding:12px}
.v924-plan-eyebrow{font-size:8px;color:var(--v92-blue);font-weight:800}
.v924-plan-body h3{margin:4px 0 8px;color:var(--v92-ink);font-size:15px;line-height:1.3}
.v924-plan-body>p{margin:0 0 8px;color:var(--v92-muted);font-size:10.5px;line-height:1.45}
.v924-plan-body dl{margin:0}
.v924-plan-body dl div{display:grid;grid-template-columns:36px 1fr;gap:6px;padding:7px 0;border-top:1px solid var(--v92-line)}
.v924-plan-body dt{font-size:8px;color:var(--v92-muted);font-weight:760}
.v924-plan-body dd{margin:0;font-size:10.5px;color:var(--v92-text);line-height:1.45}
/* V9.3.0 removes repeated explanatory subcopy from default reading layer. */
.v92-evidence-note{font-size:9px}
.v92-insights article p{display:none}
.v92-summary3 p:empty{display:none}
@media(max-width:900px){
.v924-title2,.v924-plan-grid{grid-template-columns:1fr}
.main-ratio{height:340px}.wide-ratio{height:300px}.plan-ratio{height:240px}
}
@media(max-width:560px){
.main-ratio{height:280px}.wide-ratio{height:240px}.square-ratio{height:150px}.plan-ratio{height:220px}
}
/* =========================================================
V9.3.0 BIG VISUAL / BIG TYPE FINAL REPORT
Big images tell facts; big type tells judgement; short lines tell actions.
========================================================= */
:root{--v925-ink:#141b24;--v925-text:#44505d;--v925-muted:#8a95a3;--v925-line:#e8edf2;--v925-soft:#f6f8fa;--v925-blue:#315fba;--v925-blue-soft:#eef4ff}
.wrap{width:min(1240px,calc(100% - 56px))}
.v92-nav .wrap{height:58px}.v92-nav .brand{font-size:15px}.v92-links{gap:22px}.v92-links a{font-size:13px}
.v92-hero{padding:58px 0 42px}.v92-hero-grid{grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}
.v92-kicker{font-size:12px;letter-spacing:.08em}.v92-hero h1{font-size:48px;line-height:1.12;letter-spacing:-.035em;margin:10px 0 14px}.v92-meta{font-size:14px}
.v925-hero-claim{margin-top:28px;font-size:26px;line-height:1.48;font-weight:800;color:var(--v925-ink);max-width:620px}
.v92-cover .cover-ratio{min-height:420px;max-height:530px}.v92-cover .cover-ratio img{max-height:530px!important}
.v92-section{padding:70px 0}.v92-head{margin-bottom:28px}.v92-head>span{font-size:12px}.v92-head h2{font-size:36px;line-height:1.2;letter-spacing:-.025em}.v92-head p{font-size:12px}
.v925-opinion{display:block!important;padding:0!important;background:transparent!important;border:0!important;margin:0 0 34px!important;max-width:940px}.v925-opinion strong{font-size:22px!important;line-height:1.55!important;color:var(--v925-ink)!important}
.v92-summary3{gap:28px;border:0}.v92-summary3 article{padding:20px 0 0;border-right:0!important;border-top:2px solid var(--v925-ink)}.v92-summary3 span{font-size:13px}.v92-summary3 b{font-size:28px;line-height:1.25;margin-top:9px}.v92-summary3 p{font-size:15px;line-height:1.5;margin-top:8px}
.v92-title-current{padding:18px 20px;border-radius:12px;font-size:17px;margin-bottom:18px}.v92-title-current small{font-size:12px}.v924-title2{gap:18px}.v924-title2 article{padding:22px;border-radius:12px}.v924-title2 span{font-size:12px}.v924-title2 b{font-size:22px;line-height:1.35;margin-top:7px}
.visual{background:var(--v925-soft);border-radius:14px}.visual img{object-fit:contain!important}.main-ratio,.wide-ratio,.square-ratio,.plan-ratio{aspect-ratio:auto}
.v92-main-grid{grid-template-columns:1fr 1fr;gap:28px}.v925-main-card:nth-child(5){grid-column:1/-1;max-width:620px}.v925-main-card .main-ratio{height:560px}.v925-main-card:nth-child(5) .main-ratio{height:620px}
.v925-image-info{padding:16px 2px 0}.v925-row-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.v925-row-title h3{font-size:24px;margin:0;color:var(--v925-ink)}.v925-row-title span{font-size:12px;color:var(--v925-muted)}
.v925-signals{margin-top:9px;font-size:18px;line-height:1.5;font-weight:760;color:var(--v925-ink)}.v925-action{margin:9px 0 0!important;font-size:14px!important;line-height:1.45!important;color:var(--v925-blue)!important;font-weight:800!important}
.v924-details{margin-top:26px}.v924-details summary{font-size:14px;padding:16px 0}
.v925-detail-list{display:grid;gap:54px}.v925-detail-block{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}.v925-detail-block:nth-child(even){grid-template-columns:.8fr 1.2fr}.v925-detail-block:nth-child(even) .visual{order:2}.v925-detail-block .wide-ratio{min-height:520px}.v925-detail-copy h3{font-size:30px;line-height:1.2;margin:0 0 14px;color:var(--v925-ink)}.v925-detail-copy .v925-signals{font-size:20px}.v925-detail-copy .v925-action{font-size:15px!important}.v92-evidence-note{font-size:12px;margin-top:24px}
.v92-sku-layout{grid-template-columns:1.3fr .7fr;gap:36px}.v92-sku-mosaic{grid-template-columns:repeat(2,1fr);gap:12px}.v92-sku-mosaic .square-ratio{height:300px}.v92-choice{padding-left:24px}.v92-choice-row{padding:17px 0;grid-template-columns:42px 1fr}.v92-choice-row span{font-size:11px}.v92-choice-row b{font-size:21px}.v92-choice-row small{font-size:13px;line-height:1.45}.v92-choice-note{margin-top:22px;padding:18px;border-radius:12px;font-size:17px;font-weight:760}.v92-status{font-size:11px;margin-top:12px}
.v92-review-layout{grid-template-columns:1.15fr .85fr;gap:38px}.v92-buyer-grid{grid-template-columns:1fr 1fr;gap:12px}.v92-buyer-grid .square-ratio{height:330px}.v92-insights article{padding:20px 0}.v92-insights span{font-size:12px}.v92-insights b{font-size:24px;line-height:1.35;margin-top:6px}
.v925-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v925-plan-card{border:1px solid var(--v925-line);border-radius:16px;overflow:hidden;background:#fff}.v925-plan-card .plan-ratio{height:300px}.v925-plan-body{padding:22px}.v925-plan-eyebrow{font-size:12px;color:var(--v925-blue);font-weight:800}.v925-plan-body h3{font-size:25px;line-height:1.25;margin:6px 0 14px;color:var(--v925-ink)}.v925-plan-body dl{margin:0}.v925-plan-body dl div{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--v925-line)}.v925-plan-body dt{font-size:12px;color:var(--v925-muted);font-weight:800}.v925-plan-body dd{margin:0;font-size:15px;color:var(--v925-ink);line-height:1.5}
.v92-footer{font-size:12px;padding:34px 0 54px}
@media(max-width:900px){.wrap{width:min(100% - 28px,1240px)}.v92-hero-grid,.v92-sku-layout,.v92-review-layout,.v925-detail-block,.v925-detail-block:nth-child(even){grid-template-columns:1fr}.v92-hero h1{font-size:38px}.v925-hero-claim{font-size:21px}.v92-summary3,.v924-title2,.v925-plan-grid{grid-template-columns:1fr}.v92-main-grid{grid-template-columns:1fr}.v925-main-card:nth-child(5){grid-column:auto;max-width:none}.v925-detail-block:nth-child(even) .visual{order:0}.v92-head h2{font-size:30px}.v92-head p{display:none}.v92-sku-mosaic{grid-template-columns:1fr 1fr}.v92-buyer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v92-hero h1{font-size:32px}.v925-hero-claim{font-size:19px}.v925-main-card .main-ratio,.v925-main-card:nth-child(5) .main-ratio{height:440px}.v925-detail-block .wide-ratio{min-height:400px}.v92-sku-mosaic .square-ratio,.v92-buyer-grid .square-ratio{height:220px}}
/* Evidence report view: detail proof chain, review visualizations, and full role outputs. */
.report-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--v92-line);backdrop-filter:blur(10px)}
.report-nav .wrap{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px}.report-nav a{color:var(--v92-muted);font-size:13px;text-decoration:none;margin-left:20px}.report-nav a:hover{color:var(--v92-blue)}.report-nav .brand{color:var(--v92-ink);font-weight:800;margin-left:0}
.report-hero{padding:62px 0 52px;border-bottom:1px solid var(--v92-line)}.report-kicker{color:var(--v92-blue);font-size:11px;font-weight:800;letter-spacing:.08em}.report-hero h1{margin:12px 0 14px;color:var(--v925-ink);font-size:46px;line-height:1.15}.report-hero p{max-width:760px;margin:0;color:var(--v92-text);font-size:20px;line-height:1.6}.hero-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;color:var(--v92-muted);font-size:13px}
.report-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:30px}.report-heading>span{color:var(--v92-blue);font-size:12px;font-weight:800;padding-top:7px}.report-heading h2{margin:0;color:var(--v925-ink);font-size:34px;line-height:1.2}.report-heading p{margin:7px 0 0;color:var(--v92-muted);font-size:13px}.report-section{padding:64px 0;border-bottom:1px solid var(--v92-line)}.lead-opinion{max-width:920px;margin:0 0 26px;color:var(--v925-ink);font-size:19px;line-height:1.6;font-weight:700}
.decision-grid,.plan-grid,.title-compare,.sku-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.decision-grid article,.title-compare article,.sku-grid article{padding:22px;border-top:2px solid var(--v925-ink);background:var(--v925-soft)}.decision-grid span,.title-compare span,.sku-grid span,.image-copy>span,.detail-proof-copy>span,.sample-strip span,.signal-card>span,.buyer-section header span,.topic-panel header span,.signal-panel header span{display:block;color:var(--v92-muted);font-size:12px;font-weight:750}.decision-grid h3,.title-compare b{display:block;margin:10px 0 0;color:var(--v925-ink);font-size:21px;line-height:1.4}.decision-grid p{margin:8px 0 0;color:var(--v92-text);line-height:1.55}.decision-grid ul{margin:12px 0 0;padding-left:18px;color:var(--v92-text);font-size:13px}.plan-grid{grid-template-columns:repeat(3,1fr)}.plan-grid article{padding:22px;border:1px solid var(--v92-line);background:#fff}.plan-grid article>span{color:var(--v92-blue);font-size:12px;font-weight:800}.plan-grid h3{margin:9px 0 10px;color:var(--v925-ink);font-size:22px;line-height:1.35}.plan-grid p{min-height:48px;margin:0;color:var(--v92-text);line-height:1.55}.plan-grid dl{margin:18px 0 0}.plan-grid dl div{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--v92-line)}.plan-grid dt{color:var(--v92-muted);font-size:12px;font-weight:800}.plan-grid dd{margin:0;color:var(--v925-ink);font-size:13px;line-height:1.5}
.current-title{padding:18px 20px;background:var(--v925-soft);color:var(--v925-ink);font-size:17px;line-height:1.55}.current-title span{display:block;margin-bottom:5px;color:var(--v92-muted);font-size:12px}.title-compare{margin-top:18px;grid-template-columns:1fr 1fr}.evidence-drawer{margin-top:22px;border-top:1px solid var(--v92-line)}.evidence-drawer summary{cursor:pointer;padding:16px 0;color:var(--v92-blue);font-size:13px;font-weight:800}.evidence-drawer ol{margin:0 0 18px;padding-left:22px;color:var(--v92-text);line-height:1.8}
.main-analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 22px}.main-analysis-grid>article{min-width:0}.report-figure{margin:0;overflow:hidden;border-radius:10px;background:var(--v925-soft)}.report-figure img{display:block;width:100%;height:100%;min-height:220px;object-fit:contain}.main-analysis-grid .report-figure{height:460px}.report-figure figcaption{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;color:var(--v92-text);font-size:12px}.report-figure figcaption small{color:var(--v92-muted)}.image-copy{padding:14px 2px}.image-copy h3{margin:5px 0 8px;color:var(--v925-ink);font-size:23px}.image-copy b{display:block;color:var(--v925-ink);font-size:16px;line-height:1.5}.image-copy p{margin:8px 0;color:var(--v92-text);line-height:1.5}.image-copy em{display:block;margin-top:10px;color:var(--v92-blue);font-style:normal;font-size:13px;font-weight:800}
.detail-sequence{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px}.detail-sequence span{padding:8px 11px;border-radius:999px;background:var(--v925-blue-soft);color:var(--v92-blue);font-size:12px;font-weight:800}.detail-proof-list{display:grid;gap:48px}.detail-proof-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:34px;align-items:center}.detail-proof-media{position:relative}.detail-proof-media .report-figure{height:430px}.image-source-badge{position:absolute;left:12px;top:12px;padding:5px 8px;border-radius:4px;background:rgba(20,27,36,.78);color:#fff;font-size:11px}.detail-proof-copy h3{margin:7px 0 12px;color:var(--v925-ink);font-size:29px}.detail-proof-copy>b{display:block;color:var(--v925-ink);font-size:18px;line-height:1.55}.detail-proof-copy>p{margin:10px 0;color:var(--v92-text);line-height:1.6}.next-action{margin-top:18px;padding:14px 16px;background:var(--v925-blue-soft);border-left:3px solid var(--v92-blue);color:var(--v92-blue);font-size:14px;line-height:1.5;font-weight:700}.next-action small{display:block;margin-bottom:4px;font-size:11px;color:var(--v92-muted)}.drawer-note{margin:0 0 14px;color:var(--v92-muted);font-size:12px}.evidence-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.evidence-gallery .report-figure{height:180px}.evidence-gallery figcaption{font-size:10px}
.sku-grid{grid-template-columns:1fr 1fr}.sku-grid article h3{margin:8px 0 0;color:var(--v925-ink);font-size:18px;line-height:1.5}.action-banner{display:flex;gap:18px;align-items:baseline;margin-top:20px;padding:17px 20px;background:var(--v925-blue-soft);border-left:3px solid var(--v92-blue)}.action-banner span{color:var(--v92-muted);font-size:12px}.action-banner b{color:var(--v92-blue);font-size:15px}
.sample-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 30px}.sample-strip article{padding:17px;border:1px solid var(--v92-line);background:var(--v925-soft)}.sample-strip article.limited{border-color:#d7b47c;background:#fffaf1}.sample-strip b{display:block;margin-top:8px;color:var(--v925-ink);font-size:20px;line-height:1.35}.sample-strip .limited b{color:#9a6a2b;font-size:14px}.review-visual-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.topic-panel,.signal-panel{border-top:2px solid var(--v925-ink);padding-top:16px}.topic-panel header,.signal-panel header,.buyer-section>header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.topic-panel h3,.signal-panel h3,.buyer-section h3{margin:5px 0 0;color:var(--v925-ink);font-size:20px}.topic-panel header small{color:var(--v92-muted);font-size:11px}.topic-bars{margin-top:18px}.topic-row{display:grid;grid-template-columns:106px minmax(80px,1fr) 45px 52px;gap:10px;align-items:center;margin:13px 0}.topic-row>span{color:var(--v92-text);font-size:12px}.topic-track{height:10px;overflow:hidden;background:#edf1f4;border-radius:99px}.topic-track i{display:block;height:100%;background:var(--v92-blue);border-radius:inherit}.topic-row b{color:var(--v925-ink);font-size:12px;text-align:right}.topic-row em{color:var(--v92-muted);font-size:11px;font-style:normal;text-align:right}.signal-panel{padding-left:22px;border-left:1px solid var(--v92-line);border-top:0}.signal-card{padding:15px 0;border-bottom:1px solid var(--v92-line)}.signal-card h4{margin:5px 0 6px;color:var(--v925-ink);font-size:17px;line-height:1.45}.signal-card small{color:var(--v92-muted);font-size:11px}.buyer-section{margin-top:44px;padding-top:24px;border-top:1px solid var(--v92-line)}.buyer-story{margin-top:18px;padding:16px;border:1px solid var(--v92-line)}.buyer-story-head{display:flex;justify-content:space-between;gap:10px;color:var(--v92-blue);font-size:12px;font-weight:800}.buyer-story-head small{color:var(--v92-muted);font-weight:400}.buyer-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.buyer-photo-grid .report-figure{height:180px}.buyer-story blockquote{margin:14px 0 0;padding:12px 14px;background:var(--v925-soft);color:var(--v925-ink);font-size:15px;line-height:1.55}.buyer-story>p{margin:12px 0 0;color:var(--v92-muted);font-size:12px}
.role-list{display:grid;gap:12px}.role-block{border:1px solid var(--v92-line);background:#fff}.role-block summary{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;cursor:pointer;padding:17px 20px;list-style:none}.role-block summary::-webkit-details-marker{display:none}.role-block summary>span{color:var(--v92-blue);font-size:12px;font-weight:800}.role-block summary h3{margin:0;color:var(--v925-ink);font-size:17px}.role-block summary p{margin:4px 0 0;color:var(--v92-muted);font-size:12px}.role-block summary>b{color:var(--v92-blue);font-size:11px}.role-content{padding:0 20px 22px;border-top:1px solid var(--v92-line)}.structured-object{display:grid;gap:12px}.structured-field{padding-top:12px;border-top:1px solid var(--v92-line)}.structured-field>span{display:block;margin-bottom:4px;color:var(--v92-muted);font-size:11px;font-weight:800}.structured-field p{margin:0;color:var(--v92-text);line-height:1.55}.structured-field ul{margin:6px 0 0;padding-left:20px;color:var(--v92-text);line-height:1.6}.structured-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.structured-list>article{padding:13px;background:var(--v925-soft)}.structured-list .structured-field{border-top:0;padding-top:0}.evidence-field code{display:inline-block;margin:2px 4px 2px 0;padding:2px 5px;background:var(--v925-blue-soft);color:var(--v92-blue);font-size:10px}.compact-field{display:inline-block;margin-right:20px}.compact-field b{color:var(--v92-blue)}.muted,.empty-state{color:var(--v92-muted);font-size:13px}.empty-state{padding:18px;background:var(--v925-soft)}.report-image-missing{display:grid;place-items:center;height:100%;min-height:220px;color:var(--v92-muted);background:var(--v925-soft);font-size:12px}.report-footer{padding:28px 0 46px;color:var(--v92-muted);font-size:12px}.report-footer b{color:var(--v925-ink)}.report-error{max-width:720px;margin:100px auto;padding:30px}.report-error h1{color:var(--v925-ink)}
@media(max-width:900px){.report-nav .wrap{padding:0 20px}.report-nav a{margin-left:12px}.report-hero h1{font-size:36px}.report-hero p{font-size:17px}.report-section{padding:46px 0}.report-heading h2{font-size:28px}.decision-grid,.plan-grid,.main-analysis-grid,.review-visual-grid{grid-template-columns:1fr 1fr}.detail-proof-row{grid-template-columns:1fr}.detail-proof-copy{padding:0 4px}.signal-panel{padding-left:0;border-left:0;border-top:1px solid var(--v92-line);padding-top:20px}.sample-strip{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.report-nav .wrap{min-height:52px}.report-nav .brand{font-size:12px}.report-nav>div>div{overflow:auto;white-space:nowrap}.report-nav a{font-size:11px;margin-left:9px}.report-hero{padding:42px 0 34px}.report-hero h1{font-size:30px}.report-hero p{font-size:16px}.hero-meta{gap:10px;font-size:11px}.report-heading{margin-bottom:22px}.report-heading h2{font-size:25px}.lead-opinion{font-size:17px}.decision-grid,.plan-grid,.title-compare,.main-analysis-grid,.sample-strip,.review-visual-grid,.sku-grid{grid-template-columns:1fr}.main-analysis-grid .report-figure,.detail-proof-media .report-figure{height:340px}.evidence-gallery{grid-template-columns:repeat(2,1fr)}.evidence-gallery .report-figure,.buyer-photo-grid .report-figure{height:150px}.buyer-photo-grid{grid-template-columns:repeat(2,1fr)}.topic-row{grid-template-columns:94px minmax(60px,1fr) 38px 46px;gap:6px}.role-block summary{grid-template-columns:28px 1fr}.role-block summary>b{display:none}.structured-list{grid-template-columns:1fr}}
/* Compact detail proof cards: keep every conclusion bound to its image without a long page. */
.detail-proof-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.detail-proof-row{display:block;min-width:0;overflow:hidden;border:1px solid var(--v92-line);border-radius:12px;background:#fff}
.detail-proof-media .report-figure{height:260px;border-radius:0}
.detail-proof-copy{padding:17px 18px 18px}
.detail-proof-copy h3{margin:5px 0 8px;font-size:23px}
.detail-proof-copy>b{font-size:15px;line-height:1.5}
.detail-proof-copy>p{margin:7px 0 0;font-size:13px;line-height:1.5}
.next-action{margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.45}
.next-action small{display:inline;margin:0 8px 0 0;font-size:10px}
@media(max-width:900px){.detail-proof-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-proof-media .report-figure{height:220px}.detail-proof-copy{padding:14px 15px 15px}.detail-proof-copy h3{font-size:20px}.detail-proof-copy>b{font-size:14px}.detail-proof-copy>p{font-size:12px}.next-action{padding:9px 10px;font-size:12px}}
@media(max-width:560px){.detail-proof-list{grid-template-columns:1fr}.detail-proof-media .report-figure{height:250px}.detail-proof-copy h3{font-size:21px}}
/* Compact main-image analysis: portrait assets and their conclusions share one card. */
.main-analysis-grid{gap:18px}
.main-analysis-grid>article{display:grid;grid-template-columns:minmax(190px,.78fr) minmax(0,1.22fr);overflow:hidden;border:1px solid var(--v92-line);border-radius:12px;background:#fff}
.main-analysis-grid .report-figure{display:grid;grid-template-rows:minmax(0,1fr) auto;height:310px;border-radius:0}
.main-analysis-grid .report-figure img{min-height:0}
.main-analysis-grid .image-copy{align-self:center;padding:18px}
.main-analysis-grid .image-copy h3{font-size:21px}
.main-analysis-grid .image-copy b{font-size:14px}
.main-analysis-grid .image-copy p{font-size:12px}
@media(max-width:900px){.main-analysis-grid{grid-template-columns:1fr}.main-analysis-grid>article{grid-template-columns:190px minmax(0,1fr)}.main-analysis-grid .report-figure{height:270px}.main-analysis-grid .image-copy{padding:15px}}
@media(max-width:560px){.main-analysis-grid>article{grid-template-columns:140px minmax(0,1fr)}.main-analysis-grid .report-figure{height:245px}.main-analysis-grid .image-copy{padding:12px}.main-analysis-grid .image-copy h3{font-size:18px}.main-analysis-grid .image-copy b{font-size:13px}.main-analysis-grid .image-copy p{display:none}}
/* Review issue insights: frequency becomes an actionable product diagnosis. */
.problem-section{margin-top:42px;padding-top:24px;border-top:1px solid var(--v92-line)}
.problem-section>header{margin-bottom:16px}.problem-section>header span{color:var(--v92-muted);font-size:12px;font-weight:800}.problem-section h3{margin:5px 0 0;color:var(--v925-ink);font-size:20px}.problem-section>header p{margin:5px 0 0;color:var(--v92-muted);font-size:12px}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.problem-card{padding:15px 16px;border:1px solid var(--v92-line);border-top:3px solid #c38a43;background:#fff}.problem-card.gap{border-top-color:#b87953}.problem-card.question{border-top-color:var(--v92-blue)}
.problem-card>span{color:var(--v92-muted);font-size:11px;font-weight:800}.problem-card h4{margin:6px 0 9px;color:var(--v925-ink);font-size:16px;line-height:1.45}.problem-card p{margin:5px 0;color:var(--v92-text);font-size:12px;line-height:1.5}.problem-card p b{color:var(--v92-muted);font-size:11px}.problem-card small{display:block;margin-top:10px;color:var(--v92-muted);font-size:10px}
@media(max-width:900px){.problem-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.problem-grid{grid-template-columns:1fr}}
/* Deterministic detail sequence: one semantic axis, one visual rule. */
.sequence-rule{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.sequence-rule>span{color:var(--v92-blue);font-size:11px;font-weight:800}.sequence-rule>b{color:var(--v925-ink);font-size:13px}.sequence-rule>small{margin-left:auto;color:var(--v92-muted);font-size:10px}
.detail-sequence{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:0;margin:0 0 24px;border:1px solid var(--v92-line);border-radius:10px;overflow:hidden;background:#fff}
.detail-sequence span{display:grid;grid-template-columns:28px 1fr;gap:1px 7px;align-items:center;min-width:0;padding:11px 12px;border-radius:0;border-right:1px solid var(--v92-line);background:#fff;color:var(--v925-ink)}
.detail-sequence span:last-child{border-right:0}.detail-sequence span i{grid-row:1/3;color:var(--v92-blue);font-size:11px;font-style:normal;font-weight:800}.detail-sequence span b{font-size:12px;line-height:1.3}.detail-sequence span small{overflow:hidden;color:var(--v92-muted);font-size:10px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.sequence-rule{align-items:flex-start;flex-wrap:wrap}.sequence-rule>small{width:100%;margin-left:0}.detail-sequence{grid-template-columns:repeat(3,1fr)}.detail-sequence span:nth-child(3n){border-right:0}.detail-sequence span:nth-child(n+4){border-top:1px solid var(--v92-line)}}
@media(max-width:560px){.detail-sequence{grid-template-columns:1fr 1fr}.detail-sequence span:nth-child(3n){border-right:1px solid var(--v92-line)}.detail-sequence span:nth-child(2n){border-right:0}.detail-sequence span:nth-child(n+3){border-top:1px solid var(--v92-line)}}
/* Report cover: the declared coverImageId is always a product main image. */
.hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:48px;align-items:center}.hero-copy{min-width:0}.hero-product{display:grid;grid-template-rows:minmax(0,1fr) auto;height:390px;margin:0;overflow:hidden;border-radius:14px;background:var(--v925-soft)}.hero-product img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.hero-product figcaption{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;background:#fff;color:var(--v92-muted);font-size:11px}.hero-product figcaption small{font-size:10px}.hero-product-empty{place-items:center;color:var(--v92-muted);font-size:12px}
@media(max-width:900px){.hero-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);gap:24px}.hero-product{height:320px}.report-hero h1{font-size:32px}}
@media(max-width:700px){.hero-layout{grid-template-columns:1fr}.hero-product{height:340px}.report-hero{padding-bottom:28px}}
@media(max-width:560px){.hero-product{height:300px}}
/* Product imagery fills every allocated visual frame. */
.report-app .report-figure img,.report-app .hero-product img{width:100%;height:100%;object-fit:cover!important;object-position:center top}
/* Full-screen main-image carousel with a seamless top navigation. */
.report-top{position:relative;background:#111}.report-top .report-nav{position:absolute;inset:0 0 auto;z-index:30;background:transparent;border:0;backdrop-filter:none}.report-top .report-nav .wrap{border-bottom:1px solid rgba(255,255,255,.28)}.report-top .report-nav a,.report-top .report-nav .brand{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35)}.report-top .report-nav a:hover{color:#dce9ff}
.report-hero.hero-carousel{position:relative;isolation:isolate;height:100svh;min-height:650px;padding:0;overflow:hidden;border:0;background:#111}.hero-slides,.hero-slide,.hero-shade{position:absolute;inset:0}.hero-slide{margin:0;opacity:0;transition:opacity .65s ease}.hero-slide.active{opacity:1}.hero-slide img{display:block;width:100%;height:100%;object-fit:cover!important;object-position:center center}.hero-slide figcaption{position:absolute;right:28px;top:76px;z-index:2;color:rgba(255,255,255,.78);font-size:10px}.hero-slide-empty{display:grid;place-items:center;color:#fff}.hero-shade{z-index:1;background:linear-gradient(180deg,rgba(7,15,25,.34) 0%,rgba(7,15,25,.03) 35%,rgba(7,15,25,.78) 100%);pointer-events:none}
.hero-overlay{position:relative;z-index:3;height:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:54px}.hero-carousel .hero-copy{max-width:780px}.hero-carousel .report-kicker{color:#dce9ff}.report-hero.hero-carousel h1{margin:10px 0 12px;color:#fff;font-size:52px;text-shadow:0 2px 22px rgba(0,0,0,.28)}.report-hero.hero-carousel p{color:rgba(255,255,255,.92);font-size:21px;text-shadow:0 1px 16px rgba(0,0,0,.32)}.hero-carousel .hero-meta{color:rgba(255,255,255,.78)}
.hero-carousel-ui{display:flex;align-items:center;gap:12px;flex:0 0 auto;padding-bottom:4px}.hero-carousel-ui>button{width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(0,0,0,.15);color:#fff;cursor:pointer;font-size:18px}.hero-carousel-ui>button:hover{background:rgba(255,255,255,.18)}.hero-dots{display:flex;gap:6px}.hero-dot{width:7px!important;height:7px!important;border:0!important;border-radius:50%;background:rgba(255,255,255,.45)!important}.hero-dot.active{width:22px!important;border-radius:10px;background:#fff!important}.hero-carousel-count{min-width:48px;color:#fff;font-size:11px;text-align:center}
@media(max-width:900px){.report-hero.hero-carousel h1{font-size:40px}.hero-overlay{padding-bottom:38px}.hero-carousel-ui{position:absolute;right:28px;bottom:38px}.hero-carousel .hero-copy{padding-right:170px}}
@media(max-width:700px){.report-top .report-nav .wrap{padding:0 20px}.report-hero.hero-carousel{height:100svh;min-height:620px}.hero-overlay{display:flex;padding:0 22px 28px}.hero-carousel .hero-copy{padding-right:0;padding-bottom:62px}.report-hero.hero-carousel h1{font-size:32px}.report-hero.hero-carousel p{font-size:16px}.hero-carousel-ui{left:22px;right:auto;bottom:28px}.hero-slide figcaption{right:18px;top:66px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
/* Main-image display correction: full bleed atmosphere plus an uncropped product image. */
.hero-slide .hero-slide-backdrop{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover!important;filter:blur(22px) saturate(.82);transform:scale(1.04);opacity:.78}
.hero-slide .hero-slide-product{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;object-position:center center;filter:none}
.report-app .report-figure,.report-app .hero-product,.main-analysis-grid>article,.detail-proof-row{border-radius:0!important}
/* Fanned-card hero gallery. */
.hero-slide .hero-slide-product{opacity:.2;filter:saturate(.8)}
.hero-deck{position:absolute;right:7%;top:50%;width:390px;height:500px;transform:translateY(-52%);z-index:5;pointer-events:none}
.hero-deck-card{position:absolute;left:50%;bottom:0;width:235px;height:380px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:0;background:#fff;box-shadow:0 24px 55px rgba(0,0,0,.32);transform-origin:50% 115%;transform:translateX(calc(-50% + var(--deck-x))) rotate(var(--deck-r));transition:transform .5s ease,filter .35s ease,opacity .35s ease;z-index:calc(var(--deck-index) + 1);cursor:pointer;pointer-events:auto}
.hero-deck-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.hero-deck-card span{position:absolute;left:10px;bottom:9px;padding:3px 6px;background:rgba(10,20,32,.74);color:#fff;font-size:10px;font-weight:800}.hero-deck-card.active{z-index:20;transform:translateX(calc(-50% + var(--deck-x))) translateY(-24px) rotate(0);box-shadow:0 30px 70px rgba(0,0,0,.45)}.hero-deck-card:not(.active){filter:saturate(.78) brightness(.9)}
.hero-carousel .hero-copy{position:relative;z-index:8;max-width:570px}.hero-carousel-ui{position:absolute;right:7%;bottom:38px;z-index:9}
/* Semantic color hierarchy shared by every report module. */
.report-section{--module-accent:var(--v92-blue);--module-soft:#f1f6ff}
#plan{--module-accent:#5968b0;--module-soft:#f3f3fb}#title,#main{--module-accent:#276bb5;--module-soft:#eef6ff}#detail,#sku{--module-accent:#087b78;--module-soft:#edf8f7}#review{--module-accent:#b37027;--module-soft:#fff7ec}#roles{--module-accent:#5d6875;--module-soft:#f4f6f8}
.report-section .report-heading>span{color:var(--module-accent)}.report-section .report-heading h2{position:relative}.report-section .report-heading h2:after{content:'';display:block;width:34px;height:3px;margin-top:9px;background:var(--module-accent)}
.report-section .lead-opinion{max-width:none;padding:16px 18px;border-left:4px solid var(--module-accent);background:var(--module-soft);font-size:17px}.report-section .decision-grid article,.report-section .title-compare article,.report-section .sku-grid article{border-top-color:var(--module-accent)}
.report-section .plan-grid article>span,.report-section .image-copy>span,.report-section .detail-proof-copy>span,.report-section .detail-sequence span i,.report-section .sequence-rule>span{color:var(--module-accent)}
.report-section .image-copy em,.report-section .next-action,.report-section .action-banner b{color:#276bc7}.report-section .next-action,.report-section .action-banner{border-left-color:#276bc7;background:#eef5ff}
.evidence-field code{background:#eaf7f5;color:#087b78}.sample-strip .complete{border-color:#78b7a9;background:#eff9f6}.sample-strip .limited,.problem-card{border-color:#dfbd8c}.problem-card{border-top-color:#b37027}
@media(max-width:1050px){.hero-deck{right:2%;width:330px}.hero-deck-card{width:205px;height:335px}.hero-carousel .hero-copy{max-width:500px}.hero-carousel-ui{right:3%}}
@media(max-width:800px){.hero-deck{right:0;top:38%;width:290px;height:330px}.hero-deck-card{width:165px;height:265px}.hero-deck-card.active{transform:translateX(calc(-50% + var(--deck-x))) translateY(-15px) rotate(0)}.hero-carousel .hero-copy{max-width:none;padding:0 0 78px}.hero-overlay{align-items:flex-end}.hero-carousel-ui{left:22px;right:auto;bottom:24px}}
@media(max-width:560px){.hero-deck{top:36%;left:50%;right:auto;width:250px;height:285px;transform:translate(-50%,-50%)}.hero-deck-card{width:145px;height:230px}.hero-deck-card.active{transform:translateX(calc(-50% + var(--deck-x))) translateY(-12px) rotate(0)}.hero-carousel .hero-copy{padding-bottom:72px}.report-hero.hero-carousel h1{font-size:27px}.report-section .lead-opinion{padding:13px 14px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.hero-deck-card{transition:none}}
/* Complete-image rule: a full uncropped image over a filled atmospheric backdrop. */
.report-figure{position:relative}.report-image-stage{position:relative;display:block;width:100%;height:100%;min-height:0;overflow:hidden;background:#eef1f2}.report-app .report-figure img.report-image-backdrop{position:absolute;inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px);min-height:0;object-fit:cover!important;object-position:center;filter:blur(16px) saturate(.75);transform:scale(1.05);opacity:.48}.report-app .report-figure img.report-image-product{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:0;object-fit:contain!important;object-position:center}
.report-figure figcaption{position:relative;z-index:2;background:#fff}.main-analysis-grid .report-figure,.detail-proof-media .report-figure,.evidence-gallery .report-figure,.buyer-photo-grid .report-figure{display:grid;grid-template-rows:minmax(0,1fr) auto}.main-analysis-grid .report-image-stage,.detail-proof-media .report-image-stage,.evidence-gallery .report-image-stage,.buyer-photo-grid .report-image-stage{min-height:0}
/* Primary header action. */
.report-nav-actions{display:flex;align-items:center;gap:0}.report-top .report-nav .quick-product-btn{display:inline-flex;align-items:center;gap:12px;margin-left:22px;padding:9px 14px;background:#276bc7;color:#fff;border:1px solid #4d89db;text-shadow:none;font-weight:800}.report-top .report-nav .quick-product-btn:hover{background:#1f59a8;color:#fff}.quick-product-btn span{font-size:15px;line-height:1}
@media(max-width:700px){.report-top .report-nav .quick-product-btn{margin-left:10px;padding:7px 10px}.report-top .report-nav .quick-product-btn span{display:none}}
@media(max-width:560px){.report-nav-actions>a:not(.quick-product-btn){display:none}.report-top .report-nav .quick-product-btn{margin-left:0;font-size:11px}}
/* Clean complete-image mode: one source image, no blurred duplicate, no crop. */
.hero-slide .hero-slide-backdrop,.report-image-backdrop{display:none!important}.hero-slide .hero-slide-product{opacity:1;filter:none;object-fit:contain!important;object-position:center}.hero-deck-card img{box-sizing:border-box;padding:5px;object-fit:contain!important;object-position:center;background:#f3f4f2}.report-image-stage{background:#f3f4f2}.report-app .report-figure img.report-image-product{object-fit:contain!important;object-position:center}
.report-top,.report-hero.hero-carousel{background:#171b20}.hero-shade{background:linear-gradient(180deg,rgba(7,15,25,.12) 0%,rgba(7,15,25,0) 48%,rgba(7,15,25,.82) 100%)}
.report-section{padding:52px 0}.report-heading{margin-bottom:24px}.report-heading p{margin-top:5px}.report-section .lead-opinion{margin-bottom:20px;padding:13px 15px;font-size:16px}.decision-grid,.plan-grid{gap:14px}.detail-sequence{margin-bottom:18px}.detail-proof-list{gap:14px}.buyer-section,.problem-section{margin-top:32px;padding-top:20px}.role-list{gap:8px}
@media(max-width:700px){.report-section{padding:40px 0}.report-heading{margin-bottom:18px}.report-section .lead-opinion{margin-bottom:16px}}
/* Quick-product plan area and actionable generation controls. */
#plan{background:linear-gradient(180deg,#f2f5ff 0%,#f7f9ff 100%)}#plan .plan-grid article{display:flex;flex-direction:column;background:rgba(255,255,255,.9);border:0;border-top:4px solid #416fc0;box-shadow:0 10px 30px rgba(44,65,105,.08)}#plan .plan-card.plan-upgrade{border-top-color:#16857f}#plan .plan-card.plan-explore{border-top-color:#7662ba}#plan .plan-card>span{color:#416fc0}#plan .plan-upgrade>span{color:#16857f}#plan .plan-explore>span{color:#7662ba}#plan .plan-card dl{flex:1}
.generate-plan-btn{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:18px;padding:13px 15px;border:0;background:#316dcc;color:#fff;font-size:13px;font-weight:800;cursor:pointer}.generate-plan-btn:hover{background:#255aa9}.plan-upgrade .generate-plan-btn{background:#16857f}.plan-upgrade .generate-plan-btn:hover{background:#0d6c67}.plan-explore .generate-plan-btn{background:#6d5ab1}.plan-explore .generate-plan-btn:hover{background:#574694}.generate-plan-btn span{font-size:17px}
.quick-plan-dialog{width:min(620px,calc(100% - 32px));padding:28px;border:0;border-top:5px solid #316dcc;border-radius:0;box-shadow:0 30px 90px rgba(12,24,42,.28);color:var(--v92-text)}.quick-plan-dialog::backdrop{background:rgba(10,18,30,.58);backdrop-filter:blur(4px)}.quick-plan-dialog>span{color:#316dcc;font-size:10px;font-weight:800;letter-spacing:.08em}.quick-plan-dialog h2{margin:7px 38px 8px 0;color:var(--v925-ink);font-size:28px}.quick-plan-dialog>p{margin:0 0 18px;color:var(--v92-muted);line-height:1.55}.quick-plan-dialog dl{margin:0}.quick-plan-dialog dl div{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:13px 0;border-top:1px solid var(--v92-line)}.quick-plan-dialog dt{color:var(--v92-muted);font-size:12px;font-weight:800}.quick-plan-dialog dd{margin:0;color:var(--v925-ink);line-height:1.55}.dialog-close{position:absolute;right:18px;top:16px;width:32px;height:32px;border:0;background:#eef2f6;color:var(--v925-ink);cursor:pointer;font-size:20px}
.image-generation-panel{margin-top:22px;padding:18px;background:#f3f7fb;border:1px solid #d6e1ee}.image-generation-panel header span{display:block;font-size:10px;color:#316dcc;font-weight:800;letter-spacing:.08em}.image-generation-panel h3{margin:6px 0;font-size:20px;color:var(--v925-ink)}.image-generation-panel header p{margin:0;color:var(--v92-muted);font-size:12px;line-height:1.55}.image-generation-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:16px 0}.image-generation-controls label{font-size:12px;color:var(--v92-text);font-weight:700}.image-generation-controls input{accent-color:#316dcc}.image-generation-controls select{margin-left:4px;padding:5px 8px;border:1px solid #c6d4e2;background:#fff}.generate-images-btn{width:100%;padding:12px;border:0;background:#316dcc;color:#fff;font-weight:800;cursor:pointer}.generate-images-btn:disabled{opacity:.55;cursor:wait}.image-generation-status{min-height:18px;margin:10px 0 0;color:#316dcc;font-size:12px;line-height:1.5}.generated-image-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.generated-image-results:empty{display:none}.generated-image-results figure{margin:0;background:#fff;border:1px solid #d6e1ee}.generated-image-results img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}.generated-image-results figcaption{padding:6px 7px;font-size:10px;color:var(--v92-muted);line-height:1.4}.generated-image-results a{color:#316dcc}.prompt-preview{margin-top:12px;border-top:1px solid #d6e1ee;padding-top:10px}.prompt-preview summary{cursor:pointer;color:#316dcc;font-size:12px;font-weight:800}.prompt-preview pre{max-height:260px;overflow:auto;white-space:pre-wrap;margin:10px 0 0;padding:10px;background:#fff;border:1px solid #d6e1ee;color:#4f5b68;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
.image-model-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:11px 12px;border:1px solid #d6e1ee;background:#fff}.image-model-controls>b{color:#20313a;font-size:12px}.image-model-controls label{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #cbd8e4;background:#f7fafc;color:#314253;font-size:11px;font-weight:800;cursor:pointer}.image-model-controls label:has(input[data-image-model]:checked){border-color:#316dcc;background:#edf4ff;color:#1f5dab}.image-model-controls input{accent-color:#316dcc}.image-model-option-name{display:flex;min-width:120px;flex-direction:column;gap:1px}.image-model-option-name b{font-size:11px}.image-model-option-name small{color:#718092;font-size:9px;font-weight:500}.image-model-controls select{min-width:104px;padding:5px 7px;border:1px solid #c6d4e2;background:#fff;color:#314253;font-size:10px}.image-model-hint,.image-model-loading{color:#718092;font-size:11px;line-height:1.4}
.reference-upload{margin-top:20px;padding:16px;border:1px solid #d6e1ee;background:#fff}.reference-upload header{display:flex;justify-content:space-between;align-items:center}.reference-upload header b{color:var(--v925-ink);font-size:14px}.reference-upload header span,.reference-upload p{color:var(--v92-muted);font-size:11px}.reference-list{display:flex;gap:8px;overflow-x:auto;margin:12px 0}.reference-list:empty{display:none}.reference-list figure{position:relative;flex:0 0 92px;margin:0;border:1px solid #d6e1ee;background:#f4f6f8}.reference-list img{display:block;width:92px;height:92px;object-fit:contain}.reference-list button{position:absolute;right:3px;top:3px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(20,28,38,.78);color:#fff;cursor:pointer}.reference-upload-btn{display:inline-flex;padding:9px 12px;border:1px dashed #75a8d9;color:#316dcc;font-size:12px;font-weight:800;cursor:pointer}.reference-upload-btn input{display:none}.reference-upload p{margin:9px 0 0;line-height:1.45}
@media(max-width:700px){#plan .plan-grid{grid-template-columns:1fr}.quick-plan-dialog{padding:22px}.quick-plan-dialog h2{font-size:23px}.quick-plan-dialog dl div{grid-template-columns:1fr;gap:4px}}
@media(max-width:520px){.generated-image-results{grid-template-columns:repeat(2,minmax(0,1fr))}.image-generation-controls{gap:10px}}
.quick-plan-dialog{box-sizing:border-box;width:min(1240px,calc(100% - 32px));max-height:calc(100vh - 32px);padding:30px 34px;overflow:auto}
.product-brief>span{color:#316dcc;font-size:10px;font-weight:800;letter-spacing:.08em}.product-brief>p{margin:0 0 18px;color:var(--v92-muted);line-height:1.55}
.dialog-close{position:sticky;z-index:5;float:right;right:0;top:0;width:38px;height:38px;font-size:24px;line-height:1}.dialog-close:hover{background:#d9e4f0}
.generated-image-results{display:block;margin-top:18px}.generation-task-row+.generation-task-row{margin-top:26px}.generation-task-row>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:11px}.generation-task-row>header span{color:#6f7b89;font-size:9px;font-weight:800;letter-spacing:.08em}.generation-task-row>header h3{margin:3px 0 0;font-size:16px}.generation-task-row>header b{color:#316dcc;font-size:12px}.generation-task-track{display:flex;gap:14px;overflow-x:auto;padding:3px 3px 14px;scroll-snap-type:x mandatory}.generation-task-card{flex:0 0 calc((100% - 56px)/5);min-width:0;background:#fff;border:1px solid #d6e1ee;scroll-snap-align:start}.generation-task-media{position:relative;background:#edf2f7;overflow:hidden}.generation-task-media img,.generation-task-placeholder{display:flex;width:100%;aspect-ratio:1/1;align-items:center;justify-content:center;object-fit:contain}.generation-task-placeholder{flex-direction:column;color:#9aa7b5;background:linear-gradient(135deg,#f7f9fb,#e8eef5)}.generation-task-row:nth-child(2) .generation-task-media img,.generation-task-row:nth-child(2) .generation-task-placeholder{aspect-ratio:2/3}.generation-task-placeholder span{font-size:9px;font-weight:800;letter-spacing:.12em}.generation-task-placeholder b{margin-top:4px;font-size:25px}.generation-task-media i{position:absolute;left:9px;top:9px;z-index:4;padding:4px 7px;background:rgba(37,51,68,.82);color:#fff;font-size:10px;font-style:normal;pointer-events:none}.generation-task-generating{border-color:#316dcc;box-shadow:0 0 0 2px rgba(49,109,204,.12)}.generation-task-generating .generation-task-media i{background:#316dcc}.generation-task-complete .generation-task-media i{background:#16857f}.generation-task-error{border-color:#c84242}.generation-task-error .generation-task-media i{background:#c84242}.generation-task-overlay{position:absolute;inset:auto 0 0;z-index:3;box-sizing:border-box;padding:42px 12px 12px;color:#fff;background:linear-gradient(180deg,rgba(13,27,44,0) 0%,rgba(13,27,44,.78) 38%,rgba(13,27,44,.94) 100%);transition:opacity .16s ease,transform .16s ease}.generation-task-complete .generation-task-overlay{opacity:0;transform:translateY(10px);pointer-events:none}.generation-task-complete:hover .generation-task-overlay,.generation-task-complete:focus-within .generation-task-overlay{opacity:1;transform:translateY(0);pointer-events:auto}.generation-task-overlay small{color:rgba(235,243,252,.82);font-size:9px;font-weight:850;letter-spacing:.08em}.generation-task-overlay h4{margin:3px 0 0;color:#fff;font-size:14px;line-height:1.28}.generation-task-overlay p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0 0;color:rgba(241,246,252,.82);font-size:10px;line-height:1.45}.generation-slot-select{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 7px;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.15);color:#fff;font-size:11px;font-weight:850;cursor:pointer}.generation-slot-select input{accent-color:#4f8ee8}.generation-task-overlay .task-prompt{margin-top:8px;padding-top:0;border-top:0}.generation-task-overlay .task-prompt summary{display:inline-flex;padding:5px 7px;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.15);color:#fff;font-size:10px;font-weight:850;cursor:pointer}.generation-task-overlay .task-prompt[open]{position:absolute;inset:0;z-index:6;display:flex;box-sizing:border-box;flex-direction:column;margin:0;padding:12px;background:rgba(10,22,38,.96)}.generation-task-overlay .task-prompt[open] summary{flex:0 0 auto;background:rgba(255,255,255,.14)}.generation-task-overlay .task-prompt[open] pre{box-sizing:border-box;display:block;flex:1;min-height:0;width:100%;max-height:none;overflow:auto;margin:10px 0 0;padding:0;border:0;background:transparent;color:#edf5ff;white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
.generation-comparison-row{margin-top:22px}.generation-comparison-row>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.generation-comparison-row>header span{color:#6f7b89;font-size:9px;font-weight:800;letter-spacing:.08em}.generation-comparison-row>header h3{margin:3px 0 0;font-size:16px}.generation-comparison-row>header b{color:#316dcc;font-size:12px}.generation-comparison-table{display:grid;grid-template-columns:minmax(150px,1.1fr) repeat(var(--comparison-columns),minmax(180px,1fr));gap:1px;overflow-x:auto;background:#d6e1ee;border:1px solid #d6e1ee}.generation-comparison-corner,.generation-comparison-model,.generation-comparison-task,.generation-comparison-cell{min-width:0;background:#fff}.generation-comparison-corner,.generation-comparison-model{padding:11px 12px;color:#536170;font-size:11px;font-weight:850}.generation-comparison-model{display:flex;flex-direction:column;gap:2px;color:#1f5dab;background:#edf4ff;text-align:center}.generation-comparison-model small{color:#718092;font-size:9px;font-weight:600}.generation-comparison-task{display:flex;min-height:170px;flex-direction:column;justify-content:center;gap:4px;padding:12px}.generation-comparison-task small{color:#718092;font-size:9px;font-weight:800;letter-spacing:.08em}.generation-comparison-task strong{color:#20313a;font-size:12px;line-height:1.35}.generation-comparison-task .generation-slot-select{align-self:flex-start;margin-top:6px;padding:5px 7px;color:#316dcc;border:1px solid #b9cce3;background:#f4f8fd}.generation-comparison-cell{min-height:170px}.generation-comparison-cell>header{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:8px 9px;border-bottom:1px solid #e4ebf2}.generation-comparison-cell>header b{display:flex;min-width:0;flex-direction:column;overflow:hidden;color:#33475a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.generation-comparison-cell>header b small{overflow:hidden;color:#718092;font-size:9px;font-weight:600;text-overflow:ellipsis}.generation-comparison-cell>header i{flex:0 0 auto;color:#718092;font-size:9px;font-style:normal}.generation-comparison-media{background:#edf2f7}.generation-comparison-media img,.generation-comparison-media .generation-task-placeholder{display:flex;width:100%;aspect-ratio:1/1;align-items:center;justify-content:center;object-fit:contain}.generation-comparison-cell .generation-task-placeholder{flex-direction:column;color:#9aa7b5;background:linear-gradient(135deg,#f7f9fb,#e8eef5)}.generation-comparison-cell .generation-task-placeholder span{font-size:9px;font-weight:800;letter-spacing:.12em}.generation-comparison-cell .generation-task-placeholder b{margin-top:4px;font-size:25px}.generation-comparison-cell .generation-error{margin:7px 9px;font-size:10px;line-height:1.35}.generation-comparison-cell.generation-task-generating{box-shadow:inset 0 3px 0 #316dcc}.generation-comparison-cell.generation-task-complete{box-shadow:inset 0 3px 0 #16857f}.generation-comparison-cell.generation-task-error{box-shadow:inset 0 3px 0 #c84242}
@media(max-width:900px){.generation-task-track{display:flex;overflow-x:auto;padding-bottom:8px}.generation-task-card{flex:0 0 min(82vw,360px)}}
@media(max-width:700px){.quick-plan-dialog{width:calc(100% - 16px);max-height:calc(100vh - 16px);padding:20px}}
@media(max-width:520px){.generation-task-card{flex-basis:82vw}}
/* Clean white hero: no background image or overlay, larger complete-image card deck. */
.quick-plan-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:28px;align-items:stretch;margin-bottom:20px}.quick-plan-top .reference-upload{margin-top:0;display:flex;flex-direction:column;justify-content:center;min-height:210px}.reference-upload em{display:block;margin-top:10px;color:#718092;font-size:11px;font-style:normal;line-height:1.5}.task-prompt{margin-top:9px;padding-top:8px;border-top:1px solid #e2e8ef}.task-prompt summary{cursor:pointer;color:#316dcc;font-size:10px;font-weight:800}.task-prompt pre{box-sizing:border-box;width:100%;max-height:210px;overflow:auto;margin:7px 0 0;padding:8px;background:#f5f8fb;border:1px solid #e0e6ed;color:#536170;white-space:pre-wrap;overflow-wrap:anywhere;font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.prompt-preview{display:none!important}
@media(max-width:900px){.quick-plan-top{grid-template-columns:1fr;gap:14px}.quick-plan-top .reference-upload{min-height:0}}
.report-top,.report-hero.hero-carousel{background:#fff}.hero-slides,.hero-shade{display:none}.report-top .report-nav .wrap{border-bottom:1px solid #e6ebf0}.report-top .report-nav a{color:#687381;text-shadow:none}.report-top .report-nav .brand{color:#17202a;text-shadow:none}.report-top .report-nav a:hover{color:#276bc7}
.report-hero.hero-carousel{min-height:680px}.hero-overlay{align-items:center;padding-top:72px;padding-bottom:34px}.hero-carousel .hero-copy{max-width:510px;padding:0}.hero-carousel .report-kicker{color:#276bc7}.report-hero.hero-carousel h1{color:#17202a;text-shadow:none}.report-hero.hero-carousel p{color:#566270;text-shadow:none}.hero-carousel .hero-meta{color:#87919d}
.hero-deck{right:5%;top:51%;width:500px;height:570px}.hero-deck-card{width:290px;height:470px;border-color:#dfe5eb;box-shadow:0 22px 55px rgba(32,44,60,.18)}.hero-deck-card.active{box-shadow:0 28px 70px rgba(32,44,60,.24)}.hero-deck-card:not(.active){filter:saturate(.9) brightness(.97)}.hero-carousel-ui{right:6%;bottom:32px}.hero-carousel-ui>button{border-color:#9aa6b3;background:#fff;color:#27313d}.hero-carousel-ui>button:hover{background:#eef3f8}.hero-dot{background:#c4ccd5!important}.hero-dot.active{background:#276bc7!important}.hero-carousel-count{color:#566270}
.report-top .report-nav .quick-product-btn{border-radius:12px;background:#276bc7;color:#fff;text-shadow:none}.report-top .report-nav .quick-product-btn:hover{background:#1f59a8;color:#fff}
@media(max-width:1050px){.hero-deck{right:1%;width:410px;height:520px}.hero-deck-card{width:250px;height:405px}.hero-carousel .hero-copy{max-width:460px}}
@media(max-width:800px){.report-hero.hero-carousel{min-height:720px}.hero-overlay{align-items:flex-end;padding:64px 24px 34px}.hero-deck{top:38%;right:2%;width:340px;height:360px}.hero-deck-card{width:190px;height:305px}.hero-carousel .hero-copy{max-width:520px;padding-bottom:72px}.hero-carousel-ui{left:24px;right:auto;bottom:26px}}
@media(max-width:560px){.report-hero.hero-carousel{min-height:720px}.hero-deck{top:34%;left:50%;right:auto;width:280px;height:310px}.hero-deck-card{width:165px;height:260px}.hero-carousel .hero-copy{padding-bottom:70px}.report-top .report-nav .quick-product-btn{border-radius:10px}}
/* Unframed product imagery: preserve every source image without cropping or labels. */
.report-app .report-figure,
.report-app .report-image-stage,
.report-app .image-analysis figure,
.report-app .story-media,
.report-app .buyer-gallery figure,
.hero-deck-card{
border:0!important;
border-radius:0!important;
outline:0!important;
background:transparent!important;
box-shadow:none!important;
}
.hero-deck-card.active{box-shadow:none!important}
.hero-deck-card img{
padding:0!important;
background:transparent!important;
object-fit:contain!important;
object-position:center!important;
}
.report-app .report-image-stage{overflow:visible}
.report-app .report-figure img,
.report-app .report-image-product,
.report-app .image-analysis img,
.report-app .story-media img,
.report-app .buyer-gallery img,
.report-app .visual img{
max-width:100%;
object-fit:contain!important;
object-position:center!important;
background:transparent!important;
}
.main-analysis-grid .report-figure,
.detail-proof-media .report-figure,
.evidence-gallery .report-figure,
.buyer-photo-grid .report-figure{grid-template-rows:minmax(0,1fr)!important}
.image-source-badge,.hero-deck-card span,.report-figure figcaption,.hero-slide figcaption{display:none!important}
/* Refined alignment and interaction; reference accent: cyan to sky-blue. */
:root{--v925-reference-gradient:linear-gradient(100deg,#37dcc9 0%,#83c9ef 100%)}
#plan .plan-grid{align-items:stretch}
#plan .plan-card{
position:relative;
min-height:100%;
transition:transform .2s ease,box-shadow .2s ease;
}
#plan .plan-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(42,104,130,.12)}
#plan .plan-card:focus-within{box-shadow:0 0 0 3px rgba(55,220,201,.22),0 14px 34px rgba(42,104,130,.12)}
#plan .plan-card>span{
align-self:flex-start;
width:max-content;
max-width:100%;
padding:9px 13px;
background:#fff;
color:#111820!important;
border:1px solid #111820;
font-size:15px;
line-height:1.25;
}
#plan .generate-plan-btn,
.report-top .report-nav .quick-product-btn{
border-radius:10px;
background:var(--v925-reference-gradient);
color:#fff;
transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
#plan .generate-plan-btn:hover,
.report-top .report-nav .quick-product-btn:hover{
background:var(--v925-reference-gradient);
filter:saturate(1.08) brightness(.96);
box-shadow:0 8px 22px rgba(45,190,190,.2);
}
#plan .generate-plan-btn:active,
.report-top .report-nav .quick-product-btn:active{transform:translateY(1px);box-shadow:none}
#plan .generate-plan-btn:focus-visible,
.report-top .report-nav .quick-product-btn:focus-visible{outline:3px solid rgba(55,220,201,.3);outline-offset:3px}
.detail-proof-list{align-items:stretch}
.detail-proof-row{display:grid;grid-template-rows:260px minmax(0,1fr);height:100%}
.detail-proof-row:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:300px}
.detail-proof-copy{display:flex;min-height:0;flex-direction:column;align-items:flex-start}
.detail-proof-copy>span{
width:max-content;
max-width:100%;
padding:5px 9px;
background:var(--v925-reference-gradient);
color:#fff!important;
font-size:11px;
line-height:1.25;
}
.detail-proof-copy .next-action{width:100%;margin-top:auto;box-sizing:border-box}
.detail-proof-media,.detail-proof-media .report-figure,.detail-proof-media .report-image-stage{height:100%}
.detail-proof-media .report-image-stage,
.main-analysis-grid .report-image-stage,
.evidence-gallery .report-image-stage,
.buyer-photo-grid .report-image-stage{display:flex;align-items:flex-end;justify-content:center}
.detail-proof-media img,
.main-analysis-grid img,
.evidence-gallery img,
.buyer-photo-grid img{height:auto!important;max-height:100%;object-fit:contain!important}
.main-analysis-grid>article{align-items:stretch;transition:background-color .2s ease}
.main-analysis-grid>article:hover{background:#fbfefe}
.main-analysis-grid .image-copy{display:flex;flex-direction:column;justify-content:center;align-self:stretch}
.evidence-drawer summary{display:flex;align-items:center;gap:7px;transition:color .18s ease,background-color .18s ease}
.evidence-drawer summary::before{content:'›';display:inline-block;color:#21b9ba;font-size:18px;line-height:1;transform:rotate(0);transition:transform .18s ease}
.evidence-drawer[open] summary::before{transform:rotate(90deg)}
.evidence-drawer summary:hover{color:#18aeb1;background:linear-gradient(90deg,rgba(55,220,201,.08),transparent)}
@media(max-width:900px){.detail-proof-row{grid-template-rows:220px minmax(0,1fr)}.detail-proof-row:last-child:nth-child(odd){grid-template-rows:260px}}
@media(max-width:560px){.detail-proof-row,.detail-proof-row:last-child:nth-child(odd){grid-column:auto;grid-template-columns:1fr;grid-template-rows:250px minmax(0,1fr)}#plan .plan-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){#plan .plan-card,#plan .generate-plan-btn,.report-top .report-nav .quick-product-btn{transition:none}}
/* Seven-role analysis: decision-first hierarchy with evidence on demand. */
.role-block{--role-accent:#2aaeb1;--role-soft:#eefafa;border:1px solid #dfe7e9;background:#fff}
.role-productStrategy{--role-accent:#2477c8;--role-soft:#eef6ff}
.role-conversion{--role-accent:#1aa9a7;--role-soft:#edf9f8}
.role-consumerInsight{--role-accent:#c18432;--role-soft:#fff8ed}
.role-productSupply{--role-accent:#426db2;--role-soft:#f1f5fc}
.role-visualDesign{--role-accent:#8a67b5;--role-soft:#f7f2fb}
.role-executiveDecision{--role-accent:#198f78;--role-soft:#eef9f6}
.role-editorReview{--role-accent:#66717d;--role-soft:#f3f5f7}
.role-block>summary{position:relative;grid-template-columns:42px minmax(0,1fr) auto;padding:19px 20px;transition:background-color .18s ease}
.role-block>summary::after{content:'+';position:absolute;right:18px;top:50%;display:none;transform:translateY(-50%);color:var(--role-accent);font-size:21px;font-weight:400}
.role-block>summary:hover,.role-block[open]>summary{background:var(--role-soft)}
.role-block>summary>span{display:grid;width:28px;height:28px;place-items:center;background:var(--role-accent);color:#fff;border-radius:50%;font-size:10px}
.role-block>summary h3{font-size:19px}.role-block>summary>b{padding-right:4px;color:var(--role-accent);font-weight:700}
.role-content{padding:20px;border-top:1px solid #e3e9eb;background:#fbfcfc}
.role-conclusion{margin-bottom:14px;padding:17px 19px;border-left:4px solid var(--role-accent);background:var(--role-soft)}
.role-conclusion>span{display:block;margin-bottom:7px;color:var(--role-accent);font-size:11px;font-weight:850;letter-spacing:.04em}
.role-conclusion>p{margin:0;color:var(--v925-ink);font-size:17px;font-weight:750;line-height:1.65}
.role-section-list{display:grid;gap:8px}
.role-section{overflow:hidden;border:1px solid #e0e7e9;background:#fff}
.role-section>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;list-style:none;cursor:pointer}
.role-section>summary::-webkit-details-marker,.role-evidence>summary::-webkit-details-marker,.role-raw>summary::-webkit-details-marker{display:none}
.role-section>summary>span{color:var(--v925-ink);font-size:14px;font-weight:800}
.role-section>summary>b{color:var(--role-accent);font-size:11px;font-weight:750}
.role-section>summary::before{content:'›';color:var(--role-accent);font-size:19px;line-height:1;transition:transform .18s ease}
.role-section[open]>summary::before{transform:rotate(90deg)}
.role-section[open]>summary{background:var(--role-soft)}
.role-section-body{padding:4px 15px 16px}
.role-section-body>.structured-object>.structured-field:first-child{border-top:0}
.structured-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.structured-card{overflow:hidden;border:1px solid #e2e8ea;background:#fff!important;padding:0!important}
.structured-card>header{padding:10px 12px;background:var(--role-soft);border-left:3px solid var(--role-accent)}
.structured-card>header>span{color:var(--v925-ink);font-size:13px;font-weight:800}
.structured-card>.structured-object{padding:2px 12px 12px}
.structured-field{padding:10px 0 0;border-top:1px solid #edf0f1}
.structured-field>span{margin-bottom:5px;color:#7a858e;font-size:10px;letter-spacing:.02em}
.structured-field p{color:#35414b;font-size:13px;line-height:1.6}
.role-chip-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}
.role-chip-list>span{padding:5px 8px;background:var(--role-soft);color:#3d5059;font-size:11px;line-height:1.35}
.role-confidence{display:grid;grid-template-columns:auto minmax(70px,1fr) auto;gap:9px;align-items:center;padding-top:10px;border-top:1px solid #edf0f1;color:#7a858e;font-size:10px}
.role-confidence>i{height:5px;overflow:hidden;background:#e9eef0;border-radius:9px}.role-confidence>i>b{display:block;height:100%;background:var(--role-accent)}
.role-confidence>strong{color:var(--role-accent);font-size:10px}
.role-evidence,.role-raw{margin-top:10px;border-top:1px dashed #d9e1e4}
.role-evidence>summary,.role-raw>summary{display:flex;align-items:center;min-height:auto;padding:9px 0 0;color:#7a858e;font-size:10px;font-weight:750;cursor:pointer}
.role-evidence>summary::before,.role-raw>summary::before{content:'+';margin-right:6px;color:var(--role-accent);font-size:13px}
.role-evidence[open]>summary::before,.role-raw[open]>summary::before{content:'−'}
.role-evidence>div{padding-top:7px}.role-evidence code{display:inline-block;margin:2px 4px 2px 0;padding:3px 6px;background:#f0f4f5;color:#66737c;font-size:9px}
.role-raw>.structured-list,.role-raw>.structured-object{margin-top:9px}
.support-analysis-grid{display:grid;gap:10px}
.support-analysis-card{border:1px solid #dfe7e9;background:#fff}
.support-analysis-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;background:#f7fafb}
.support-analysis-card>summary::-webkit-details-marker{display:none}
.support-analysis-card>summary>span{color:#20313a;font-size:14px;font-weight:800}
.support-analysis-card>summary>b{color:#2774a8;font-size:11px}
.support-analysis-card>summary::before{content:'›';margin-right:4px;color:#22aeb0;font-size:19px;transition:transform .18s ease}
.support-analysis-card[open]>summary::before{transform:rotate(90deg)}
.support-analysis-body{padding:4px 16px 16px;border-top:1px solid #e4ecee}
@media(max-width:700px){.role-content{padding:12px}.role-block>summary{grid-template-columns:34px minmax(0,1fr);padding:15px}.role-block>summary>b{display:none}.role-block>summary::after{display:block}.role-conclusion{padding:14px}.role-conclusion>p{font-size:15px}.structured-list{grid-template-columns:1fr}.role-section-body{padding:2px 12px 13px}}
/* JSON report view */
.report-app .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.report-section{padding:42px 0;border-bottom:1px solid #e8ece7}
.report-section h2{margin:0 0 22px;font-size:28px}
.report-app .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.report-app .card{background:#fff;border:1px solid #e1e7e0;border-radius:14px;padding:18px;box-shadow:0 5px 18px #172b1a0b}
.report-app .card h3{margin:0 0 10px;font-size:17px}.report-app .card p{margin:7px 0;line-height:1.6}
.report-app .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}
.report-app figure{margin:0;background:#f4f7f3;border-radius:12px;overflow:hidden}.report-app figure img{width:100%;height:220px;object-fit:contain;display:block}.report-app figcaption{padding:7px 10px;font-size:12px;color:#647064}
/* Human-readable evidence references. */
.role-evidence>div.role-evidence-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:9px}
.role-evidence-item{display:grid;min-width:0;grid-template-columns:1fr;padding:10px;background:#f6f8f9}
.role-evidence-item.has-image{grid-template-columns:68px minmax(0,1fr);gap:10px;align-items:center}
.role-evidence-item>img{display:block;width:68px!important;height:68px!important;min-height:0!important;object-fit:contain!important;background:transparent!important}
.role-evidence-item>div{min-width:0}.role-evidence-item b{display:block;color:var(--role-accent);font-size:10px}
.role-evidence-item p{display:-webkit-box;overflow:hidden;margin:4px 0!important;color:#394650!important;font-size:11px!important;line-height:1.5!important;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.role-evidence-item code{display:block!important;width:max-content;max-width:100%;margin:5px 0 0!important;padding:0!important;background:transparent!important;color:#99a2a9!important;font-size:8px!important}
@media(max-width:700px){.role-evidence>div.role-evidence-list{grid-template-columns:1fr}.role-evidence-item.has-image{grid-template-columns:58px minmax(0,1fr)}.role-evidence-item>img{width:58px!important;height:58px!important}}
/* 审核失败仍输出报告时的非阻断提示 */
.report-audit-notice{margin-top:14px!important;padding:10px 12px;border-left:3px solid #d59b3f;background:#fff7e8;color:#805a20!important;font-size:13px!important;line-height:1.5!important;text-shadow:none!important}
/* Cover emphasis: give the evidence gallery more visual weight and make report status scannable. */
.hero-deck{right:3%;width:590px;height:650px}
.hero-deck-card{width:340px;height:550px}
.hero-carousel .hero-copy{max-width:560px}
.hero-meta{gap:12px;align-items:stretch}
.hero-stat{display:inline-flex;flex-direction:column;gap:3px;padding:9px 14px;border:1px solid #d9e1e8;background:#f7f9fb;color:#27313d;font-size:14px;line-height:1.2}
.hero-stat small{font-size:10px;color:#7a8794;letter-spacing:.03em}
.hero-stat b{font-size:16px;font-weight:750}
.hero-stat-status{border:2px solid #2c8a68;background:#eaf8f1;color:#145d43;box-shadow:0 5px 16px rgba(44,138,104,.14)}
.hero-stat-status small{color:#237454;font-weight:800}
.hero-stat-status b{font-size:20px;letter-spacing:.02em}
.buyer-story .case-scenario,.buyer-story .case-insight{margin:12px 0 0;color:var(--v92-text);font-size:13px;line-height:1.55}.buyer-story .case-scenario b,.buyer-story .case-insight b{display:inline-block;margin-right:8px;color:#a56520;font-size:11px}
@media(max-width:1050px){.hero-deck{right:0;width:470px;height:560px}.hero-deck-card{width:285px;height:460px}}
@media(max-width:800px){.hero-deck{width:380px;height:400px}.hero-deck-card{width:215px;height:340px}}
@media(max-width:560px){.hero-deck{width:300px;height:320px}.hero-deck-card{width:175px;height:275px}.hero-stat{padding:7px 10px}.hero-stat-status b{font-size:17px}}
.generation-history-section{background:#f5f8fb}.generation-history{display:grid;gap:14px}.generation-history-empty{margin:0;padding:22px;border:1px dashed #c8d5df;background:#fff;color:var(--v92-muted)}.generation-record{padding:20px;border:1px solid #dce5eb;background:#fff}.generation-record>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.generation-record>header span{display:block;color:#316dcc;font-size:10px;font-weight:850;letter-spacing:.08em}.generation-record h3{margin:5px 0;color:var(--v925-ink);font-size:20px}.generation-record header p{margin:0;color:var(--v92-muted);font-size:12px}.generation-record>small{display:block;margin-top:10px;color:#98a3ab;font-size:9px}.generation-record-policy{margin:10px 0 0;color:#316dcc;font-size:11px;line-height:1.45}.generation-status{padding:6px 9px;background:#eef3f8;color:#526579;font-size:11px;white-space:nowrap}.generation-status-complete{background:#e7f6ef;color:#187151}.generation-status-error,.generation-error{color:#ad3947}.generation-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:16px}.generation-thumbs a{display:block;border:1px solid #dce5eb;background:#f6f8fa}.generation-thumbs img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}.generation-error{font-size:12px}
@media(max-width:700px){.generation-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.generation-record>header{display:block}.generation-status{display:inline-block;margin-top:10px}}
@media(max-width:520px){.generation-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.report-footer-brand{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.report-footer-brand b{font-size:20px;color:var(--v92-blue)}.report-footer-brand span{font-size:11px;letter-spacing:.08em}
/* Reference previews: keep the source image complete inside a readable, stable frame. */
.reference-list{display:flex;gap:10px;overflow-x:auto}
.reference-list figure{flex:0 0 180px;width:180px;height:180px;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.report-app .reference-list figure img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center}
@media(max-width:900px){.reference-list figure{flex-basis:160px;width:160px;height:160px}}
@media(max-width:560px){.reference-list figure{flex-basis:140px;width:140px;height:140px}}
/* Reference hero layout: make the first product image the visual anchor and layer copy over it. */
.quick-plan-top .reference-upload{
position:relative;
display:block;
min-height:520px;
padding:0;
overflow:hidden;
background:#eef3f8;
}
.quick-plan-top .reference-upload::after{
content:'';
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
background:linear-gradient(180deg,rgba(13,27,43,.62) 0%,rgba(13,27,43,0) 24%,rgba(13,27,43,0) 54%,rgba(13,27,43,.76) 100%);
}
.quick-plan-top .reference-list{
position:absolute;
inset:0;
z-index:1;
display:block;
margin:0;
overflow:hidden;
}
.quick-plan-top .reference-list:empty{display:none}
.quick-plan-top .reference-list figure{
position:absolute;
inset:0;
width:auto;
height:auto;
min-width:0;
display:flex;
align-items:center;
justify-content:center;
border:0;
background:#eef3f8;
}
.quick-plan-top .reference-list figure:first-child{z-index:1}
.quick-plan-top .reference-list figure:not(:first-child){
inset:auto auto 18px 18px;
width:64px;
height:64px;
z-index:3;
border:2px solid rgba(255,255,255,.92);
box-shadow:0 5px 16px rgba(10,24,40,.2);
}
.quick-plan-top .reference-list figure:nth-child(3){left:90px}
.quick-plan-top .reference-list figure:nth-child(4){left:162px}
.quick-plan-top .reference-list figure:not(:first-child) button{width:18px;height:18px;right:-7px;top:-7px;font-size:13px}
.quick-plan-top .reference-list figure img{
display:block;
width:100%;
height:100%;
max-width:100%;
max-height:100%;
object-fit:contain!important;
object-position:center;
}
.quick-plan-top .reference-upload header{
position:absolute;
inset:0 0 auto;
z-index:4;
padding:20px 22px 48px;
align-items:center;
}
.quick-plan-top .reference-upload header b,
.quick-plan-top .reference-upload header span{
color:#fff;
text-shadow:0 1px 8px rgba(8,18,30,.38);
}
.quick-plan-top .reference-upload-btn{
position:absolute;
right:18px;
bottom:18px;
z-index:5;
border-color:rgba(255,255,255,.82);
background:rgba(255,255,255,.94);
box-shadow:0 6px 18px rgba(9,25,42,.16);
}
.quick-plan-top .reference-upload p{
position:absolute;
left:18px;
right:18px;
bottom:70px;
z-index:5;
margin:0;
color:#fff;
text-shadow:0 1px 8px rgba(8,18,30,.52);
}
.quick-plan-top .reference-upload em{
position:absolute;
left:18px;
right:190px;
bottom:18px;
z-index:5;
margin:0;
color:rgba(255,255,255,.9);
text-shadow:0 1px 8px rgba(8,18,30,.52);
}
@media(max-width:900px){
.quick-plan-top .reference-upload{min-height:460px}
}
@media(max-width:560px){
.quick-plan-top .reference-upload{min-height:400px}
.quick-plan-top .reference-upload header{padding:16px 16px 42px}
.quick-plan-top .reference-upload-btn{right:14px;bottom:14px}
.quick-plan-top .reference-upload p{left:14px;right:14px;bottom:62px}
.quick-plan-top .reference-upload em{left:14px;right:150px;bottom:14px;font-size:10px}
.quick-plan-top .reference-list figure:not(:first-child){left:14px;bottom:14px;width:54px;height:54px}
.quick-plan-top .reference-list figure:nth-child(3){left:76px}
.quick-plan-top .reference-list figure:nth-child(4){left:138px}
}
/* Generated image preview: every finished image can be inspected one by one. */
.generation-preview-btn{
display:block;
width:100%;
padding:0;
border:0;
background:transparent;
cursor:zoom-in;
}
.generation-preview-btn:focus-visible{
outline:2px solid #316dcc;
outline-offset:-2px;
}
.generation-thumbs button{
display:block;
width:100%;
padding:0;
border:1px solid #dce5eb;
background:#f6f8fa;
cursor:zoom-in;
}
.generation-thumbs button:focus-visible{
outline:2px solid #316dcc;
outline-offset:2px;
}
.image-preview-dialog{
width:min(1120px,calc(100% - 34px));
height:min(88vh,920px);
padding:0;
border:0;
background:#08111f;
color:#fff;
box-shadow:0 28px 90px rgba(0,0,0,.45);
}
.image-preview-dialog::backdrop{
background:rgba(5,10,18,.72);
backdrop-filter:blur(5px);
}
.image-preview-dialog figure{
display:grid;
grid-template-rows:minmax(0,1fr) auto;
width:100%;
height:100%;
margin:0;
}
.image-preview-dialog img{
display:block;
max-width:100%;
max-height:100%;
align-self:center;
justify-self:center;
object-fit:contain;
}
.image-preview-dialog figcaption{
display:flex;
justify-content:space-between;
gap:18px;
padding:12px 18px;
background:rgba(255,255,255,.08);
font-size:13px;
}
.image-preview-close,
.image-preview-nav{
position:absolute;
z-index:2;
border:0;
background:rgba(255,255,255,.13);
color:#fff;
cursor:pointer;
}
.image-preview-close{
right:12px;
top:12px;
width:38px;
height:38px;
font-size:26px;
}
.image-preview-nav{
top:50%;
width:46px;
height:70px;
transform:translateY(-50%);
font-size:48px;
line-height:1;
}
.image-preview-prev{left:12px}
.image-preview-next{right:12px}
.image-preview-close:hover,
.image-preview-nav:hover{
background:rgba(255,255,255,.24);
}
@media(max-width:560px){
.image-preview-dialog{width:calc(100% - 16px);height:82vh}
.image-preview-nav{width:38px;height:58px;font-size:40px}
.image-preview-dialog figcaption{padding:10px 12px;font-size:12px}
}
/* Unified rounded frame system: major containers 24px, compact controls 12px. */
.report-app .card,
.report-app figure,
.report-app .report-figure,
.report-app .image-analysis,
.report-app .image-analysis figure,
.report-app .buyer-gallery figure,
.hero-card,
.owner-card,
.buyer-evidence,
.buyer-review-group,
.param-card,
.product-conclusion,
.feature-card,
.insight-card,
.sku-status article,
.recommended-titles,
.loading-shell,
.loading-images figure,
.image-generation-panel,
.reference-upload,
.quick-plan-dialog,
.quick-plan-top .reference-upload,
.generation-task-card,
.generation-task-media,
.generation-task-placeholder,
.generation-record,
.generation-history-empty,
.image-preview-dialog,
.hero-deck-card,
#plan .plan-card,
.v92-title-current,
.v92-title3 article,
.v92-detail-card,
.v92-value-grid article,
.v92-plan-points>div,
.v92-plan-placeholder,
.v92-empty,
.v924-title2 article,
.v924-plan-card,
.v925-plan-card,
.decision-grid article,
.title-compare article,
.sku-grid article,
.plan-grid article,
.support-analysis-card,
.structured-card{
border-radius:24px!important;
overflow:hidden;
}
.report-app button,
.report-app input,
.report-app select,
.report-app textarea,
.report-app summary,
.report-app a.quick-product-btn,
.report-app .generate-plan-btn,
.report-app .generate-images-btn,
.report-app .generation-status,
.report-app .generation-slot-select,
.report-app .reference-upload-btn,
.report-app .task-prompt summary,
.report-app .dialog-close,
.report-app .image-preview-close,
.report-app .image-preview-nav,
.report-app .navlinks a,
.report-app .signal,
.report-app .jmeta span,
.report-app .evidence-tags b,
.report-app .v92-flow .node,
.report-app .v924-chips i{
border-radius:12px!important;
}
.report-app .role-block>summary>span,
.report-app .loading-step i{
border-radius:50%!important;
}
.quick-plan-dialog{
overflow:auto!important;
}
.image-generation-controls label{
display:inline-flex;
align-items:center;
gap:7px;
padding:8px 10px;
border:1px solid #c9d7e5;
background:#fff;
border-radius:12px!important;
}
.image-generation-controls label span{
color:#718092;
font-size:11px;
font-weight:800;
}
.image-user-direction{
display:grid;
gap:7px;
margin:14px 0 6px;
color:var(--v92-text);
font-size:12px;
font-weight:800;
}
.image-user-direction textarea{
box-sizing:border-box;
width:100%;
min-height:76px;
padding:11px 12px;
border:1px solid #c9d7e5;
background:#fff;
color:var(--v925-ink);
resize:vertical;
line-height:1.5;
}
.fission-pattern-toggle{
position:absolute;
left:18px;
bottom:118px;
z-index:5;
display:inline-flex;
align-items:center;
gap:7px;
max-width:calc(100% - 36px);
padding:9px 11px;
border:1px solid rgba(255,255,255,.64);
background:rgba(255,255,255,.92);
color:#20313a;
font-size:12px;
font-weight:850;
box-shadow:0 6px 18px rgba(9,25,42,.16);
}
.fission-pattern-toggle input{
accent-color:#316dcc;
}
.match-reference-shooting-toggle{
bottom:170px;
}
.match-reference-shooting-toggle>span{
display:grid;
gap:2px;
}
.match-reference-shooting-toggle b{
color:#20313a;
font-size:12px;
font-weight:850;
}
.match-reference-shooting-toggle small{
display:block;
max-width:430px;
color:#60717d;
font-size:10px;
font-weight:600;
line-height:1.35;
}
.match-reference-shooting-toggle:has(input:disabled){
opacity:.72;
}
.generation-task-card{
cursor:pointer;
}
.generation-task-card.is-selected{
border-color:#316dcc!important;
box-shadow:0 0 0 3px rgba(49,109,204,.2);
}
.generation-task-card:not(.generation-task-queued){
cursor:default;
}
.generation-slot-select{
position:relative;
}
.generation-slot-select input{
width:17px;
height:17px;
}
.generation-slot-select span{
pointer-events:none;
}
.generation-task-overlay .task-prompt textarea{
box-sizing:border-box;
width:100%;
min-height:190px;
max-height:280px;
margin-top:8px;
padding:10px;
border:1px solid rgba(255,255,255,.32);
background:rgba(255,255,255,.94);
color:#17202a;
resize:vertical;
white-space:pre-wrap;
overflow:auto;
font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.generation-task-overlay .task-prompt em{
display:block;
margin-top:6px;
color:rgba(236,245,255,.76);
font-size:9px;
font-style:normal;
line-height:1.45;
}
.generation-task-overlay .task-prompt[open] textarea{
flex:1;
min-height:0;
max-height:none;
}
/* Floating generation history: keep the report focused while making every
completed image task reachable from the lower-left corner. */
.generation-history-fab{
position:fixed;
left:18px;
bottom:18px;
z-index:60;
display:inline-flex;
align-items:center;
gap:8px;
min-height:42px;
padding:0 13px 0 9px;
border:1px solid #26384a;
border-radius:22px;
background:#172635;
color:#fff;
box-shadow:0 10px 26px rgba(19,36,53,.22);
cursor:pointer;
font-size:12px;
font-weight:800;
}
.generation-history-fab:hover{background:#21415d}
.generation-history-fab:focus-visible{outline:3px solid rgba(49,109,204,.3);outline-offset:3px}
.generation-history-fab-icon{
display:grid;
width:25px;
height:25px;
place-items:center;
border-radius:50%;
background:#316dcc;
color:#fff;
font-size:16px;
line-height:1;
}
.generation-history-fab>b{
display:grid;
min-width:20px;
height:20px;
padding:0 5px;
place-items:center;
border-radius:10px;
background:#e9f1ff;
color:#316dcc;
font-size:10px;
}
.generation-history-dialog{
box-sizing:border-box;
width:min(920px,calc(100% - 32px));
max-height:calc(100vh - 48px);
padding:0;
border:0;
border-top:5px solid #316dcc;
border-radius:0;
background:#f5f8fb;
color:var(--v92-text);
box-shadow:0 28px 90px rgba(12,24,42,.3);
}
.generation-history-dialog::backdrop{background:rgba(10,18,30,.58);backdrop-filter:blur(4px)}
.generation-history-dialog-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:22px;
padding:25px 28px 20px;
border-bottom:1px solid #dbe5ee;
background:#fff;
}
.generation-history-dialog-head>div{min-width:0}
.generation-history-dialog-head span{
color:#316dcc;
font-size:10px;
font-weight:800;
letter-spacing:.08em;
}
.generation-history-dialog-head h2{
margin:6px 0 5px;
color:var(--v925-ink);
font-size:27px;
}
.generation-history-dialog-head p{
margin:0;
color:var(--v92-muted);
font-size:12px;
line-height:1.55;
}
.generation-history-dialog .dialog-close{
position:static;
flex:0 0 auto;
float:none;
}
.generation-history-dialog .generation-history{
max-height:calc(100vh - 190px);
padding:18px 24px 24px;
overflow:auto;
}
.generation-history-dialog .generation-history-empty{
margin:0;
background:#fff;
}
.generation-record-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
flex-wrap:wrap;
}
.generation-download{
display:inline-flex;
align-items:center;
min-height:30px;
padding:0 10px;
border:1px solid #9dbbe0;
background:#f4f8ff;
color:#316dcc;
font-size:11px;
font-weight:800;
text-decoration:none;
}
.generation-download:hover{border-color:#316dcc;background:#e8f1ff}
.generation-record-meta{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
margin-top:10px;
}
.generation-record-meta small{margin-top:0}
.generation-thumbs button{
display:block;
min-width:0;
padding:0;
border:1px solid #dce5eb;
background:#f6f8fa;
cursor:pointer;
}
.generation-thumbs button:hover{border-color:#316dcc}
@media(max-width:700px){
.generation-history-fab{left:12px;bottom:12px}
.generation-history-dialog{width:calc(100% - 16px);max-height:calc(100vh - 16px)}
.generation-history-dialog-head{padding:20px 18px 16px}
.generation-history-dialog .generation-history{max-height:calc(100vh - 168px);padding:12px}
.generation-record{padding:16px}
.generation-record-actions{justify-content:flex-start;margin-top:10px}
}
/* System modal contract: all report dialogs share one outer radius and one
compact control radius, regardless of where the dialog is mounted. */
#quick-plan-dialog,
.generation-history-dialog,
.image-preview-dialog{
border-radius:24px!important;
background-clip:padding-box;
}
#quick-plan-dialog .dialog-close,
.generation-history-dialog .dialog-close,
.image-preview-dialog .image-preview-close,
.image-preview-dialog .image-preview-nav{
border-radius:12px!important;
}
/* Ardot-style production modal: quiet workbench surface, compact controls,
and horizontally scannable image tasks. */
#quick-plan-dialog{
box-sizing:border-box;
width:min(1240px,calc(100% - 32px));
max-height:calc(100vh - 32px);
padding:30px 34px;
border:0;
border-top:5px solid #316dcc;
border-radius:24px!important;
overflow:auto!important;
background:#fff;
color:#27333d;
box-shadow:0 30px 90px rgba(12,24,42,.28);
}
#quick-plan-dialog::before{
display:none;
}
#quick-plan-dialog::backdrop{
background:rgba(27,39,53,.46);
backdrop-filter:blur(3px);
}
#quick-plan-dialog .dialog-close{
position:sticky;
top:0;
right:0;
float:right;
z-index:10;
width:38px;
height:38px;
padding:0;
border:0;
border-radius:12px!important;
background:#eef2f6;
color:#141a24;
font-size:24px;
line-height:34px;
}
#quick-plan-dialog .dialog-close:hover{background:#eaf1f5;color:#1e2b35}
#quick-plan-dialog .quick-plan-top{
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
gap:28px;
align-items:start;
min-height:360px;
margin:0 0 20px;
}
#quick-plan-dialog .product-brief{
min-width:0;
padding:10px 4px 0 0;
}
#quick-plan-dialog .product-brief>span{
color:#3c83c8;
font-size:9px;
font-weight:800;
letter-spacing:.08em;
}
#quick-plan-dialog .product-brief h2{
margin:8px 42px 18px 0;
color:#18242e;
font-size:28px;
line-height:1.2;
}
#quick-plan-dialog .product-brief dl{margin:0}
#quick-plan-dialog .product-brief dl div{
display:grid;
grid-template-columns:88px minmax(0,1fr);
gap:12px;
padding:12px 0;
border-top:1px solid #e4ebf0;
}
#quick-plan-dialog .product-brief dt{
color:#84909a;
font-size:11px;
font-weight:800;
}
#quick-plan-dialog .product-brief dd{
margin:0;
color:#27333d;
font-size:13px;
line-height:1.55;
overflow-wrap:anywhere;
}
#quick-plan-dialog .brief-controls{
display:grid;
gap:10px;
margin-top:18px;
}
#quick-plan-dialog .brief-controls .fission-pattern-toggle{
position:static;
display:flex;
max-width:none;
margin:0;
padding:9px 10px;
border:1px solid #d6e1e8;
border-radius:8px!important;
background:#f8fbfd;
box-shadow:none;
color:#53646e;
font-size:10px;
font-weight:700;
line-height:1.35;
}
#quick-plan-dialog .brief-controls .match-reference-shooting-toggle>span{display:grid;gap:2px}
#quick-plan-dialog .brief-controls .match-reference-shooting-toggle b{color:#435660;font-size:10px}
#quick-plan-dialog .brief-controls .match-reference-shooting-toggle small{max-width:none;color:#83919b;font-size:9px}
#quick-plan-dialog .brief-controls .image-user-direction{margin:0;color:#60717d;font-size:10px}
#quick-plan-dialog .brief-controls .image-user-direction textarea{min-height:64px}
#quick-plan-dialog .quick-plan-top .reference-upload{
position:relative;
display:grid;
grid-template-rows:auto 178px auto auto;
gap:0;
height:360px;
min-height:360px;
margin:0;
padding:14px;
overflow:visible;
border:1px solid #d6e1ea;
border-radius:24px!important;
background:#f5f8fb;
}
#quick-plan-dialog .quick-plan-top .reference-upload::after{display:none}
#quick-plan-dialog .quick-plan-top .reference-upload.is-dragging{
border-color:#316dcc;
background:#edf4ff;
box-shadow:0 0 0 3px rgba(49,109,204,.14);
}
#quick-plan-dialog .reference-upload header{
position:static;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:0 0 10px;
}
#quick-plan-dialog .reference-upload header b{
color:#26333e;
font-size:13px;
text-shadow:none;
}
#quick-plan-dialog .reference-upload header span{
color:#87939e;
font-size:10px;
text-shadow:none;
}
#quick-plan-dialog .reference-list{
position:relative;
inset:auto;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:178px;
margin:0;
padding:8px;
overflow:hidden;
border:1px solid #d8e2eb;
border-radius:24px!important;
background:#eef3f7;
}
#quick-plan-dialog .reference-list:empty{display:none}
#quick-plan-dialog .reference-list figure,
#quick-plan-dialog .reference-list figure:not(:first-child){
position:relative;
inset:auto;
flex:1 1 0;
width:auto;
height:162px;
min-width:0;
margin:0;
border:0;
border-radius:5px!important;
box-shadow:none;
background:transparent;
}
#quick-plan-dialog .reference-list figure:first-child{
flex-basis:100%;
z-index:1;
}
#quick-plan-dialog .reference-list figure:not(:first-child){
flex:0 0 56px;
height:56px;
border:2px solid #fff;
box-shadow:0 3px 10px rgba(26,42,58,.14);
}
#quick-plan-dialog .reference-list figure:nth-child(3),
#quick-plan-dialog .reference-list figure:nth-child(4){left:auto}
#quick-plan-dialog .reference-list figure img{
display:block;
width:100%;
height:100%;
object-fit:contain!important;
object-position:center;
}
#quick-plan-dialog .reference-list figure:not(:first-child) img{border-radius:3px}
#quick-plan-dialog .reference-list button{
position:absolute;
top:-7px;
right:-7px;
width:18px;
height:18px;
padding:0;
border:0;
border-radius:50%!important;
background:#263844;
color:#fff;
font-size:12px;
line-height:18px;
}
#quick-plan-dialog .reference-empty{
display:grid;
min-height:178px;
place-items:center;
align-content:center;
gap:5px;
border:1px solid #d8e2eb;
border-radius:24px!important;
background:#eef3f7;
color:#72808b;
text-align:center;
}
#quick-plan-dialog .reference-upload.has-reference .reference-empty{display:none}
#quick-plan-dialog .reference-empty span{
display:grid;
width:32px;
height:32px;
place-items:center;
border:1px solid #9fb4c5;
border-radius:50%;
color:#4e81a7;
font-size:23px;
line-height:1;
}
#quick-plan-dialog .reference-empty b{
color:#667681;
font-size:11px;
}
#quick-plan-dialog .reference-empty small{
color:#9aa6af;
font-size:9px;
}
#quick-plan-dialog .reference-upload-btn{
position:relative;
justify-self:start;
margin-top:10px;
padding:7px 10px;
border:1px solid #8bb6d1;
border-radius:7px!important;
background:#fff;
color:#3679ae;
font-size:11px;
}
#quick-plan-dialog .reference-upload-btn input{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
margin:0;
opacity:0;
cursor:pointer;
}
#quick-plan-dialog .reference-upload p{
position:static;
grid-column:1/-1;
margin:8px 0 0;
color:#7d8b95;
text-shadow:none;
font-size:10px;
line-height:1.45;
}
#quick-plan-dialog .reference-upload em{
position:static;
grid-column:1/-1;
margin:8px 0 0;
color:#8b98a2;
text-shadow:none;
font-size:9px;
line-height:1.4;
}
#quick-plan-dialog .reference-upload .fission-pattern-toggle{
position:static;
z-index:auto;
display:flex;
max-width:none;
margin-top:8px;
padding:8px 9px;
border:1px solid #d6e1e8;
border-radius:7px!important;
background:#fff;
box-shadow:none;
color:#53646e;
font-size:10px;
font-weight:700;
line-height:1.35;
}
#quick-plan-dialog .reference-upload .match-reference-shooting-toggle{margin-top:10px}
#quick-plan-dialog .reference-upload .match-reference-shooting-toggle>span{gap:2px}
#quick-plan-dialog .reference-upload .match-reference-shooting-toggle b{color:#435660;font-size:10px}
#quick-plan-dialog .reference-upload .match-reference-shooting-toggle small{max-width:none;color:#83919b;font-size:9px}
#quick-plan-dialog .image-generation-panel{
margin-top:0;
padding:18px;
border:1px solid #d6e1ee;
border-radius:24px!important;
background:#f3f7fb;
}
#quick-plan-dialog .image-generation-panel>header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
margin-bottom:12px;
}
#quick-plan-dialog .image-generation-panel header span{
color:#3b81c5;
font-size:9px;
letter-spacing:.08em;
}
#quick-plan-dialog .image-generation-panel h3{
margin:4px 0 3px;
color:#1d2a34;
font-size:18px;
}
#quick-plan-dialog .image-generation-panel header p{
margin:0;
color:#87939d;
font-size:10px;
line-height:1.4;
}
#quick-plan-dialog .generate-images-btn{
flex:0 0 auto;
width:200px;
min-width:0;
margin:0;
align-self:flex-start;
padding:9px 12px;
border-radius:7px!important;
background:#4b77c8;
font-size:11px;
}
#quick-plan-dialog .generate-images-btn:hover{background:#3e67ae}
#quick-plan-dialog .image-user-direction{
display:grid;
gap:5px;
margin:10px 0 8px;
color:#60717d;
font-size:10px;
}
#quick-plan-dialog .image-user-direction textarea{
min-height:52px;
padding:8px 10px;
border:1px solid #d2dfe8;
border-radius:7px!important;
background:#fff;
color:#2b3944;
font-size:11px;
}
#quick-plan-dialog .image-generation-controls{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
margin:10px 0 2px;
}
#quick-plan-dialog .image-generation-controls>b{
flex:1 0 100%;
color:#71808c;
font-size:10px;
}
#quick-plan-dialog .image-generation-controls label{
padding:6px 8px;
border:1px solid #cbd9e5;
border-radius:7px!important;
background:#fff;
color:#566873;
font-size:10px;
}
#quick-plan-dialog .image-model-controls{
margin:8px 0 0;
padding:8px 10px;
border:1px solid #d7e2ea;
border-radius:7px!important;
background:#fff;
}
#quick-plan-dialog .image-model-controls label{
border-radius:6px!important;
font-size:10px;
}
#quick-plan-dialog .image-generation-status{
min-height:15px;
margin:8px 0 0;
color:#4c78b7;
font-size:10px;
}
#quick-plan-dialog .generated-image-results{margin-top:12px}
#quick-plan-dialog .generation-task-row+.generation-task-row{margin-top:18px}
#quick-plan-dialog .generation-task-row>header,
#quick-plan-dialog .generation-comparison-row>header{
margin-bottom:8px;
}
#quick-plan-dialog .generation-task-row>header span,
#quick-plan-dialog .generation-comparison-row>header span{
color:#6f8290;
font-size:9px;
}
#quick-plan-dialog .generation-task-row>header h3,
#quick-plan-dialog .generation-comparison-row>header h3{
margin:3px 0 0;
color:#334653;
font-size:13px;
}
#quick-plan-dialog .generation-task-row>header b,
#quick-plan-dialog .generation-comparison-row>header b{color:#4d77bd;font-size:10px}
#quick-plan-dialog .generation-task-hint{
align-self:flex-end;
color:#8a94a6;
font-size:12px;
font-weight:400;
white-space:nowrap;
}
#quick-plan-dialog .generation-task-track{
position:relative;
margin:0;
gap:18px;
padding:2px 2px 10px;
scrollbar-width:thin;
scrollbar-color:#c7d0dc #e3e8ef;
}
#quick-plan-dialog .generation-task-track::-webkit-scrollbar{height:4px}
#quick-plan-dialog .generation-task-track::-webkit-scrollbar-track{border-radius:2px;background:#e3e8ef}
#quick-plan-dialog .generation-task-track::-webkit-scrollbar-thumb{border-radius:2px;background:#c7d0dc}
#quick-plan-dialog .generation-task-row-detail .generation-task-track::after{
content:"";
position:absolute;
z-index:8;
top:2px;
right:0;
width:56px;
height:272px;
pointer-events:none;
background:linear-gradient(to right,rgba(243,247,251,0),rgba(243,247,251,.15) 70%,#f3f7fb 100%);
}
#quick-plan-dialog .generation-task-card{
flex:0 0 210px;
box-sizing:border-box;
height:272px;
min-height:272px;
padding:10px;
border:1.5px solid #e3e8ef;
border-radius:24px!important;
background:#fff;
box-shadow:none;
}
#quick-plan-dialog .generation-task-card.is-selected{
border-color:#316dcc!important;
background:#f7faff;
box-shadow:0 0 0 3px rgba(49,109,204,.2);
}
#quick-plan-dialog .generation-task-media{
position:relative;
height:250px;
min-height:250px;
border-radius:24px!important;
background:#f0f5fa;
}
#quick-plan-dialog .generation-task-media img,
#quick-plan-dialog .generation-task-placeholder{
min-height:250px;
height:250px;
aspect-ratio:auto!important;
border-radius:24px!important;
}
#quick-plan-dialog .generation-task-placeholder{
color:#a2afbb;
background:#f1f5f9;
}
#quick-plan-dialog .generation-task-placeholder span{
color:#9aaab7;
font-size:8px;
}
#quick-plan-dialog .generation-task-placeholder b{
margin-top:3px;
color:#8193a2;
font-size:23px;
}
#quick-plan-dialog .generation-task-media>i{
top:8px;
right:8px;
left:auto;
padding:3px 5px;
border-radius:4px!important;
background:#dbe9f4;
color:#55758d;
font-size:8px;
}
#quick-plan-dialog .generation-task-generating .generation-task-media>i{background:#d9e8ff;color:#3167ae}
#quick-plan-dialog .generation-task-complete .generation-task-media>i{background:#dcf2ea;color:#2d7b62}
#quick-plan-dialog .generation-task-error .generation-task-media>i{background:#f8dfdf;color:#ae4a4a}
#quick-plan-dialog .generation-task-overlay{
inset:0;
display:flex;
flex-direction:column;
align-items:flex-start;
padding:28px 10px 10px;
border-radius:8px!important;
background:linear-gradient(180deg,rgba(240,245,250,0) 0%,rgba(240,245,250,.92) 52%,#f0f5fa 100%);
color:#334653;
}
#quick-plan-dialog .generation-task-complete .generation-task-overlay{
opacity:0;
transform:none;
}
#quick-plan-dialog .generation-task-complete:hover .generation-task-overlay,
#quick-plan-dialog .generation-task-complete:focus-within .generation-task-overlay{
opacity:1;
background:rgba(241,247,251,.94);
}
#quick-plan-dialog .generation-task-overlay small{
color:#477bb9;
font-size:9px;
}
#quick-plan-dialog .generation-task-overlay h4{
max-width:90%;
margin:4px 0 0;
color:#334653;
font-size:14px;
line-height:1.3;
}
#quick-plan-dialog .generation-task-overlay p{
display:block;
margin:4px 0 0;
color:#71828e;
font-size:10px;
line-height:1.35;
}
#quick-plan-dialog .generation-task-overlay .generation-prompt-status{font-size:9px;color:#8190a0}
#quick-plan-dialog .generation-slot-select{
margin-top:auto;
padding:4px 6px;
border:1px solid #b6c9dc;
border-radius:5px!important;
background:rgba(255,255,255,.88);
color:#52718c;
font-size:9px;
}
#quick-plan-dialog .generation-slot-select input{width:13px;height:13px}
#quick-plan-dialog .task-prompt summary{border-radius:5px!important;font-size:9px}
#quick-plan-dialog .generation-task-queued .generation-task-overlay .task-prompt{
width:100%;
margin-top:auto;
}
#quick-plan-dialog .generation-task-queued .generation-task-overlay .task-prompt summary{
display:inline-flex;
align-items:center;
padding:4px 6px;
border:1px solid #b8cad9;
border-radius:5px!important;
background:#fff;
color:#52718c;
font-size:9px;
font-weight:800;
line-height:1.2;
}
#quick-plan-dialog .generation-task-queued .generation-task-overlay .task-prompt summary:hover{
border-color:#7fa9c5;
background:#f7fbfd;
color:#356b91;
}
#quick-plan-dialog .generation-task-queued .generation-task-overlay .task-prompt[open] summary{
border-color:rgba(255,255,255,.38);
background:rgba(255,255,255,.14);
color:#edf5ff;
}
#quick-plan-dialog .generation-comparison-table{
gap:1px;
border-radius:8px!important;
}
@media(max-width:900px){
#quick-plan-dialog{width:calc(100% - 20px);padding:20px}
#quick-plan-dialog .quick-plan-top{grid-template-columns:1fr;gap:14px}
#quick-plan-dialog .quick-plan-top .reference-upload{grid-template-rows:auto 178px auto auto}
#quick-plan-dialog .generation-task-card{flex-basis:min(180px,42vw)}
}
@media(max-width:560px){
#quick-plan-dialog{width:calc(100% - 12px);max-height:calc(100vh - 12px);padding:16px}
#quick-plan-dialog .product-brief h2{font-size:23px}
#quick-plan-dialog .product-brief dl div{grid-template-columns:1fr;gap:4px}
#quick-plan-dialog .image-generation-panel>header{display:block}
#quick-plan-dialog .generate-images-btn{margin-top:10px;width:100%}
#quick-plan-dialog .generation-task-card{flex-basis:78vw}
}
/* Keep the exact request parameters visible after the controls are rerendered. */
.generation-run-summary{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
gap:8px;
margin:10px 0 0;
padding:11px 12px;
border:1px solid #b9d4ed;
background:#f5f9ff;
color:#2d4a67;
}
.generation-run-summary[hidden]{display:none}
.generation-run-summary>b{
grid-column:1/-1;
color:#1f5dab;
font-size:11px;
}
.generation-run-summary>span{
display:flex;
min-width:0;
flex-direction:column;
gap:2px;
padding:7px 8px;
border-left:3px solid #6b9ed8;
background:#fff;
}
.generation-run-summary>span strong{
overflow:hidden;
color:#263b50;
font-size:11px;
text-overflow:ellipsis;
white-space:nowrap;
}
.generation-run-summary>span small{
color:#61758b;
font-size:10px;
line-height:1.4;
}
.generation-task-result-meta{
display:flex;
flex-direction:column;
gap:2px;
padding:7px 9px;
border-top:1px solid #e2eaf1;
background:#fff;
}
.generation-task-result-meta>b{
color:#53708d;
font-size:9px;
font-weight:800;
letter-spacing:.04em;
}
.generation-task-result-meta .generation-task-spec{
color:#315f8b;
font-size:10px;
line-height:1.35;
}
.generation-reference-preview{
display:flex;
align-items:center;
gap:7px;
min-width:0;
padding:7px 9px;
border-top:1px solid #e2eaf1;
background:#f7fafc;
color:#52708e;
font-size:9px;
line-height:1.25;
}
.generation-plan-context{
display:block;
margin:4px 0 0;
color:#58728b;
font-size:9px;
line-height:1.35;
}
.generation-plan-context b{
color:#315f8b;
font-weight:800;
}
.generation-reference-preview img{
width:38px;
height:38px;
flex:0 0 38px;
border:1px solid #cbd9e6;
background:#fff;
object-fit:cover;
}
.generation-reference-preview span{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.generation-comparison-task .generation-reference-preview{
margin:4px 0;
padding:4px;
}