/* Shared product surface polish: Chinese-first, quiet chrome, clear focus. */
.language-chip{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;border:1px solid #dfe7e2;border-radius:999px;background:#f7faf8;color:#527064;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.language-chip::before{content:'中';display:grid;place-items:center;width:16px;height:16px;border-radius:5px;background:#167a5b;color:#fff;font-size:10px}
.top .language-chip{margin-right:2px}
button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid rgba(22,122,91,.24);outline-offset:2px}
@media(max-width:560px){.language-chip{min-height:26px;padding:0 7px;font-size:10px}.language-chip::before{width:15px;height:15px}.top .language-chip{display:none}}
@media(max-width:700px){.mode-switch{box-shadow:0 1px 2px rgba(26,55,42,.04)}.mode-switch a.active{color:#087f5b}}

/* Workbench: make the next action obvious without adding visual noise. */
.intro p{max-width:560px;margin-inline:auto;line-height:1.6}
.upload{transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.upload:focus-within{border-color:#167a5b;background:#f4fbf7;box-shadow:0 0 0 4px rgba(22,122,91,.1)}
.submit{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px rgba(8,127,91,.2);filter:saturate(1.05)}
.status{border:1px solid #edf1ef;transition:border-color .18s ease,background-color .18s ease}
.status:has(video){border-color:#cfe8db;background:#fbfefc}
.customer-price{min-height:17px}
.customer-price{display:none!important}

/* Canvas empty state: explain the first gesture and give it a clear visual anchor. */
.empty-state::before{content:'＋';display:grid;place-items:center;width:42px;height:42px;border:1px solid #b8d8c7;border-radius:13px;background:#eaf6ef;color:#167a5b;font-size:24px;font-weight:400;box-shadow:0 5px 14px rgba(22,122,91,.08)}
.empty-state b{font-weight:700}
.empty-state span{line-height:1.5}
@media(max-width:700px){.intro p{margin-inline:0}.empty-state::before{width:38px;height:38px}.empty-state b{font-size:14px}.empty-state span{font-size:11px}}