.ri{gap:1.1rem;display:grid}.ri__drop{border:2px dashed color-mix(in srgb, currentColor 30%, transparent);text-align:center;border-radius:10px;align-content:center;justify-items:center;gap:.85rem;min-height:19rem;padding:1.5rem;display:grid}.ri__drop[data-over=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.ri__hint{max-width:26rem;color:var(--muted);margin:0;font-size:.9rem}.ri__work{gap:.9rem;display:grid}.ri__preview-wrap{border:1px solid var(--line);background:repeating-conic-gradient(color-mix(in srgb, currentColor 8%, transparent) 0% 25%, transparent 0% 50%) 0 0 / 20px 20px;border-radius:8px;place-items:center;min-height:11rem;max-height:45vh;display:grid;overflow:hidden}.ri__preview{object-fit:contain;max-width:100%;max-height:45vh}.ri__meta{color:var(--muted);margin:0;font-size:.88rem}.ri__figures{font-variant-numeric:tabular-nums;min-height:1.5em;margin:0;font-weight:600}.ri__controls{gap:.85rem;display:grid}.ri__dims{align-items:end;gap:.5rem;display:flex}.ri__dim{gap:.25rem;font-size:.88rem;display:grid}.ri__dim>span{color:var(--muted)}.ri__dim input{border:1px solid color-mix(in srgb, currentColor 35%, transparent);width:6.5rem;color:inherit;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border-radius:7px;padding:.4rem .6rem}.ri__dim input[aria-invalid=true]{border-color:var(--warn)}.ri__times,.ri__unit{color:var(--muted);padding-bottom:.5rem;font-size:.92rem}.ri__check{color:var(--muted);align-items:center;gap:.5rem;font-size:.88rem;display:flex}.ri__check input{width:1rem;height:1rem;accent-color:var(--accent);flex:none;margin:0}.ri__row--percent{align-items:center;gap:.65rem;font-size:.92rem;display:flex}.ri__percent-group{color:var(--muted);align-items:center;gap:.4rem;font-size:.92rem;display:inline-flex}.ri__percent-input{border:1px solid color-mix(in srgb, currentColor 35%, transparent);width:5rem;color:inherit;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border-radius:7px;padding:.4rem .6rem}.ri__percent-input[aria-invalid=true]{border-color:var(--warn)}.ri__presets{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.ri__presets-label{color:var(--muted);font-size:.88rem}.ri__actions{flex-wrap:wrap;gap:.6rem;display:flex}.ri__button{border:1px solid color-mix(in srgb, currentColor 35%, transparent);color:inherit;font:inherit;cursor:pointer;text-align:center;background:0 0;border-radius:7px;padding:.55rem 1.1rem;font-size:.95rem;text-decoration:none}.ri__button--small{font-variant-numeric:tabular-nums;padding:.35rem .7rem;font-size:.88rem}.ri__button:hover:not(:disabled,[aria-disabled=true]){background:color-mix(in srgb, currentColor 8%, transparent)}.ri__button--primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.ri__button--primary:hover:not(:disabled,[aria-disabled=true]){background:color-mix(in srgb, var(--accent) 88%, black)}.ri__button:disabled,.ri__button[aria-disabled=true]{opacity:.5;cursor:default}.ri__status{min-height:1.5em;color:var(--muted);margin:0;font-size:.9rem}.ri__error{color:var(--muted);margin:0;font-size:.9rem}