:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#17312c;background:#f3f6f6;font-synthesis:none;font-size:16px;--green:#087c66;--line:#dce5e2;--muted:#637770}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}header{height:92px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px)}.brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:650}.brandmark{width:43px;height:43px;background:#087c66;color:#fff;display:grid;place-items:center;font-size:32px;border-radius:11px}.brand small{display:block;font-size:10px;letter-spacing:2.1px;font-weight:550;color:var(--muted);margin-top:5px}.privacy{font-size:14px;color:var(--green);background:#edf8f3;padding:10px 15px;border-radius:30px}main{max-width:1400px;margin:auto;padding:38px 4vw 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:650;color:var(--green)}h1{font-size:30px;letter-spacing:-.8px;margin:10px 0 12px;font-weight:650;line-height:1.4}.page-heading p{color:var(--muted);margin:0;font-size:15px}.format-tag{border:1px solid #cedbd6;padding:9px 13px;border-radius:6px;font-family:monospace;font-size:13px;color:var(--muted)}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:14px}.rules{padding:25px 23px}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:24px}.section-heading h2{font-size:17px;margin:0;font-weight:650}.step{font-size:12px;color:var(--green);background:#eaf5ef;border:1px solid #d5eade;padding:5px 6px;border-radius:5px;font-variant-numeric:tabular-nums}.rules label:not(.check){font-size:14px;font-weight:550;display:block;margin:21px 0 9px}input:not([type=checkbox],[type=file]),select{width:100%;padding:11px 12px;border:1px solid #cddbd5;border-radius:7px;background:#fff;color:#193a30;font-size:14px;min-height:43px}input:focus,select:focus,button:focus-visible{outline:3px solid #77c9b0;outline-offset:3px}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px}.hint{color:var(--muted);font-size:13px;line-height:1.7;margin:9px 0 16px}.check{display:flex;gap:8px;align-items:center;font-size:14px;margin-top:20px}.divider{border-top:1px solid var(--line);margin:24px 0}.primary,.secondary{border-radius:7px;padding:11px 18px;font-weight:550;font-size:14px;min-height:43px}.primary{background:var(--green);border:1px solid var(--green);color:#fff}.primary:hover:not(:disabled){background:#08634f}.secondary{background:white;border:1px solid #cedbd6;color:#25443a}.secondary:hover:not(:disabled){background:#f2f7f4}.wide{width:100%}.rule-preview{margin-top:28px;padding:19px 15px;background:#f4f7f6;border:1px dashed #cfddd5;border-radius:8px}.rule-preview>span{font-size:12px;color:var(--muted)}.rule-preview strong{display:block;font-size:14px;margin:11px 0;word-break:break-all;font-weight:550}.rule-preview strong>span{color:var(--green)}.rule-preview small{font-size:12px;color:var(--muted)}.main-panel{min-width:0;display:grid;gap:24px}.import-panel,.results-panel{padding:25px 27px}.local-tag{margin-left:auto;color:var(--muted);font-size:12px}.dropzone{background:#f6faf8;border:1.5px dashed #accabd;border-radius:10px;text-align:center;padding:23px 15px 20px;transition:.2s}.dropzone.dragging{border-color:var(--green);background:#e6f6ef}.upload-icon{width:45px;height:45px;margin:0 auto 10px;background:#e4f1eb;color:var(--green);font-size:30px;border-radius:11px}.dropzone h3{font-size:17px;font-weight:550;margin:9px 0}.dropzone p{font-size:14px;color:var(--muted);margin:9px 0 18px}.import-actions{display:flex;justify-content:center;gap:10px}.drop-note{font-size:12px;color:#637770;display:block;margin-top:16px}.message{font-size:13px;color:var(--muted);line-height:1.6;margin:15px 0 0}.message.error{color:#a13d20}progress{width:100%;height:7px;accent-color:var(--green);margin-top:16px}.text-button{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:14px;padding:5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:0 0 23px;gap:10px}.metrics>div{padding-left:24px;border-left:1px solid var(--line)}.metrics>div:first-child{border:0;padding:0}.metrics span{font-size:13px;color:var(--muted)}.metrics strong{display:block;font-size:30px;font-weight:550;margin-top:8px;font-variant-numeric:tabular-nums}.metrics small{font-size:13px;color:var(--muted);font-weight:400;margin-left:6px}.empty{text-align:center;color:var(--muted);padding:24px 0 26px}.empty>span{font-size:30px;color:#acbdb4}.empty p{font-size:15px;margin:8px 0}.empty small{font-size:13px}.download-bar{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.download-bar>span{font-size:13px;color:var(--muted)}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding:25px 2px}.result-row{padding:19px 0;border-bottom:1px solid var(--line)}.result-row:last-child{border:0}.row-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.badge{font-size:12px;padding:4px 8px;border-radius:5px;background:#e8f5ef;color:#076c50}.badge.warn{background:#fff4df;color:#8c570b}.badge.bad{background:#feeee8;color:#a43e28}.row-count{margin-left:auto;font-size:20px;font-weight:600}.row-count small{font-size:13px;font-weight:400;margin-left:3px}.names{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.old-name{color:var(--muted);font-size:13px}.new-name{color:#0d6853;margin-top:6px}.row-actions{display:flex;gap:14px;margin-top:10px;align-items:center;flex-wrap:wrap}.link-button{border:0;background:none;color:var(--green);padding:4px 0;font-size:13px}.warning-text{color:#965514;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.confirm{font-size:13px;display:flex;align-items:center;gap:6px;color:#865812}dialog{border:1px solid var(--line);border-radius:15px;padding:26px;max-width:760px;width:calc(100% - 32px);color:#17312c;max-height:85vh}dialog::backdrop{background:#0f2b2460}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-header h2{font-size:20px;margin:0}#detail-content{overflow-wrap:anywhere}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}th{background:#f3f7f5;font-weight:500}.detail-total{font-size:23px;color:var(--green);font-weight:650}.detail-note{font-size:14px;line-height:1.7;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1450px){main{padding-left:24px;padding-right:24px}}@media(max-width:900px){.workspace{grid-template-columns:250px minmax(0,1fr);gap:16px}.rules{padding:20px 17px}.import-panel,.results-panel{padding:21px 18px}.metrics>div{padding-left:13px}h1{font-size:25px}}@media(max-width:700px){header{height:78px;padding:0 18px}.brand{font-size:17px}.privacy{font-size:12px;padding:8px}.brand small{display:none}main{padding:25px 17px}.page-heading{margin-bottom:24px}.page-heading p{line-height:1.7;font-size:14px}.format-tag{display:none}h1{font-size:24px}.workspace{display:flex;flex-direction:column}.rules,.main-panel{width:100%}.rules{padding:20px}.rules .section-heading{margin-bottom:8px}.rule-preview{margin-top:18px}.main-panel{gap:16px}.metrics strong{font-size:26px}.metrics span{font-size:12px}.download-bar{align-items:flex-start;flex-direction:column}.download-bar button{width:100%}footer{font-size:12px;gap:10px}.dropzone{padding:20px 10px}}

/* Keep the action separated when both optional settings sections are hidden. */
#custom-suffix[hidden] + #content-options[hidden] + #recalculate{margin-top:20px}