:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#24342d;background:#f5f6f2;font-synthesis:none;--accent:#246344;--line:#dce1d7}
.controls{flex-wrap:wrap}.form-help{font-size:12px;line-height:1.8;color:#667267;margin:12px 2px 0;overflow-wrap:anywhere}
.site-visits{font-size:12px;color:#667267;text-align:right;margin:24px 2px 0;line-height:1.8;font-variant-numeric:tabular-nums}
*{box-sizing:border-box}body{margin:0}header{padding:20px max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#fff}a{color:var(--accent)}.brand{font-size:18px;font-weight:700;letter-spacing:-.4px;text-decoration:none}.local{font-size:13px;color:#69746a}main{max-width:1240px;margin:auto;padding:36px 24px 28px}.intro{max-width:720px;margin-bottom:26px}.eyebrow{font-size:12px;letter-spacing:1px;color:var(--accent);margin:0 0 12px}h1{font-size:32px;font-weight:650;letter-spacing:-1px;line-height:1.35;margin:0 0 12px}.intro>p:last-child,.compatibility>p,.mapping>p{font-size:14px;line-height:1.8;color:#667267;margin:0}h2{font-size:15px;margin:0;font-weight:650}.controls{display:flex;align-items:end;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px}label{font-size:12px;color:#5e6a60;display:flex;flex-direction:column;gap:8px}select,button{font:inherit;font-size:13px;min-height:40px;border-radius:5px}select{border:1px solid #cbd3c7;background:#fff;padding:0 30px 0 10px;color:#293a2e}button{border:1px solid #cbd3c7;background:#fff;padding:0 16px;color:#2c4434;cursor:pointer;white-space:nowrap}button:hover{background:#eef4ee}button.primary{background:var(--accent);color:white;border-color:var(--accent)}button.primary:hover{background:#1b5137}button:disabled{opacity:.5;cursor:wait}button.small{min-height:30px;font-size:12px;padding:0 12px}.file-label{flex:1;min-width:190px;position:relative}input[type=file]{position:absolute;inset:20px 0 0;width:100%;opacity:0;cursor:pointer}.file-label>span{height:40px;border:1px dashed #b8c5b6;border-radius:5px;display:flex;align-items:center;padding:0 12px;color:#465c49;background:#fafcf9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#status{font-size:13px;min-height:51px;padding:16px 2px;color:#536753}#status.error{color:#a72c25}.workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-bottom:22px}[hidden]{display:none!important}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);gap:14px}.panel-top span{font-size:12px;color:#778074}iframe{border:0;width:100%;height:520px;display:block;background:#fff}textarea{resize:vertical;width:100%;border:1px solid #cbd3c7;border-radius:5px;font:12px/1.65 Consolas,monospace;color:#415044;background:#fcfdfb;padding:12px;min-height:140px}#source{border:0;border-radius:0;height:380px;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere}.export-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 18px;border-top:1px solid var(--line)}.export-bar span{font-size:11px;color:#768173}details{padding:0 18px 16px;font-size:12px;color:#647362}summary{cursor:pointer;padding-top:5px}li{margin:7px 0;line-height:1.6}.mapping{margin-bottom:22px}.mapping>p,.compatibility>p{padding:18px}.asset-row{display:grid;grid-template-columns:100px 180px minmax(200px,1fr);align-items:center;gap:14px;padding:12px 18px;border-top:1px solid #edf0e8}.asset-row img{max-width:100px;max-height:54px;object-fit:contain}.asset-row code{font:11px/1.5 Consolas,monospace;overflow-wrap:anywhere}.asset-row input{border:1px solid #cbd3c7;padding:10px;border-radius:5px;font-size:12px;width:100%}#download-mapped{margin:16px 18px}.compatibility{margin-top:22px}.compare-inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 18px 18px}#compare{margin:0 18px 18px}#comparison{font-size:13px;padding:0 18px 18px;line-height:1.7}#comparison:empty{display:none}table{width:100%;border-collapse:collapse;margin:12px 0}td,th{border-bottom:1px solid var(--line);padding:7px 10px;text-align:left}th{font-size:12px;background:#f6f8f2}td.changed{color:#9b4d20}footer{display:flex;justify-content:space-between;font-size:12px;color:#738070;line-height:1.8;margin-top:24px;gap:16px}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible,.file-label:focus-within{outline:2px solid #66976a;outline-offset:3px}
.file-label{align-self:stretch;justify-content:end;min-width:240px;padding:8px;border:1px dashed #b8c5b6;border-radius:5px;background:#fafcf9}.file-label.dragging{border-color:var(--accent);background:#eef4ee}.file-label input[type=file]{position:static;inset:auto;width:100%;opacity:1;min-height:40px;font:inherit;font-size:13px;color:#465c49;cursor:pointer}.file-label input[type=file]::file-selector-button{font:inherit;min-height:40px;margin-right:10px;border:1px solid #cbd3c7;border-radius:5px;padding:0 12px;color:#2c4434;background:#fff;cursor:pointer}.file-label input[type=file]::file-selector-button:hover{background:#eef4ee}.file-label>span{height:auto;min-height:16px;border:0;border-radius:0;padding:0;background:transparent;font-size:11px;display:block}.controls{align-items:center}
select:disabled{color:#778074;background:#f4f6f1;cursor:default}#source-note{font-size:12px;line-height:1.7;color:#667267;margin:0;padding:14px 18px;border-bottom:1px solid var(--line)}#comparison .error{color:#a72c25}
.mapping-import{padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.mapping-import>p{font-size:13px;line-height:1.8;color:#667267;margin:0}.mapping-import>label{width:100%;font-size:13px}.mapping-import textarea{min-height:120px}.relative-url-settings{padding:0;width:100%;font-size:12px}.relative-url-settings label{margin-top:12px}.relative-url-settings input{width:100%;border:1px solid #cbd3c7;border-radius:5px;padding:10px;font-size:13px}.manual-mapping{padding:0;border-top:1px solid var(--line)}.manual-mapping>summary{padding:16px 18px;font-size:13px}.mapping-import #mapping-message{color:#536753}.mapping-import #mapping-message.error{color:#a72c25}#mapping-message:empty{display:none}#image-order-confirmation{width:100%;border:1px solid #d7decf;background:#fafcf8;border-radius:5px;padding:14px}#image-order-confirmation>p{font-size:13px;line-height:1.8;margin:0 0 12px}.image-order-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border-top:1px solid #e2e7dd}.image-order-row img{max-width:96px;max-height:70px;object-fit:contain}.image-order-row strong{display:block;font-size:12px;margin-bottom:6px}.image-order-row code{font:11px/1.6 Consolas,monospace;overflow-wrap:anywhere}#confirm-image-order{margin-top:12px}.mapping-import button{max-width:100%;white-space:normal}#mapping-count{white-space:nowrap}
@media(max-width:900px){.controls{flex-wrap:wrap}.file-label{flex-basis:100%}.workspace{grid-template-columns:1fr}.asset-row{grid-template-columns:90px 1fr}.asset-row input{grid-column:1/-1}h1{font-size:27px}}
.mapped-actions{display:flex;flex-wrap:wrap;gap:12px;padding:16px 18px}.mapped-actions #download-mapped{margin:0}.mapped-actions button{max-width:100%;white-space:normal}
.mapping-copy-control{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:0 18px}.mapping-copy-control label{min-width:260px;max-width:100%}.mapping-copy-control select{width:100%}.mapping-copy-control p{flex:1;min-width:200px;font-size:13px;line-height:1.8;margin:0;color:#536753}
#clear-image-urls{margin:0 18px 14px}
.section-controls{display:flex;align-items:center;gap:24px;padding:18px;margin-bottom:20px}.section-controls label{min-width:260px}.section-controls select{max-width:100%;min-width:260px}.section-controls p{font-size:13px;line-height:1.8;margin:0;color:#536753}.section-controls p.error{color:#a72c25}@media(max-width:700px){.section-controls{flex-direction:column;align-items:stretch;gap:12px}.section-controls label,.section-controls select{min-width:0;width:100%}}
.image-order-description{min-width:0;display:grid;gap:8px}.image-order-description strong{margin:0}.image-order-description label{max-width:320px;width:100%;gap:6px}.image-order-description select{width:100%;min-width:0}.image-order-url{display:block}.image-order-view{font-size:12px;justify-self:start}.image-order-change{font-size:11px;line-height:1.7;color:#8a5b24;margin:0;overflow-wrap:anywhere}.image-order-change:empty{display:none}#image-order-message{font-size:12px;line-height:1.8;margin:12px 0 0;color:#536753}#image-order-message.error{color:#a72c25}@media(max-width:520px){.image-order-row{grid-template-columns:70px minmax(0,1fr);gap:10px}.image-order-row img{max-width:70px}.image-order-description label{max-width:none}}
@media(max-width:560px){main{padding:24px 14px}.controls{gap:10px;padding:16px}.controls label:not(.file-label){flex:1}select{width:100%;padding-right:12px}.compare-inputs{grid-template-columns:1fr}header{padding:16px}.local{font-size:11px}footer{flex-direction:column}.panel-top{flex-wrap:wrap}iframe{height:420px}}