@font-face{font-family:"Signika";src:url("fonts/signika-v20-latin-300.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Signika";src:url("fonts/signika-v20-latin-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Signika";src:url("fonts/signika-v25-latin-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{--ink:#121212;--paper:#f7f7f2;--white:#fff;--line:#d8d8d0;--muted:#6d6d66;--soft:#ecece5;--accent:#e63331;--danger:#b03225;--radius:0px;--font:"Signika","Trebuchet MS",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--paper);background-image:url("body.png");background-repeat:repeat;background-size:20px 20px;color:var(--ink);font-family:var(--font);font-weight:400;letter-spacing:.005em}.grid-bg{display:none}.shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:32px 0 48px}.hero{padding:28px 0 68px;position:relative}.brand{display:inline-flex;gap:6px;align-items:center;color:var(--ink);text-decoration:none;font-weight:650;font-size:23px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:2px solid var(--ink);font-size:15px}.local-pill{position:absolute;right:0;top:34px;display:flex;gap:8px;align-items:center;border:1px solid var(--ink);padding:8px 11px;background:var(--paper);font-size:13px}.local-dot{width:8px;height:8px;border-radius:50%;background:#2d9c4b}.hero h1{font-size:clamp(47px,7vw,88px);line-height:.92;letter-spacing:-.045em;margin:62px 0 24px;font-weight:400;max-width:960px}.intro{font-size:20px;line-height:1.5;max-width:700px;margin:0;color:#30302d}.panel{background:rgba(255,255,255,.94);border:1.5px solid var(--ink);padding:30px;margin-bottom:20px;box-shadow:8px 8px 0 rgba(18,18,18,.08)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.section-head>div{display:flex;align-items:center;gap:14px}.step{font-size:12px;border:1px solid var(--ink);padding:4px 6px;line-height:1}.section-head h2{font-size:26px;margin:0;font-weight:610}.counter{font-size:13px;color:var(--muted);padding-top:5px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:22px;gap:6px}.tab{appearance:none;border:0;background:transparent;padding:11px 14px 12px;font:600 15px var(--font);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;color:var(--muted)}.tab.is-active{border-color:var(--ink);color:var(--ink)}.table-head,.row-item{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(180px,.8fr) 42px;gap:10px;align-items:center}.table-head{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 0 7px}.table-head em{font-style:normal;text-transform:none;letter-spacing:0}.rows{display:grid;gap:9px}.input{width:100%;height:48px;border:1px solid #aaa9a0;background:#fff;padding:0 13px;font:450 16px var(--font);color:var(--ink);outline:none;border-radius:0}.input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.input.invalid{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.filename-wrap{position:relative}.filename-wrap .input{padding-right:53px}.ext-hint{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--muted);pointer-events:none}.remove-btn{height:42px;width:42px;border:1px solid transparent;background:transparent;font-size:25px;cursor:pointer;color:var(--muted)}.remove-btn:hover{border-color:var(--line);color:var(--ink)}.manual-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.secondary-btn,.text-btn{font:600 14px var(--font);cursor:pointer}.secondary-btn{border:1px solid var(--ink);background:#fff;padding:10px 13px}.text-btn{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:var(--muted)}.dropzone{min-height:190px;border:1.5px dashed #929289;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-align:center;cursor:pointer;background:#fafaf6;padding:28px}.dropzone.is-dragover{border-style:solid;background:var(--accent)}.drop-icon{font-size:30px;line-height:1}.dropzone strong{font-size:18px}.dropzone span:not(.drop-icon){font-size:14px;color:var(--muted)}.dropzone small{font-size:12px;color:#85857e}.file-state{margin-top:12px;border:1px solid var(--line);padding:13px 15px;font-size:14px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.field-group{border:0;padding:0;margin:0;min-width:0}.field-group label,.field-group legend{display:block;font-size:15px;font-weight:600;margin-bottom:10px;padding:0}.field-group small{display:block;margin-top:9px;color:var(--muted);font-size:12px}.color-control{display:grid;grid-template-columns:48px minmax(0,190px);gap:9px}.color-picker{width:48px;height:48px;border:1px solid #aaa9a0;background:#fff;padding:4px;border-radius:0;cursor:pointer}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.segmented{display:inline-grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink)}.segmented label{margin:0;cursor:pointer}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;min-width:94px;padding:13px 23px;text-align:center}.segmented input:checked+span{background:var(--ink);color:#fff}.generate-wrap{padding:18px 0 50px}.primary-btn{width:100%;border:2px solid var(--ink);background:var(--accent);color:#fff;min-height:78px;padding:0 28px;display:flex;justify-content:center;align-items:center;text-align:center;font:620 clamp(21px,3vw,31px) var(--font);cursor:pointer;box-shadow:7px 7px 0 var(--ink);transition:transform .12s,box-shadow .12s}.primary-btn:hover{transform:translate(2px,2px);box-shadow:5px 5px 0 var(--ink)}.primary-btn:active{transform:translate(6px,6px);box-shadow:1px 1px 0 var(--ink)}.primary-btn:disabled{cursor:wait;opacity:.6}.status{font-size:13px;color:var(--muted);margin:14px 0 0}.status.error{color:var(--danger)}.status.success{color:#187436}footer{border-top:1px solid var(--ink);padding-top:18px;font-size:12px;color:var(--muted)}.site-footer nav{display:flex;gap:18px;flex-wrap:wrap}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.shell{width:min(100% - 24px,1120px);padding-top:16px}.hero{padding:14px 0 42px}.local-pill{position:static;width:max-content;margin-top:22px}.hero h1{margin-top:40px}.intro{font-size:17px}.panel{padding:20px;box-shadow:5px 5px 0 rgba(18,18,18,.08)}.table-head{display:none}.row-item{grid-template-columns:1fr 40px}.link-input{grid-column:1/2}.filename-wrap{grid-column:1/2}.remove-btn{grid-column:2/3;grid-row:1/3;height:100%}.settings-grid{grid-template-columns:1fr;gap:28px}.manual-actions{gap:12px;align-items:flex-start;flex-direction:column}.primary-btn{min-height:68px;padding:0 18px}footer{gap:20px}}