body[data-page="listing"] .main-col{max-width:1600px;padding:24px 28px 54px}
.ls-page{color:var(--ink,#203049);min-width:0}
.ls-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.ls-head span{font-size:10px;letter-spacing:.1em;font-weight:800;color:#5364db}
.ls-head h1{font-size:27px;letter-spacing:-.6px;margin:4px 0}
.ls-head p,.ls-hint,.ls-method{font-size:12px;color:var(--secondary,#64748b);line-height:1.65}
.ls-head button{border:1px solid var(--line,#dbe3ef);background:var(--paper,#fff);border-radius:9px;padding:11px 14px;color:var(--ink);font-weight:750;cursor:pointer}
.ls-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.ls-layout>div{min-width:0;display:grid;gap:16px}
.ls-panel{border:1px solid var(--line,#e0e6ef);border-radius:14px;background:var(--paper,#fff);padding:20px;min-width:0}
.ls-panel>h3{font-size:16px;margin:0 0 12px}
.ls-product{display:flex;gap:15px;align-items:center;margin-bottom:20px}
.ls-icon{width:72px;height:72px;flex:0 0 72px;border-radius:16px;overflow:hidden;background:var(--soft,#edf2fb);display:grid;place-items:center;font-weight:800;font-size:25px}
.ls-icon img{width:100%;height:100%;object-fit:cover}
.ls-product h3{font-size:19px;line-height:1.3;margin:0 0 4px}
.ls-product p,.ls-product small{display:block;margin:0 0 4px;color:var(--secondary);font-size:12px}
.ls-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ls-field{background:var(--soft,#f7f9fc);padding:12px;border-radius:9px;min-width:0}
.ls-field span,.ls-field b{display:block;overflow-wrap:anywhere}.ls-field span{font-size:11px;color:var(--secondary);margin-bottom:4px}.ls-field b{font-size:13px}
.ls-text{padding:13px 0;border-top:1px solid var(--line);margin-top:13px}
.ls-text summary{cursor:pointer;font-weight:750}.ls-text summary small{color:var(--secondary);font-weight:500}
.ls-text p{font-size:12px;white-space:pre-wrap;max-height:380px;overflow:auto;line-height:1.65}
.ls-shots{display:flex;gap:10px;max-width:100%;overflow-x:auto;padding:5px 0}
.ls-shots img{height:210px;width:auto;border-radius:10px;object-fit:contain;border:1px solid var(--line)}
.ls-event{border-top:1px solid var(--line);padding:16px 0}
.ls-event-head{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:12px}
.ls-event time,.ls-event>p{color:var(--secondary);font-size:11px}
.ls-diff{margin-top:11px;background:var(--soft);border-radius:10px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ls-diff>strong{grid-column:1/-1;font-size:12px}
.ls-diff>div{min-width:0}.ls-diff span{font-size:10px;color:var(--secondary)}.ls-diff p{overflow-wrap:anywhere;white-space:pre-wrap;max-height:140px;overflow:auto;font-size:11px}
.ls-empty{background:var(--paper);padding:25px;border:1px solid var(--line);border-radius:11px;color:var(--secondary);font-size:13px}
@media(max-width:950px){.ls-layout{grid-template-columns:1fr}}
@media(max-width:650px){body[data-page="listing"] .main-col{padding:15px}.ls-head{align-items:flex-start;flex-direction:column}.ls-head h1{font-size:22px}.ls-panel{padding:14px}.ls-shots img{height:170px}}

/* Listing history workspace: same panels, controls and type as the shared shell. */
.ls-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 10px}
.ls-metrics>div{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);display:flex;align-items:center;gap:12px}
.ls-metrics b{font-size:26px;font-variant-numeric:tabular-nums;color:var(--ink);line-height:1}
.ls-metrics span{font-size:12px;color:var(--secondary);line-height:1.5}
.ls-notice{padding:12px 15px;margin:12px 0;background:var(--soft,#f4f6fb);border:1px solid var(--line);border-left:3px solid #a77921;border-radius:8px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.ls-snapshot-controls,.ls-history-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:16px 0}
.ls-snapshot-controls label,.ls-history-controls label{display:grid;gap:6px;flex:1;min-width:130px;font-size:11px;color:var(--secondary);font-weight:650}
.ls-page select,.ls-history-controls button{font:inherit;font-size:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px;max-width:100%;min-width:0;min-height:42px}
.ls-page button{cursor:pointer}.ls-page button:disabled{cursor:default;opacity:.55}
.ls-page select:focus-visible,.ls-page button:focus-visible,.ls-page summary:focus-visible,.ls-page a:focus-visible{outline:2px solid #6478f5;outline-offset:3px}
.ls-panel h3>small{font-weight:650;color:var(--secondary);font-size:12px}
.ls-inline-empty{padding:18px;background:var(--soft);border:1px dashed var(--line);border-radius:9px;font-size:12px;line-height:1.65;color:var(--secondary)}
.ls-field small{font-size:10px;color:var(--secondary);display:block;margin-top:5px}
.ls-source-link{font-size:12px;color:var(--accent,#5364db);text-decoration:none}
.ls-event>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:12px}
.ls-event>summary::-webkit-details-marker{display:none}
.ls-event>summary>div{min-width:0}.ls-event>summary b{display:block;margin:9px 0 5px;font-variant-numeric:tabular-nums}
.ls-event>summary p{font-size:11px;color:var(--secondary);margin:0;line-height:1.6;overflow-wrap:anywhere}
.ls-event-count{font-size:10px;flex-shrink:0;color:var(--secondary)}
.ls-event-count::after{content:' ＋';font-size:16px}.ls-event[open] .ls-event-count::after{content:' −'}
.ls-event>p{line-height:1.8;overflow-wrap:anywhere}
.ls-badge{display:inline-block;padding:4px 8px;border-radius:5px;background:var(--soft);color:var(--secondary);font-size:10px;font-weight:700}
.ls-badge-metadata{background:#e9edff;color:#4759b7}.ls-badge-rating{background:#e1f2ed;color:#246652}
.ls-diff>strong{line-height:1.6}.ls-diff>strong small{display:block;font-size:10px;font-weight:500;color:var(--secondary)}
.ls-diff-value{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;font-size:12px;margin-top:8px;max-height:420px;overflow:auto;padding:5px 2px;tab-size:2}
.ls-diff del{background:rgba(220,70,70,.14);color:inherit;text-decoration:line-through;text-decoration-color:#bf4444}
.ls-diff ins{background:rgba(30,157,108,.18);color:inherit;text-decoration:none;border-bottom:1px solid #279b70}
.ls-image-link{display:inline-block;max-width:100%;line-height:0}.ls-image-link img{max-width:100%;max-height:180px;border:1px solid var(--line);border-radius:8px;object-fit:contain}
.ls-shots>.ls-image-link{flex-shrink:0}.ls-shots .ls-image-link img{height:210px;max-height:210px;width:auto}
.ls-diff-shots{display:flex;gap:8px;overflow-x:auto;white-space:normal;padding-bottom:5px}.ls-diff-shots>div{min-width:85px}.ls-diff-shots small{font-variant-numeric:tabular-nums;display:block;margin-bottom:5px}.ls-diff-shots img{height:130px}
@media(max-width:650px){.ls-metrics{gap:7px}.ls-metrics>div{padding:12px 9px;flex-direction:column;align-items:flex-start;gap:7px}.ls-metrics b{font-size:22px}.ls-metrics span{font-size:10px}.ls-diff{grid-template-columns:1fr}.ls-diff>strong{grid-column:auto}.ls-diff>div+div{padding-top:10px;border-top:1px solid var(--line)}.ls-shots .ls-image-link img{height:170px}.ls-snapshot-controls label{flex-basis:100%}.ls-head button{min-height:44px}}

body[data-page="listing"] .main-col>.page-heading,body[data-page="listing"] .main-col>.scope-bar{display:none}