:root{color-scheme:light;--ink:#182d40;--muted:#53675d;--green:#416f50;--line:#d7e3d9;--paper:#f4f8f4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Yu Gothic",Meiryo,sans-serif}button,input,select{font:inherit}button,.file-picker{border:1px solid #afc4b4;background:#fff;border-radius:9px;padding:10px 16px;color:var(--ink);cursor:pointer;font-weight:650}button:hover,.file-picker:hover{background:#edf5ee}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#32583e}.quiet{padding:6px 12px;font-size:14px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d09a2d;outline-offset:3px}.site-header,main,footer{max-width:1200px;margin:0 auto}.site-header{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{color:var(--ink);text-decoration:none;font-weight:800;display:flex;gap:12px;align-items:center;line-height:1.35}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:600}.privacy{font-size:13px;border:1px solid var(--line);border-radius:100px;padding:7px 14px}main{padding:14px 28px 44px}.intro{display:flex;gap:32px;justify-content:space-between;align-items:center;margin:6px 0 30px}.eyebrow{color:var(--green);font-weight:700;font-size:14px;margin:0 0 9px}h1{font-size:39px;letter-spacing:-.025em;line-height:1.4;margin:0 0 14px}h2{font-size:21px;margin:0}h3{font-size:17px}.intro p:last-child{margin:0;color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:25px;margin:20px 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title h2>span{display:inline-grid;place-items:center;width:30px;height:30px;background:#e4f0e6;color:var(--green);border-radius:50%;font-size:16px;margin-right:8px}.file-picker{position:relative;overflow:hidden;display:inline-flex;background:#e9f3eb}.file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-picker:focus-within{outline:3px solid #d09a2d;outline-offset:3px}.counts{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:18px;font-size:14px}.counts button{margin-left:auto}.hint{font-size:14px;color:var(--muted);margin:12px 0}.settings{display:grid;grid-template-columns:1.1fr 1.5fr .8fr .9fr;gap:16px;margin-top:24px}label{font-size:14px;font-weight:650}label>span{display:block;font-size:12px;font-weight:400;color:var(--muted)}input,select{width:100%;padding:10px;border:1px solid #b7cabc;border-radius:8px;background:#fff;color:var(--ink);margin-top:7px;min-height:46px}.settings label:nth-child(n+3){align-self:end}.rule-example{font-size:14px;background:#f2f7f2;padding:12px 15px;border-radius:8px;overflow-wrap:anywhere}.validation{font-size:14px;color:#2b613f}.error{color:#862b2b;background:#fff1f0;border:1px solid #efc2be;border-radius:9px;padding:12px 16px}.empty{padding:28px;text-align:center;background:#f7faf7;border:1px dashed #bfcec2;border-radius:10px;color:var(--muted)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px;font-size:14px}th,td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{background:#f2f7f3;white-space:nowrap}.filename,.new-name{word-break:break-word;min-width:140px;max-width:300px}.new-name{font-weight:650;color:#2b5f3e}.small{padding:6px 9px;font-size:14px;margin:2px}.build-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}.build-bar p{font-size:13px;max-width:420px;color:var(--muted);margin:0}.message{padding:12px 16px;background:#e9f1ed;border-radius:9px;overflow-wrap:anywhere}.save-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.result .section-title{margin-bottom:14px}.scope{margin-top:30px;border-top:1px solid var(--line);padding-top:20px}.scope summary{font-weight:700;cursor:pointer}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.scope p{font-size:14px;color:var(--muted)}code{font:inherit;font-size:13px;background:#e7eee7;padding:2px 4px}footer{padding:20px 28px 30px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}a{color:#326144}dialog{max-width:520px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:14px;padding:28px;color:var(--ink)}dialog::backdrop{background:#172b26aa}[hidden]{display:none!important}@media(max-width:760px){.site-header{padding:18px}.privacy{display:none}main{padding:8px 16px 32px}.intro{display:block}.intro>button{margin-top:20px}h1{font-size:32px}.panel{padding:20px 16px}.settings{grid-template-columns:1fr 1fr;gap:15px}.section-title{align-items:flex-start}.section-title h2{font-size:18px}.file-picker{padding:8px 12px;white-space:nowrap;font-size:14px}.scope-grid{grid-template-columns:1fr}footer{padding:20px 16px}.empty{padding:20px 12px}}@media(max-width:430px){h1{font-size:29px}.settings{grid-template-columns:1fr 1fr}.settings label:nth-child(1),.settings label:nth-child(2){grid-column:1/-1}.counts{gap:8px 15px}.counts button{margin-left:0}.section-title{flex-wrap:wrap}.save-actions button{width:100%}}
