.ybm{--ybm-tap:44px}.ybm [hidden]{display:none!important}.ybm .btn{min-height:var(--ybm-tap);height:auto}.ybm .input,.ybm .native-select{width:100%;min-height:var(--ybm-tap)}.ybm .error{color:var(--color-error)}.ybm-group{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.ybm-group legend{margin-bottom:8px;padding:0}.ybm-segments{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.ybm-segments .btn[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.ybm-row{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.ybm-field{min-width:0;font-size:var(--text-sm);gap:6px;display:grid}.ybm-field>span,.ybm-color>span{color:var(--color-ink-2);font-weight:600}.ybm-grow{flex:12rem}.ybm-color{min-height:var(--ybm-tap);font-size:var(--text-sm);align-items:center;gap:10px;display:inline-flex}.ybm-color input{width:var(--ybm-tap);height:var(--ybm-tap);border:var(--rule);background:var(--color-surface);cursor:pointer;border-radius:8px;padding:2px}.ybm-file{position:relative}.ybm-file label{cursor:pointer}.ybm-file:focus-within label{outline:2px solid var(--color-focus);outline-offset:2px}.ybm-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ybm-presets{flex-wrap:wrap;gap:6px;display:flex}.ybm-preset{min-height:var(--ybm-tap);color:#fff;font:inherit;text-shadow:0 1px 2px #0006;cursor:pointer;border:0;border-radius:8px;padding:4px 12px;font-size:13px;font-weight:600}.ybm-preset:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ybm-range{width:100%;min-height:var(--ybm-tap);accent-color:var(--color-accent)}.ybm-check{min-height:var(--ybm-tap);align-items:center}.ybm-check input{width:20px;height:20px;margin-top:0}.ybm-preview{align-content:start}.ybm-preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.ybm-preview-head .workbench-label{margin:0}.ybm-canvas{aspect-ratio:16/9;border:var(--rule);background:var(--color-paper-3);border-radius:10px;width:100%;height:auto;display:block}.ybm-note{font-size:var(--text-sm);color:var(--color-muted);margin:0}.ybm-download{width:100%}@media (width<=767px){.ybm .input,.ybm .native-select{font-size:16px}}