.work-visual{grid-column:2;max-width:780px;min-width:0;margin-top:-22px}
.work-visual figcaption{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.5}
.molecule-preview{width:min(100%,540px)}
.molecule-open{display:block;position:relative;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden;padding:0;cursor:pointer}
.molecule-open img{width:100%;height:260px;object-fit:contain}
.molecule-open:hover{border-color:var(--purple)}
.shopping-evolution{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:min(100%,610px)}
.shopping-evolution .screenshot{height:350px;background:#f8f9f9;border-radius:9px}
.shopping-evolution img{width:100%;height:100%;object-fit:contain}
.shopping-evolution .shopping-now img{height:calc(100% + 68px);max-width:none;transform:translateY(-32px)}
.courier-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.courier-images .screenshot{background:#fff;border-radius:8px}
.courier-images img{height:100%;object-fit:contain}
#molecule-dialog{width:min(1000px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--text);overflow:auto;--receptor:#aa91c4;--antibody:#ccb487;--binding:#79b7db}
#molecule-dialog::backdrop{background:#100e18b8;backdrop-filter:blur(8px)}
:root[data-theme=light] #molecule-dialog{--receptor:#806495;--antibody:#a37c38;--binding:#287fac}
.molecule-header{display:flex;justify-content:space-between;align-items:center;gap:20px}
.molecule-header h2{font-size:24px;letter-spacing:-.02em}
.molecule-legend{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;color:var(--body);margin-top:16px}
.molecule-legend span::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:var(--receptor)}
.molecule-legend .antibody-key::before{background:var(--antibody)}
.molecule-legend .binding-key::before{background:var(--binding)}
#molecule-viewport{position:relative;width:100%;height:min(55svh,520px);min-height:250px;touch-action:none;outline-offset:0}
#molecule-viewport canvas{border-radius:8px}
#molecule-loading{font-size:14px;color:var(--muted)}
#molecule-loading[hidden]{display:none}
.molecule-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:14px}
.molecule-controls button{border:1px solid var(--line);border-radius:20px;background:transparent;padding:7px 16px;font-size:13px;min-height:40px}
.molecule-controls button[aria-pressed=true]{background:var(--surface-soft);border-color:var(--purple);color:var(--purple)}
.molecule-controls span{margin-left:auto;font-size:12px;color:var(--muted)}
.molecule-source{font-size:12px;line-height:1.6;margin-top:18px;color:var(--muted)}
.molecule-source a{text-decoration:underline;text-underline-offset:3px}
.molecule-source span{display:block;margin-top:4px}
@media(max-width:700px){.work-visual{grid-column:1/-1;margin-top:0}.shopping-evolution{gap:12px}.shopping-evolution .screenshot{height:260px}.shopping-evolution .shopping-now img{height:calc(100% + 50px);transform:translateY(-24px)}.courier-images{gap:8px}.molecule-open img{height:220px}#molecule-dialog{padding:16px}.molecule-header h2{font-size:20px}.molecule-controls span{width:100%;margin:4px 0 0}}