/* BrillBBQ visualizer — scoped to .bbq-tool */
.bbq-tool{--tool-bg:#f6efe4;--tool-card:#fffaf3;--tool-ink:#1d1915;--tool-muted:#71675d;--tool-line:#d8c7b4;--tool-accent:#e9692c;--tool-ok:#2e7d52;--tool-warn:#a66712;--tool-bad:#a63b32;color:var(--tool-ink)}
.bbq-tool .tool-shell{display:grid;grid-template-columns:minmax(310px,.85fr) minmax(0,1.35fr);gap:24px;align-items:start}
.bbq-tool .tool-panel,.bbq-tool .preview-panel{background:var(--tool-card);border:1px solid var(--tool-line);border-radius:24px;box-shadow:0 16px 45px rgba(38,27,18,.09)}
.bbq-tool .tool-panel{padding:22px;position:sticky;top:96px}.bbq-tool .preview-panel{padding:18px}
.bbq-tool .step{padding:18px 0;border-bottom:1px solid #eadfd2}.bbq-tool .step:last-child{border-bottom:0}.bbq-tool .step-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.bbq-tool .step-index{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#271d16;color:#fff;font-weight:900;font-size:.8rem}.bbq-tool .step h3{margin:0;font-size:1.05rem;letter-spacing:-.02em}
.bbq-tool .field{display:grid;gap:6px;margin:10px 0}.bbq-tool label{font-weight:800;font-size:.84rem}.bbq-tool .hint{font-size:.78rem;color:var(--tool-muted);margin:4px 0 0}.bbq-tool input[type="text"],.bbq-tool input[type="number"],.bbq-tool select,.bbq-tool textarea{width:100%;border:1px solid #cfbda9;border-radius:12px;background:#fff;padding:10px 11px;color:var(--tool-ink);outline:none}.bbq-tool input:focus,.bbq-tool textarea:focus,.bbq-tool select:focus{border-color:var(--tool-accent);box-shadow:0 0 0 3px rgba(233,105,44,.12)}
.bbq-tool .two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bbq-tool .three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bbq-tool .upload{border:1px dashed #bda88f;border-radius:14px;padding:12px;background:#fff;display:grid;gap:6px}.bbq-tool .upload input{max-width:100%;font-size:.82rem}.bbq-tool .upload strong{font-size:.86rem}.bbq-tool .file-status{font-size:.78rem;color:var(--tool-muted)}
.bbq-tool .product-strip{display:flex;gap:8px;overflow:auto;padding:4px 0}.bbq-tool .thumb{width:58px;height:58px;flex:0 0 58px;border-radius:10px;border:2px solid transparent;overflow:hidden;background:#eee;cursor:pointer;padding:0}.bbq-tool .thumb.active{border-color:var(--tool-accent)}.bbq-tool .thumb img{width:100%;height:100%;object-fit:cover}
.bbq-tool .control-row{display:grid;grid-template-columns:90px 1fr 46px;gap:8px;align-items:center;margin:8px 0}.bbq-tool .control-row span{font-size:.78rem;font-weight:750}.bbq-tool input[type="range"]{width:100%;accent-color:var(--tool-accent)}.bbq-tool output{font-size:.75rem;text-align:right;color:var(--tool-muted)}
.bbq-tool .toggle{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:750}.bbq-tool .toggle input{accent-color:var(--tool-accent)}
.bbq-tool .tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.bbq-tool .tool-btn{border:1px solid #cdb9a3;background:#fff;color:var(--tool-ink);border-radius:12px;padding:9px 12px;font-weight:850;cursor:pointer}.bbq-tool .tool-btn:hover{border-color:#a88c70}.bbq-tool .tool-btn.primary{background:linear-gradient(135deg,#ffad5c,#ef6b2d);border:0;color:#25170e}.bbq-tool .tool-btn.dark{background:#211914;color:#fff;border-color:#211914}.bbq-tool .tool-btn:disabled{opacity:.45;cursor:not-allowed}
.bbq-tool .canvas-wrap{position:relative;background:#171513;border-radius:18px;overflow:hidden;min-height:420px;display:grid;place-items:center;border:1px solid #2e2a25}.bbq-tool canvas{display:block;max-width:100%;max-height:72vh;touch-action:none;cursor:grab}.bbq-tool canvas.dragging{cursor:grabbing}.bbq-tool .canvas-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#bfb4a8;padding:40px;pointer-events:none}.bbq-tool .canvas-empty strong{display:block;color:#fff;font-size:1.05rem;margin-bottom:6px}
.bbq-tool .preview-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.bbq-tool .preview-top h2{font-size:1.25rem;margin:0}.bbq-tool .privacy-pill{font-size:.75rem;background:#eef6ef;color:#2d6947;border:1px solid #cfe4d5;border-radius:999px;padding:6px 10px;font-weight:800}
.bbq-tool .verdict{margin-top:14px;border-radius:16px;padding:15px;border:1px solid #d5c3b0;background:#fff}.bbq-tool .verdict-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bbq-tool .verdict h3{margin:0;font-size:1rem}.bbq-tool .badge{font-size:.75rem;font-weight:900;border-radius:999px;padding:6px 9px}.bbq-tool .badge.neutral{background:#eee8df;color:#675e56}.bbq-tool .badge.ok{background:#e4f3ea;color:var(--tool-ok)}.bbq-tool .badge.warn{background:#fff1d7;color:var(--tool-warn)}.bbq-tool .badge.bad{background:#f8e1de;color:var(--tool-bad)}
.bbq-tool .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.bbq-tool .metric{background:#f6efe5;border-radius:12px;padding:10px}.bbq-tool .metric small{display:block;color:var(--tool-muted);font-size:.7rem}.bbq-tool .metric b{display:block;font-size:.9rem;margin-top:2px}.bbq-tool .verdict-note{font-size:.78rem;color:var(--tool-muted);margin:10px 0 0}
.bbq-tool .pdf-result{background:#f8f1e7;border-radius:12px;padding:10px;margin-top:8px;font-size:.78rem;max-height:150px;overflow:auto;color:#5d544c;white-space:pre-wrap}.bbq-tool .status-line{margin-top:10px;font-size:.8rem;min-height:1.3em;color:#675d54}.bbq-tool .status-line.error{color:#9d3029}.bbq-tool .status-line.success{color:#2e7d52}
.bbq-tool .calibration-help{font-size:.78rem;background:#fff7e8;border:1px solid #ead2aa;border-radius:12px;padding:9px;margin-top:8px;color:#725529}.bbq-tool .calibration-help[hidden]{display:none}
.bbq-tool .disclaimer{margin-top:16px;padding:13px;border-radius:14px;background:#2a211b;color:#d9cfc4;font-size:.78rem}.bbq-tool .disclaimer strong{color:#fff}
@media(max-width:900px){.bbq-tool .tool-shell{grid-template-columns:1fr}.bbq-tool .tool-panel{position:static}.bbq-tool .canvas-wrap{min-height:320px}.bbq-tool canvas{max-height:58vh}}
@media(max-width:560px){.bbq-tool .two-col,.bbq-tool .three-col,.bbq-tool .metrics{grid-template-columns:1fr}.bbq-tool .control-row{grid-template-columns:78px 1fr 42px}.bbq-tool .preview-top{align-items:flex-start;flex-direction:column}}