#wl-builder{font-family:system-ui,Arial,sans-serif;max-width:1100px;margin:0 auto;padding:12px;color:#222}
#wl-builder h1{font-size:1.5rem;margin:.2em 0}#wl-builder header p{margin:0 0 10px;color:#555}
.wl-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.wl-btn{border:1px solid #222;background:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.95rem}
.wl-btn.primary{background:#111;color:#fff}.wl-btn.big{width:100%;padding:12px;font-size:1.1rem;margin-top:8px}
.wl-gap input{width:4em}
.wl-main{display:flex;gap:16px;align-items:flex-start}
.wl-canvaswrap{flex:1 1 auto;max-height:80vh;overflow:auto;border:1px solid #ccc;position:relative;
 background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 0/16px 16px}
.wl-side{flex:0 0 300px}
.wl-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;background:#f5f5f5;padding:10px;border-radius:8px}
.wl-summary span{display:block;font-size:.75rem;color:#666}.wl-summary small{grid-column:1/4;color:#666}
.wl-panel{border:1px solid #ddd;border-radius:8px;padding:10px;margin-top:10px}.wl-panel h3{margin:0 0 6px;font-size:1rem}
.wl-panel label{display:block;margin:4px 0}.wl-panel input,.wl-panel select{width:100%;box-sizing:border-box;padding:4px}
.wl-row{display:flex;gap:6px;align-items:end;margin-top:6px}.wl-row label{flex:1}
#wl-preview{max-width:100%;max-height:220px;display:block;margin:auto;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 0/10px 10px}
.wl-warn{list-style:none;padding:0;margin:10px 0 0}.wl-warn li{padding:6px 8px;border-radius:6px;margin-bottom:4px;font-size:.9rem}
.wl-warn .bad{background:#fde2e2;color:#8a1010}.wl-warn .meh{background:#fff4d6;color:#7a5600}.wl-warn .ok{background:#e3f6e5;color:#155d1c}
.wl-msg{font-size:.85rem;margin-top:8px;word-break:break-all}
@media(max-width:760px){.wl-main{flex-direction:column}.wl-side{flex:none;width:100%}.wl-canvaswrap{width:100%;max-height:60vh}}
.wl-row.wrap{flex-wrap:wrap}.wl-panel h4{margin:8px 0 4px;font-size:.9rem}
.wl-tabs button{border:0;background:none;padding:6px 10px;cursor:pointer}.wl-tabs .on{border-bottom:2px solid #111;font-weight:bold}
.wl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;max-height:200px;overflow:auto;margin-top:6px}
.wl-grid img{width:100%;height:80px;object-fit:contain;cursor:pointer;border:1px solid #ddd;border-radius:6px;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 0/10px 10px}
.wl-agree{display:block;font-size:.85rem;margin-top:10px}.wl-busy{opacity:.5;pointer-events:none}
.wl-tools .wl-btn{padding:4px 8px}.wl-sep{width:1px;background:#ccc;align-self:stretch;margin:0 4px}
.wl-sheets{align-items:center;gap:6px}.wl-sheets .tab{padding:4px 10px;border:1px solid #bbb;border-radius:4px;cursor:pointer;background:#fff}.wl-sheets .tab.on{background:#111;color:#fff}
#wl-settings label{display:block;margin:4px 0}.wl-legend i{display:inline-block;width:12px;height:12px;margin:0 4px 0 10px;vertical-align:middle;border-radius:2px}
.r-opt{background:#2a9d8f}.r-good{background:#8ab17d}.r-bad{background:#f4a261}.r-terr{background:#e63946}
.wl-dialog{max-width:960px;width:95vw;border:0;border-radius:8px;box-shadow:0 10px 40px #0005}.wl-dialog::backdrop{background:#0006}
.wl-abtable{width:100%;border-collapse:collapse;margin:8px 0}.wl-abtable td,.wl-abtable th{padding:4px;border-bottom:1px solid #eee;text-align:left}.wl-abtable img{width:48px;height:48px;object-fit:contain;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0 0/10px 10px}
.wl-abtable input[type=number]{width:64px}.q{display:inline-flex;gap:2px}.q button{width:24px}
#pc-list .pc{padding:6px;border-bottom:1px solid #eee}#pc-list .bad{color:#c1121f}#pc-list .ok{color:#2a9d8f}
.wl-canvaswrap.hand{cursor:grab}.wl-canvaswrap{overflow:auto;max-height:80vh}
#wl-settings label{display:flex;gap:8px;align-items:center}#wl-settings input{width:auto;margin:0}
.wl-note{color:#9a6b00}