.sv-brand-panel{padding:28px;margin-block:24px}.sv-brand-panel summary{cursor:pointer;font-weight:700}.sv-brand-panel p{margin-block:12px;font-size:12px;line-height:1.7}.sv-brand-settings{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(300px,1.3fr);gap:28px;align-items:start;margin-block:20px}.sv-brand-sample{background:var(--brand-bg);color:var(--brand-text);border:1px solid var(--line);padding:28px;border-radius:16px;position:relative;overflow:hidden;min-height:180px}.sv-brand-sample img{max-width:140px;max-height:90px;display:block;object-fit:contain;margin-bottom:18px}.sv-brand-sample strong{display:block;font-size:24px;overflow-wrap:anywhere}.sv-brand-sample p{color:inherit;overflow-wrap:anywhere}.sv-brand-stripe{display:block;background:var(--brand-accent);height:8px;position:absolute;bottom:0;inset-inline:0}.sv-brand-colours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sv-brand-form input[type=color]{width:100%;height:44px;padding:4px;cursor:pointer}.sv-brand-tool{border-top:1px solid var(--line);padding-block:14px}.sv-brand-dialog{width:min(1060px,calc(100vw - 24px));max-height:92vh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:26px;box-sizing:border-box}.sv-brand-dialog::backdrop{background:#111827b8}.sv-brand-close{float:inline-end;font-size:22px;background:var(--soft);color:var(--text);border:1px solid var(--line);border-radius:8px;cursor:pointer}.sv-brand-designer{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(280px,1.15fr);gap:24px;align-items:start}.sv-brand-controls{display:grid;gap:12px}.sv-brand-controls label{display:grid;gap:5px;font-size:12px}.sv-brand-controls input,.sv-brand-controls textarea,.sv-brand-controls select{width:100%;min-width:0;background:var(--soft);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}.sv-brand-dialog canvas{display:block;width:100%;height:auto;max-height:64vh;object-fit:contain;border:1px solid var(--line);border-radius:10px}.sv-brand-dialog>p{font-size:12px;line-height:1.7}.sv-brand-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.sv-brand-actions button{min-height:44px;padding:10px 16px;border-radius:9px;border:1px solid var(--line);background:var(--soft);color:var(--text);font:inherit;cursor:pointer}.sv-brand-actions button:last-child{background:var(--primary);color:white}.sv-brand-actions button:disabled{opacity:.55;cursor:default}.sv-brand-dialog button:focus-visible,.sv-brand-controls input:focus-visible,.sv-brand-controls textarea:focus-visible,.sv-brand-controls select:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.sv-brand-dialog [role=status]{min-height:1.5em}.sv-brand-tool [hidden]{display:none}@media(max-width:1000px){.sv-brand-settings{grid-template-columns:1fr}}@media(max-width:650px){.sv-brand-designer{grid-template-columns:1fr}.sv-brand-dialog{padding:18px}.sv-brand-dialog canvas{max-height:45vh}.sv-brand-panel{padding:20px}.sv-brand-colours{gap:8px}}
