:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--font-mono:"SF Mono", SFMono-Regular, ui-monospace, Menlo, monospace;--bg-primary:#090909;--bg-secondary:#151515;--fill-secondary:#202020;--label-primary:#eeeeef;--label-secondary:#929295;--label-tertiary:#828287;--separator:#ffffff0c;--accent:#e7e7e9;--danger:#ff827b;background:var(--bg-primary);color:var(--label-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button,a{touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline-offset:3px;outline:1px solid #8b8b94}button{transition:background-color .13s,color .13s,border-color .13s,opacity .13s}::selection{background:#ffffff2a}.app{width:100%;min-height:100svh;position:relative}.centered-stage{height:100svh;padding:max(28px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));align-content:center;justify-items:center;display:grid;position:absolute;inset:0}.centered-stage>.screen{grid-area:1/1}.upload-stage{width:100%;padding:max(102px, calc(env(safe-area-inset-top) + 72px)) max(24px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));outline:none}.upload-stage[data-active=false]{pointer-events:none;max-height:100svh;position:absolute;inset:0;overflow:hidden}.screen{width:100%}.screen[hidden]{display:none}.screen-entry{--entry-mode-size:44px;--entry-mode-gap:8px;max-width:calc(360px + var(--entry-mode-size) + var(--entry-mode-gap));padding-left:calc(var(--entry-mode-size) + var(--entry-mode-gap))}.back{top:max(24px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));z-index:3;position:fixed}.icon-button{width:44px;height:44px;color:var(--label-tertiary);background:0 0;border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.back{color:var(--label-secondary)}.entry{height:66px;position:relative}.entry-form{background:#171717;border:1px solid #ffffff0b;border-radius:21px;width:100%;height:66px;transition:border-color .15s,box-shadow .15s;position:absolute;top:0;overflow:hidden;box-shadow:0 8px 40px #0000001a}.entry-form:focus-within{border-color:#ffffff29;box-shadow:0 0 0 4px #ffffff03}.entry-form.has-error{border-color:#ff827b60}.entry-input-row{align-items:center;gap:12px;height:64px;padding:8px 8px 8px 22px;display:flex;position:absolute;inset:0 0 auto}.entry-field{min-width:0;height:100%;font-family:var(--font-mono);letter-spacing:-.25px;flex:1;font-size:17px;position:relative}.entry-form input{color:var(--label-primary);background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0}.entry-form input::placeholder{color:#0000}.entry-placeholder{color:var(--label-tertiary);pointer-events:none;align-items:center;display:grid;position:absolute;inset:0}.entry-placeholder span{grid-area:1/1}.entry-field input:not(:placeholder-shown)+.entry-placeholder{visibility:hidden}.code-submit{color:var(--label-secondary);background:0 0;border-radius:10px;flex:0 0 44px;place-items:center;padding:0;display:grid}.code-submit:disabled{color:var(--label-tertiary)}.code-submit:focus-visible{outline-offset:-4px}.entry-input-row .code-submit{flex-basis:48px;height:48px}.entry-mode{top:50%;right:calc(100% + var(--entry-mode-gap));width:var(--entry-mode-size);height:var(--entry-mode-size);position:absolute;translate:0 -50%}.submit-button{color:#1c1c1e;background:#e4e4e6;border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.entry-error{color:var(--danger);margin:14px 0 0;padding:0 5px;font-size:12px;line-height:1.5;position:absolute;top:100%}.entry-result{position:absolute;inset:0}.download-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.25px;font-size:15px;font-weight:450;line-height:20px;display:block;position:absolute;top:13px;left:22px;right:76px;overflow:hidden}.download-meta{color:var(--label-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:12px;line-height:17px;display:flex;position:absolute;top:36px;left:22px;right:76px}.download-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entry-reset{min-height:44px;color:var(--label-secondary);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:flex;position:absolute;top:76px;left:50%;translate:-50%}.entry-reset:focus-visible{outline-offset:-3px;border-radius:6px}.entry-reset-arrow{transform:translateY(2px)}.hotkey-badge{border:1px solid #ffffff1a;border-radius:4px;padding:2px 4px;font-family:inherit;font-size:10px;line-height:1}.download-button{text-decoration:none;position:absolute;top:8px;right:8px}.download-button:focus-visible{outline-offset:-4px;outline-color:#1c1c1e}.screen-upload{--upload-column-width:616px;max-width:1120px;margin:0 auto}.upload-header{width:100%;max-width:var(--upload-column-width);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex}.upload-header h1{letter-spacing:-.7px;margin:0;font-size:25px;font-weight:600}.upload-header p{color:var(--label-secondary);margin:5px 0 0;font-size:13px}.upload-button{border:1px solid var(--separator);background:var(--fill-secondary);border-radius:11px;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-size:13px;display:flex}.file-list{max-width:var(--upload-column-width);margin:28px auto 0;padding:0;list-style:none;position:relative}.file-row{--file-artwork-size:48px;grid-template-columns:var(--file-artwork-size) minmax(0, 1fr) 204px auto;border-radius:14px;align-items:center;column-gap:14px;min-height:78px;padding:14px;display:grid;position:relative}.file-row-ready{grid-template-columns:var(--file-artwork-size) minmax(0, 1fr) auto;cursor:pointer}.file-row-ready:active{background:#ffffff06}.file-row+.file-row:before{content:"";background:var(--separator);height:1px;position:absolute;top:0;left:14px;right:14px}.file-info{flex-direction:column;grid-area:1/2;gap:6px;min-width:0;display:flex}.file-name{color:#dedee2;letter-spacing:-.2px;min-width:0;font-size:14px;font-weight:450;line-height:1.35;text-decoration:none;display:flex}button.file-name{text-align:left;background:0 0;width:fit-content;max-width:100%;padding:0}button.file-name[data-peek-restored-focus]:focus-visible{color:var(--label-primary);outline:none}.file-stem{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-extension{flex:none}.file-meta{color:#75757c;font-variant-numeric:tabular-nums;align-items:center;gap:5.5px;min-width:0;font-size:11px;line-height:1.4;display:flex}.file-detail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meta-dot{color:#414147}.file-transfer{grid-area:1/3;min-width:0}.file-row-ready .file-meta>:not(.code-value){flex-shrink:0}.code-value{font-family:var(--font-mono);letter-spacing:.25px;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:text;user-select:text;overflow:hidden}.file-actions{grid-area:1/4;align-items:center;gap:3px;display:flex}.file-row-ready .file-actions{grid-column:3}.file-actions .row-action{flex:none;text-decoration:none}.file-menu-download{color:inherit;text-decoration:none}.row-action{color:#66666d;background:0 0;border-radius:9px;place-items:center;width:32px;height:36px;padding:0;display:grid}.row-action[aria-expanded=true]{color:var(--label-primary);background:#ffffff08}.row-action:disabled{opacity:.5}.row-action.confirm-delete{color:#ff8b85;background:#ff827b13}.file-transfer{align-items:center;height:36px;padding:0 12px;display:flex}.file-progress{background:#ffffff0b;border-radius:2px;width:100%;height:2px;display:block;overflow:hidden}.file-progress>span{transform-origin:0;background:#9d9da8;width:100%;height:100%;transition:transform .16s linear;display:block}.file-size{white-space:nowrap;flex-shrink:0}.file-failed{row-gap:12px}.file-error{color:#db827d;overflow-wrap:anywhere;white-space:normal;grid-area:2/1/auto/-1;min-width:0;margin:0;font-size:12px;line-height:1.5}.selection-notice{bottom:max(24px, env(safe-area-inset-bottom));z-index:12;color:#d1d1d7;background:#202022;border:1px solid #ffffff10;border-radius:16px;align-items:center;gap:12px;width:max-content;max-width:min(616px,100% - 40px);padding:12px 16px;font-size:12px;line-height:1.5;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.selection-notice>span{white-space:pre-line;overflow-wrap:anywhere;min-width:0}.selection-notice>svg{flex-shrink:0}.selection-notice .icon-button{flex:0 0 28px;width:28px;height:28px;margin:-4px -6px -4px 0}.row-action:active{background:#ffffff0c}.upload-button:active{background:#292929}.icon-button:active{color:#eee;background:#ffffff0c}.submit-button:active:not(:disabled){background:#ccc}@media (hover:hover) and (pointer:fine){button.file-name:hover{color:#fff}button.file-name:hover .file-stem,button.file-name:hover .file-extension{text-underline-offset:3px;-webkit-text-decoration:underline #fff5;text-decoration:underline #fff5}.file-row:hover{background:#ffffff03}.file-row:not(.file-row-ready):not(:hover):not(:focus-within) .remove-action:not(.confirm-delete){opacity:0}.row-action:hover{color:#b8b8c1;background:#ffffff08}.remove-action:hover{color:#ef9691;background:#ff827b0c}.icon-button:hover{color:var(--label-primary);background:#ffffff07}.upload-button:hover{background:#292929}.entry-reset:hover,.code-submit:hover:not(:disabled){color:var(--label-primary)}.submit-button:hover:not(:disabled){background:#fff}}.workspace-error{color:var(--danger);white-space:pre-line;overflow-wrap:anywhere;align-items:center;gap:12px;margin:19px 0 -8px;font-size:12px;line-height:1.5;display:flex}.workspace-error button{flex:0 0 32px;width:32px;height:32px;margin-left:auto}.list-loading{color:var(--label-tertiary);justify-content:center;padding:15px;display:flex}.drag-overlay{z-index:60;pointer-events:none;background:color-mix(in srgb, var(--bg-primary) 50%, transparent);width:auto;height:auto;color:var(--label-primary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=560px){.centered-stage{padding-right:max(20px, env(safe-area-inset-right));padding-left:max(20px, env(safe-area-inset-left))}.upload-stage{padding:max(88px, calc(env(safe-area-inset-top) + 68px)) max(20px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.file-list{margin-top:22px}.file-row{grid-template-columns:var(--file-artwork-size) minmax(0, 1fr) auto;gap:8px 10px;min-height:80px;padding:12px 10px}.file-row+.file-row:before{left:10px;right:10px}.file-info{gap:3px}.file-meta{gap:3.5px;font-size:10px}.file-transfer{grid-area:2/2/auto/-1;height:8px;padding:0}.file-actions{grid-column:3;justify-self:end}.row-action{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}.spinning{animation-duration:2s}}@media (prefers-reduced-transparency:reduce){.drag-overlay{-webkit-backdrop-filter:none}}@media (prefers-contrast:more){:root{--label-secondary:#bbbbc0;--label-tertiary:#a0a0a8;--separator:#ffffff35}.upload-button,.entry-form{border-color:#ffffff45}.code-value{color:#c9c9d2}}