:root{color-scheme:light;background:transparent;color:var(--ok-color-text-on-light)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:transparent;color:var(--ok-color-text-on-light);font-family:var(--ok-font-body);font-size:var(--ok-type-content)}.runtime{display:grid;gap:.625rem;min-height:100%;padding:.25rem}.picker{display:grid;place-content:center;gap:.25rem;min-height:7rem;padding:1rem;border:1px dashed var(--ok-color-accent-on-light);border-radius:.75rem;background:var(--ok-color-cream);color:var(--ok-color-text-on-light);text-align:center;cursor:pointer}.picker:focus-within{outline:3px solid var(--ok-color-accent-on-light);outline-offset:2px}.picker[data-disabled=true]{cursor:wait;opacity:.62}.picker__action{color:var(--ok-color-accent-on-light);font-family:var(--ok-font-display);font-size:var(--ok-type-control);font-weight:600}.picker__hint,.status{color:var(--ok-color-text-muted-on-light);font-size:var(--ok-type-label);line-height:var(--ok-leading-content)}.picker__input{inline-size:100%;max-inline-size:18rem;margin-block-start:.5rem;color:var(--ok-color-text-on-light);font-family:var(--ok-font-body);font-size:var(--ok-type-label)}.picker__input::file-selector-button{padding:.5rem .75rem;border:1px solid var(--ok-color-accent-on-light);border-radius:.4rem;background:var(--ok-color-accent-on-light);color:var(--ok-color-cream);font-family:var(--ok-font-body);font-size:var(--ok-type-label);font-weight:600;cursor:pointer}.status{min-height:1.2em;margin:0}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}