@layer properties,theme,base;@layer components{.m-bar{--track-h:4px;height:var(--track-h);border-radius:calc(var(--track-h) / 2);background:var(--surface-active);position:relative}.m-bar--sm{--track-h:4px}.m-bar--lg{--track-h:10px}.m-bar .tick{top:calc(var(--track-h) / -2 - 2px);width:1px;height:calc(var(--track-h) * 2 + 4px);background:#00000057;position:absolute}.bar-fill,.bar-over{height:var(--track-h);border-radius:calc(var(--track-h) / 2);transform-origin:0;position:absolute;top:0}.bar-fill{background:color-mix(in srgb, var(--ink) 72%, var(--paper));left:0}.bar-over{background:var(--red);border-radius:0 calc(var(--track-h) / 2) calc(var(--track-h) / 2) 0}.m-bar.is-muted .bar-fill{background:var(--gray-dot)}.load-legend{height:16px;position:relative}.load-legend-tick{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--secondary);white-space:nowrap;font-size:11px;line-height:1;position:absolute;bottom:0;transform:translate(-50%)}.dropzone{border:1px dashed var(--hairline);border-radius:var(--radius-btn);text-align:left;width:100%;color:var(--secondary);cursor:pointer;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;font-size:13px;transition:border-color .2s,background .2s;display:flex}.dropzone:hover,.dropzone.is-over{border-color:var(--blue);background:color-mix(in srgb, var(--blue) 5%, transparent)}.dropzone:disabled{cursor:default;opacity:.5}.dropzone-title{color:var(--ink);font-size:14px;font-weight:500}.dropzone-file{border-radius:var(--radius-btn);background:var(--surface);align-items:center;gap:12px;min-height:36px;padding:0 6px 0 12px;font-size:13px;display:flex}.dropzone-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:1;overflow:hidden}.dropzone-size{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--secondary);flex:none;font-size:12px}.dropzone-remove{width:24px;height:24px;color:var(--secondary);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.dropzone-remove:hover{color:var(--ink);background:#00000014}.dropzone-remove svg{width:11px;height:11px}}@layer utilities;