/* Composer tools: the launcher pill next to the response level, the tool cards and the local sketch pad. */
.mwc-launch{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:5px 13px 5px 11px;border:1px solid var(--border,#444);border-radius:999px;background:var(--bg-tertiary,#323232);color:var(--text-secondary,#bbb);font-size:14px;font-weight:500;line-height:1.1;white-space:nowrap;transition:color .15s,background .15s}
.mwc-launch:hover{color:var(--text-primary,#fff);background:var(--bg-tertiary,#3a3a3a)}
.mwc-launch .mwh-icon{width:16px;height:16px}
.mwc-launch .mwh-icon svg{width:16px;height:16px}
.mwc-dialog{width:min(760px,calc(100vw - 40px))}
.mwc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mwc-canvas{display:block;width:100%;height:auto;aspect-ratio:800/520;margin:14px 0;border:1px solid var(--border,#555);border-radius:12px;background:#fff;touch-action:none;cursor:crosshair}
.mwc-canvas:focus-visible{outline:2px solid var(--text-primary,#ddd);outline-offset:3px}
.mwc-drawing-controls{gap:14px;margin:0}
.mwc-color,.mwc-width{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text-secondary,#bbb)}
.mwc-dialog .mwc-drawing-controls input[type=color]{width:38px;height:34px;padding:2px}
.mwc-dialog .mwc-drawing-controls input[type=range]{width:110px;padding:0;border:0;background:transparent;accent-color:var(--text-primary,#eee)}
.mwc-dialog .mwc-drawing-controls .mwh-button{min-height:34px;padding:5px 12px;font-size:12.5px}
@media(max-width:650px){
 .mwc-launch{min-height:40px;padding:5px 11px 5px 9px;font-size:13px}
 .mwc-dialog{width:100%}
 .mwc-drawing-controls{gap:9px}
 .mwc-color,.mwc-width{font-size:11.5px}
 .mwc-dialog .mwc-drawing-controls input[type=range]{width:80px}
}