.br-mosaic-upload{padding:var(--br-space-xl) var(--br-space-lg);border:2px dashed var(--br-color-border);border-radius:var(--br-radius);background-color:var(--br-color-bg-light);text-align:center;transition:border-color .2s,background-color .2s;cursor:pointer}.br-mosaic-upload:hover{border-color:var(--br-color-accent)}.br-mosaic-upload.is-dragover{border-color:var(--br-color-accent);background-color:rgba(37,99,235,.06)}.br-mosaic-upload__icon{margin-bottom:var(--br-space-sm);color:var(--br-color-text-sub)}.br-mosaic-upload__text{margin:0 0 var(--br-space-xs);font-size:var(--br-text-sm);color:var(--br-color-text)}.br-mosaic-upload__btn{padding:var(--br-space-xxs) var(--br-space-sm);font-size:inherit;font-family:inherit;color:var(--br-color-accent);text-decoration:underline;background:0 0;border:none;cursor:pointer;border-radius:var(--br-radius)}.br-mosaic-upload__btn:hover{color:var(--br-color-accent-hover)}.br-mosaic-upload__btn:focus-visible{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-mosaic-upload__hint{margin:0;font-size:var(--br-text-xxs);color:var(--br-color-text-sub)}.br-mosaic-toolbar{margin-top:var(--br-space-md);padding:var(--br-space-sm) var(--br-space-md);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius)}.br-mosaic-toolbar[hidden]{display:none}.br-mosaic-toolbar__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--br-space-md)}.br-mosaic-toolbar__row--actions{margin-top:var(--br-space-sm);gap:var(--br-space-xs)}.br-mosaic-toolbar__group{display:flex;align-items:center;gap:var(--br-space-xs)}.br-mosaic-toolbar__group--slider{flex:1;min-width:160px}.br-mosaic-toolbar__label{font-size:var(--br-text-xxs);font-weight:600;color:var(--br-color-text-sub);white-space:nowrap}.br-mosaic-toolbar__toggle{display:flex;gap:var(--br-space-xxs)}.br-mosaic-toggle-btn{background-color:transparent;color:var(--br-color-text-sub);border:1px solid var(--br-color-border);transition:background-color .15s,color .15s,border-color .15s}.br-mosaic-toggle-btn:hover{background-color:var(--br-color-bg);border-color:var(--br-color-text-sub)}.br-mosaic-toggle-btn.is-active{background-color:var(--br-color-accent);color:#fff;border-color:var(--br-color-accent)}.br-mosaic-toggle-btn:focus-visible{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-mosaic-toolbar__range{flex:1;min-width:80px;height:8px;accent-color:var(--br-color-accent);cursor:pointer;-webkit-appearance:none;appearance:none;background:var(--br-color-border);border-radius:4px;outline:0}.br-mosaic-toolbar__range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--br-color-accent);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.br-mosaic-toolbar__range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--br-color-accent);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.br-mosaic-toolbar__range:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-mosaic-canvas-wrap{margin-top:var(--br-space-md);text-align:center;overflow:hidden;border-radius:var(--br-radius);border:1px solid var(--br-color-border);background-color:var(--br-color-bg);position:relative}.br-mosaic-canvas-wrap[hidden]{display:none}.br-mosaic-canvas-wrap canvas{display:block;max-width:100%;height:auto;cursor:crosshair;margin:0 auto;touch-action:none}.br-mosaic-hint{margin:var(--br-space-sm) 0 0;font-size:var(--br-text-xxs);color:var(--br-color-text-sub);text-align:center}.br-mosaic-hint[hidden]{display:none}@media (max-width:600px){.br-mosaic-toolbar__row{flex-direction:column;align-items:stretch}.br-mosaic-toolbar__group{justify-content:space-between}.br-mosaic-toolbar__group--slider{min-width:0}.br-mosaic-toolbar__row--actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.br-mosaic-upload{padding:var(--br-space-lg) var(--br-space-md)}}