.visual-source-sheet{width:min(440px,calc(100vw - 32px));max-height:78dvh;padding:22px;border:0;border-radius:22px;background:#f8f6f1;color:#38352f;box-shadow:0 20px 80px #0003;overflow:auto;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
.visual-source-sheet::backdrop{background:#24232170;backdrop-filter:blur(4px)}
.visual-source-sheet header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.visual-source-sheet header small{font-size:10px;letter-spacing:2px;color:#938774}.visual-source-sheet h2{font:500 21px/1.4 Arial,"Microsoft YaHei",sans-serif;margin:5px 0 0}.visual-source-sheet h3{font-size:15px;font-weight:500}
.visual-source-sheet button{cursor:pointer;font:inherit;color:inherit;border:0}.visual-source-sheet [data-source-close]{width:40px;height:40px;background:transparent;font-size:27px;margin:-8px -10px 0 0}.visual-source-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.visual-source-options button{min-height:76px;border-radius:14px;background:#ede7dc;font-size:15px}.source-cases{display:block;width:100%;text-align:left;margin-top:12px;padding:18px 14px;border-radius:14px;background:#f0eee8;font-size:13px!important}.visual-source-status{font-size:11px;color:#827b70;line-height:1.6;margin:16px 0 0}.source-back{background:transparent;padding:0 0 14px;font-size:13px!important}.source-search{width:100%;height:42px;border:1px solid #ddd5c8;border-radius:10px;background:#fffdfa;padding:10px;font:16px Arial;color:#38352f}.source-brands{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.source-brands button{padding:8px 10px;border-radius:20px;background:#eee9df;font-size:11px}.source-brands button[aria-pressed=true]{background:#766854;color:white}.source-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.source-product{padding:0;background:transparent;text-align:left;min-width:0}.source-product img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;display:block;background:#e9e5dd}.source-product span{display:block;font-size:12px;margin-top:7px}.source-product small{font-size:10px;color:#8b8174}.visual-source-sheet button:focus-visible{outline:2px solid #887863;outline-offset:3px}
@media all{
 .visual-search-modal[open]{height:fit-content}
 .visual-search-modal .visual-search-head .section-kicker{margin-bottom:4px}
 .visual-search-modal{width:calc(100vw - 28px);max-width:440px;height:auto;max-height:82dvh;margin:auto;border:0;border-radius:22px;background:#f8f6f1;color:#38352f;box-shadow:0 20px 80px #0003;overflow:auto}
 .visual-search-modal::backdrop{background:#24232170;backdrop-filter:blur(4px)}
 .visual-search-modal .visual-search{padding:22px 18px;background:transparent;color:inherit;border:0}
 .visual-search-modal .visual-modal-close{top:8px;right:8px;width:38px;height:38px;min-height:0;border:0;background:transparent;color:#62594c;font-size:26px}
 .visual-search-modal .visual-search-head{display:block;margin:0 0 14px;padding:0;border:0}.visual-search-modal .section-kicker{font-size:9px;letter-spacing:1.8px;color:#9b8c75}.visual-search-modal .visual-search-head h2{font:500 22px/1.35 Arial,"Microsoft YaHei",sans-serif;margin:5px 0 6px;color:#38352f}.visual-search-modal .visual-search-head p{font-size:11px;line-height:1.6;margin:0;max-width:92%;color:#82796c}
 .visual-search-modal .visual-search-workspace{display:block;border:0}.visual-search-modal .visual-search-media{padding:0;border:0}.visual-search-modal .visual-crop,.visual-search-modal .visual-upload{min-height:0;border-radius:12px;overflow:hidden;background:#eae5dc;border:0}.visual-search-modal .visual-crop canvas{height:clamp(160px,27dvh,240px);background:#eae5dc}.visual-search-modal .visual-upload{height:180px;color:#63594a}.visual-search-modal .visual-upload small{color:#82796c}.visual-search-modal .visual-upload-mark{height:36px;width:36px;font-size:24px;border:0;color:#766854}.visual-search-modal .visual-replace{top:8px;right:8px;min-height:32px;padding:0 11px;background:#faf8f0ed;color:#625542;border:0;border-radius:20px;font-size:11px}
 .visual-search-modal .visual-search-controls{padding:14px 0 0;gap:12px;min-height:0}.visual-search-modal .visual-control-label{margin-bottom:7px;font-size:11px;color:#82796c}.visual-search-modal .visual-mode{border:0;border-radius:10px;background:#eee9df;padding:3px;gap:3px}.visual-search-modal .visual-mode button{min-height:34px;padding:0 5px;font-size:11px;border:0;border-radius:8px;color:#817664}.visual-search-modal .visual-mode button.is-active{background:#fffdf8;color:#4d4335;box-shadow:0 1px 4px #44332212}.visual-search-modal .visual-search-action p{min-height:0;font-size:11px;line-height:1.55;color:#82796c;margin:0 0 10px}.visual-search-modal .visual-search-button{min-height:42px;border:0;border-radius:12px;background:#786954;color:#fffdf8;font-size:13px}.visual-search-modal .visual-search-button:disabled{opacity:.45}.visual-search-modal .visual-results{margin-top:18px;padding-top:18px;border-color:#ded7cb}.visual-search-modal .visual-results-head h3{font-size:18px;color:#38352f}.visual-search-modal .visual-results-head span,.visual-search-modal .visual-results-head strong{color:#82796c;font-size:11px}.visual-search-modal .visual-result-body{background:#f0ece4;color:#38352f}.visual-search-modal .visual-result-body a,.visual-search-modal .visual-result-body strong{color:#574b3b}
}
.visual-desktop-cases{display:none}
.visual-source-icon{display:inline-flex;flex:0 0 24px;width:24px;height:24px;color:#88775f}
.visual-source-icon svg{display:block;width:100%;height:100%}
.visual-source-options button{display:flex;align-items:center;justify-content:center;gap:10px}
.visual-source-sheet .source-cases{display:flex;align-items:center;gap:11px}
.visual-source-sheet .source-cases>span:last-child{min-width:0;line-height:1.5}
@media(max-width:360px){.visual-source-sheet .source-cases{padding:14px 11px;gap:8px;font-size:12px!important}}
@media(min-width:761px){
 .visual-search-modal{width:min(900px,calc(100vw - 64px));max-width:900px;max-height:84dvh}
 .visual-search-modal .visual-search{padding:30px}
 .visual-search-modal .visual-search-head{margin-bottom:22px;padding-right:40px}
 .visual-search-modal .visual-search-head h2{font-size:28px}
 .visual-search-modal .visual-search-head p{font-size:13px}
 .visual-search-modal .visual-search-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:26px;align-items:start}
 .visual-search-modal .visual-upload{height:280px}
 .visual-search-modal .visual-crop canvas{height:280px}
 .visual-search-modal .visual-search-controls{padding:0;gap:24px}
 .visual-search-modal .visual-control-label,.visual-search-modal .visual-mode button,.visual-search-modal .visual-search-action p{font-size:12px}
 .visual-desktop-cases{display:block;width:100%;margin-top:12px;padding:13px 16px;border:1px solid #ded7cb;border-radius:12px;background:#eee9df;color:#625542;font:inherit;font-size:13px;cursor:pointer}
 .visual-desktop-cases{display:flex;align-items:center;justify-content:center;gap:10px}
 .visual-source-sheet{width:min(720px,calc(100vw - 64px));padding:28px}
 .source-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .visual-search-modal .visual-results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}