/* Batch File Renamer — tokens only; builds on shared.css. */
.br-wrap{width:min(1000px,100%);margin:0 auto;padding:28px 22px 70px}
.br-wrap .hero{text-align:center;margin-bottom:16px}
.br-wrap .hero .kicker{font:700 var(--text-micro)/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent)}
.br-wrap .hero h1{font-size:clamp(28px,4.5vw,40px);line-height:1.12;margin:10px 0 8px;color:var(--ink)}
.br-wrap .hero p{margin:0 auto;max-width:640px;color:var(--muted);font-size:var(--text-input)}

.br-unsupported{max-width:760px;margin:0 auto 14px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--accent);color:var(--g-1);font-size:var(--text-small);line-height:1.5}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow)}
.br-app{display:flex;flex-direction:column;gap:14px}

.br-pick{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.br-primary{padding:12px 20px;border:1px solid var(--solid);border-radius:var(--r-md);background:var(--solid);color:#fff;cursor:pointer;font:700 var(--text-small)/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.5px}
.br-primary:disabled{opacity:.45;cursor:default}
.br-engine{color:var(--g-2);font:var(--text-micro)/1 "DM Mono",monospace}

.br-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.br-field{display:flex;flex-direction:column;gap:6px;margin:0;border:0;padding:0;min-width:0}
.br-field.br-grow{grid-column:1/-1}
.br-field.br-inline{flex-direction:row;align-items:center;gap:8px}
.br-field>span,.br-field>legend{font:700 var(--text-small)/1 "Manrope",sans-serif;color:var(--g-2);padding:0}
.br-field input,.br-field select{font:500 var(--text-input)/1.2 "Manrope",sans-serif;padding:10px 11px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);width:100%}
#pattern{font-family:"DM Mono",monospace}
.br-tokens{display:flex;flex-wrap:wrap;gap:5px}
.br-tokens button{padding:5px 8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);cursor:pointer;font:500 var(--text-micro)/1 "DM Mono",monospace}
.br-tokens button:hover{border-color:var(--accent)}
.br-help{color:var(--g-2);font-size:var(--text-micro)}
.br-fr{display:flex;gap:8px;align-items:center}
.br-fr input{flex:1}
.br-check{display:inline-flex;align-items:center;gap:6px;color:var(--g-2);font-size:var(--text-small);white-space:nowrap}
.br-tokadd{display:inline-flex;align-items:center;gap:6px;margin-top:2px;color:var(--g-2);font-size:var(--text-micro);cursor:pointer}

.br-sample{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2)}
.br-sample-label{font:700 var(--text-micro)/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.6px;color:var(--g-2)}
.br-sample code{font:500 var(--text-small)/1.3 "DM Mono",monospace;color:var(--ink);word-break:break-all}
.br-sample #sampleNew{color:var(--accent)}
.br-sample-arrow{color:var(--g-2)}
.br-empty{text-align:center;color:var(--g-2);font-size:var(--text-small);padding:8px 0}
.br-files-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.br-selbtns{display:flex;gap:6px}
.br-selbtns button{padding:7px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);cursor:pointer;font:600 var(--text-micro)/1 "Manrope",sans-serif}
.br-counts{margin-left:auto;color:var(--g-2);font:var(--text-small)/1 "DM Mono",monospace}
.br-filelist{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 12px;max-height:180px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2)}
.br-file{display:flex;align-items:center;gap:7px;font-size:var(--text-small);color:var(--ink);min-width:0}
.br-file span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.br-preview-head{margin:14px 0 6px}
.br-preview-head .kicker{font:700 var(--text-micro)/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.6px;color:var(--g-2)}
.br-preview{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-sm)}
.br-preview table{width:100%;border-collapse:collapse;font:500 var(--text-small)/1.4 "DM Mono",monospace}
.br-preview th{position:sticky;top:0;background:var(--surface);text-align:left;padding:8px 10px;color:var(--g-2);font-weight:700;border-bottom:1px solid var(--line)}
.br-preview td{padding:7px 10px;border-bottom:1px solid var(--line);color:var(--ink);word-break:break-all}
.br-preview tr.bad td{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
.br-preview tr.bad em{font-style:normal;text-transform:uppercase;font-size:var(--text-micro);opacity:.85}
.br-preview tr.muted td{color:var(--g-2)}

.br-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.br-block{color:var(--accent);font-size:var(--text-small)}
.br-exports{display:flex;gap:8px;margin-left:auto}
.br-exports button{padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);cursor:pointer;font:700 var(--text-micro)/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.4px}
.br-exports button:hover{border-color:var(--accent)}

.br-content{margin-top:22px}
.br-doc,.br-faq{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:2px 18px;margin-bottom:14px}
.br-doc>summary,.br-faq-list>details>summary{cursor:pointer;padding:15px 0;font-weight:700;list-style:none}
.br-doc>summary::-webkit-details-marker{display:none}
.br-doc>summary::after,.br-faq-list>details>summary::after{content:"+";float:right;color:var(--g-2)}
.br-doc[open]>summary::after,.br-faq-list>details[open]>summary::after{content:"−"}
.br-doc-body{padding:0 0 16px}
.br-doc-body ol{margin:0;padding-left:20px}
.br-doc-body li{color:var(--g-1);font-size:var(--text-body);line-height:1.6;margin-bottom:6px}
.br-doc-body b{color:var(--ink)}
.br-note{margin-top:12px;color:var(--g-2);font-size:var(--text-small);line-height:1.5}
.br-faq{padding:2px 18px 8px}
.br-faq>h2{font-size:var(--text-emphasis);margin:14px 0 4px}
.br-faq-list>details{border-top:1px solid var(--line)}
.br-faq-list>details:first-child{border-top:0}
.br-faq-list>details>p{margin:0 0 14px;color:var(--g-1);font-size:var(--text-body);line-height:1.6}
.br-related{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.br-related a{color:var(--accent);font-size:var(--text-body);text-decoration:none}
.br-related a:hover{text-decoration:underline}

@media(max-width:760px){.br-fields{grid-template-columns:1fr 1fr}.br-field.br-grow{grid-column:1/-1}}
@media(max-width:520px){.br-fields{grid-template-columns:1fr}}