:root{--bg:#f6f5f2;--panel:#fff;--ink:#1f2328;--muted:#6a6f76;--line:#e2e0da;--accent:#ff5a1f;--accent-ink:#fff;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);height:100vh;margin:0;display:flex}#sidebar{background:var(--panel);border-right:1px solid var(--line);flex:none;width:360px;padding:16px 18px 40px;overflow-y:auto}header h1{margin:0;font-size:20px}.sub{color:var(--muted);margin:4px 0 8px}section{border-top:1px solid var(--line);padding:14px 0 6px}h2{align-items:center;gap:8px;margin:0 0 10px;font-size:15px;display:flex}.step{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:12px;display:inline-grid}label{justify-content:space-between;align-items:center;gap:10px;margin:6px 0;display:flex}label.check{justify-content:flex-start;gap:6px}label.small{color:var(--muted);margin:0;font-size:12px}input[type=number],select{border:1px solid var(--line);width:110px;font:inherit;border-radius:6px;padding:4px 6px}select.wide{width:190px}.feat{justify-content:space-between;align-items:center;margin:6px 0;display:flex}.feat label{margin:0}.indent{margin-top:-2px;padding-left:22px}#street-preset{width:100%;margin:4px 0 6px}.font-sample{white-space:nowrap;text-overflow:ellipsis;background:#f3f2ee;border-radius:6px;margin:4px 0 6px;padding:6px 10px;font-size:26px;line-height:1.25;overflow:hidden}.upload-font{flex-direction:column;align-items:flex-start;gap:4px}.upload-font input{font-size:12px}#custom-text{border:1px solid var(--line);min-width:0;font:inherit;border-radius:6px;flex:1;padding:6px 8px}input[type=search]{border:1px solid var(--line);font:inherit;border-radius:6px;flex:1;padding:6px 8px}input[type=color]{cursor:pointer;background:0 0;border:none;width:40px;height:26px;padding:0}button{font:inherit;border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#f3f2ee;border-radius:6px;padding:6px 12px}button:hover{background:#eae8e2}button.primary{background:var(--accent);width:100%;color:var(--accent-ink);border-color:var(--accent);padding:10px;font-weight:600}button.primary:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:default}.row{align-items:center;gap:8px;margin:6px 0;display:flex}.row.wrap{flex-wrap:wrap}.row strong{flex:1}.hint{color:var(--muted);margin:4px 0;font-size:12px}.info{color:var(--muted);white-space:pre-line;margin:6px 0;font-size:12.5px}.info.error{color:#c0262d}.picker{background:var(--panel);justify-content:space-between;align-items:center;width:100%;margin:10px 0 2px;padding:8px 12px;font-size:15px;font-weight:600;display:flex}.picker .chev{color:var(--muted)}.picker[aria-expanded=true]{border-color:var(--ink)}.picker[aria-expanded=true] .chev{transform:rotate(180deg)}.catalog-open [data-mode-panel],.catalog-open .design-bar,.catalog-open #mode-sub{display:none!important}#app-sub{display:none}.catalog-open #app-sub{display:block}#catalog{padding-bottom:8px}#catalog input[type=search]{width:100%;margin:8px 0 2px}#catalog h3{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:14px 0 4px;font-size:11px;font-weight:600}.cat-item{text-align:left;background:var(--panel);width:100%;margin:4px 0;padding:8px 10px;display:block}.printer{border-top:1px solid var(--line);margin-top:16px;padding-top:10px}.printer summary{cursor:pointer;font-weight:600}.printer button{margin:4px 0}a.cat-item{border:1px solid var(--line);color:var(--ink);border-radius:6px;text-decoration:none}a.cat-item:hover{background:#eae8e2}.cat-item strong{display:block}.cat-item span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.cat-item.active{border-color:var(--ink);box-shadow:inset 3px 0 0 var(--accent)}.design-bar{margin:6px 0 0}.design-bar .hint{flex-basis:100%;margin:0}input[type=range]{width:150px}.backlit{image-rendering:auto;background:#111;border-radius:4px;max-width:100%;max-height:320px;margin:6px auto;display:block}.tabs{gap:4px;margin-bottom:10px;display:flex}.tab{background:0 0;flex:1}.tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}#label-list,#band-list{max-height:240px;margin:6px 0;padding:0;list-style:none;overflow-y:auto}#label-list li,#band-list li{align-items:center;gap:6px;padding:3px 0;display:flex}#label-list input[type=text],#band-list input[type=text]{border:1px solid var(--line);min-width:0;font:inherit;border-radius:5px;flex:1;padding:3px 6px}#band-list input[type=number]{width:80px}.kind{color:var(--muted);width:48px;font-size:11px}.x{color:var(--muted);background:0 0;border:none;padding:0 7px}.stats table{border-collapse:collapse;width:100%;margin:6px 0;font-size:12.5px}.stats td{border-bottom:1px solid var(--line);padding:3px 0}.stats td:last-child{text-align:right;font-variant-numeric:tabular-nums}.swatch{vertical-align:-1px;border:1px solid #0003;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.view-tabs{z-index:1000;background:#fff;border-radius:8px;width:260px;padding:4px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}#map,#preview{flex:1;min-height:0}.rect-handle{border:2px solid var(--accent);background:#fff;border-radius:3px}.rect-mover{background:var(--accent);color:#fff;text-align:center;cursor:move;border-radius:50%;font-size:14px;line-height:22px}.map-label-tip{padding:1px 5px;font-size:11px}@media (width<=800px){body{flex-direction:column-reverse;height:auto}#sidebar{border-right:none;width:100%}main{flex:none;height:60vh}}