@property --mode-edge-fade{syntax:"<length>";inherits:true;initial-value:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#fff;--surface:#fff;--control:#f5f5f5;--control-hover:#eee;--control-pressed:#e5e5e5;--border:#e5e5e5;--border-width:1px;--text:#202020;--text-muted:#737373;--accent:#262626;--accent-hover:#404040;--accent-pressed:#171717;--text-on-accent:#fff;--focus:#171717;--danger:#a52838;--progress-track:#eee;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--content-width:480px;--shell-width:544px;--page-padding:var(--space-8);--workspace-offset:clamp(var(--space-16), 22vh, 208px);--task-height:248px;--control-height:44px;--button-padding:var(--space-6);--copy-width:108px;--radius-control:6px;--radius-surface:12px;--icon-size:32px;--type-title:28px;--type-body:16px;--type-meta:14px;--type-brand:20px;--line-body:1.5;--line-title:1.25;--weight-medium:500;--weight-strong:600;--focus-width:2px;--focus-offset:4px;--stroke-width:1.5;--progress-height:3px;--motion-release:.1s;--motion-state:.16s;--motion-route:.48s;--mode-boundary-outset:min(var(--space-8), var(--page-padding));--mode-edge-fade:var(--mode-boundary-outset);--motion-distance:4px;--layer-feedback:10;--layer-header:20;--ease-state:cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html{background:var(--canvas);min-inline-size:320px}body{background:var(--canvas);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--type-body);line-height:var(--line-body);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button,a[href],[role=button]{cursor:pointer}button:disabled,[aria-disabled=true]{cursor:not-allowed}a{color:inherit}::selection{background:var(--accent);color:var(--text-on-accent)}button:focus-visible,a:focus-visible,input:focus-visible,[data-focus-visible=true],[role=button]:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}h1{margin:0 0 var(--space-8);font-size:var(--type-title);font-weight:var(--weight-medium);line-height:var(--line-title);letter-spacing:-.035em}.site-shell{inline-size:100%;max-inline-size:var(--shell-width);min-block-size:100svh;padding:var(--workspace-offset) var(--page-padding) var(--space-12);margin-inline:auto}.site-header{z-index:var(--layer-header);justify-content:space-between;align-items:center;gap:var(--space-4);transform:translateY(max(var(--drag-top,0px), calc(var(--space-2) - var(--workspace-offset))));display:flex;position:relative}.site-header .metadata{transform:translateX(var(--drag-right,0px))}.wordmark{transform:translateX(var(--drag-left,0px));min-block-size:var(--control-height);font-size:var(--type-brand);font-weight:var(--weight-strong);letter-spacing:-.045em;border-radius:var(--radius-control);align-items:center;text-decoration:none;display:inline-flex}.brand-switch{align-items:center;gap:var(--space-4);display:flex}.wordmark.inactive{color:var(--text-muted)}.wordmark.inactive:hover{color:var(--text)}.workspace{inline-size:100%;max-inline-size:var(--content-width);margin-block-start:var(--space-4)}.workspace:focus{outline:none}.task-surface{min-block-size:var(--task-height);border:var(--border-width) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);display:grid}.task-content{justify-content:center;align-items:stretch;gap:var(--space-6);padding:var(--space-8);min-inline-size:0;transform:translate(var(--drag-x,0px), var(--drag-y,0px));flex-direction:column;display:flex}.file-picker{display:contents}.dropzone{min-block-size:calc(var(--task-height) - var(--space-16) - var(--border-width) - var(--border-width));border-radius:var(--radius-control);transition:background-color var(--motion-state) var(--ease-state);justify-content:center;align-items:center;display:flex}.choose-file.button{gap:var(--space-6);color:var(--text);background:0 0;flex-direction:column;padding:0}.choose-file span{min-block-size:var(--control-height);padding-inline:var(--button-padding);border-radius:var(--radius-control);background:var(--accent);color:var(--text-on-accent);transition:background-color var(--motion-release) var(--ease-state);justify-content:center;align-items:center;display:inline-flex}.choose-file[data-hovered=true] span{background:var(--accent-hover)}.choose-file[data-pressed=true] span{background:var(--accent-pressed);transition-duration:0s}.upload-symbol{inline-size:var(--icon-size);block-size:var(--icon-size);color:var(--text-muted)}.upload-symbol path{stroke:currentColor;stroke-width:var(--stroke-width);stroke-linecap:round;stroke-linejoin:round}.filename{overflow-wrap:anywhere;font-weight:var(--weight-medium);text-align:center}.destination{overflow-wrap:anywhere;color:var(--text-muted);font-size:var(--type-meta);text-align:center}.link-error{margin-block-start:var(--space-4)}.metadata{color:var(--text-muted);font-size:var(--type-meta)}.progress-label{justify-content:space-between;gap:var(--space-4);color:var(--text-muted);font-size:var(--type-meta);font-variant-numeric:tabular-nums;display:flex}progress{appearance:none;inline-size:100%;block-size:var(--progress-height);background:var(--progress-track);border-radius:var(--radius-control);color:var(--accent);border:0;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--progress-track)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.button{min-block-size:var(--control-height);padding:var(--space-2) var(--button-padding);border-radius:var(--radius-control);font-weight:var(--weight-medium);line-height:var(--line-body);transition:background-color var(--motion-release) var(--ease-state), color var(--motion-release) var(--ease-state);border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.primary{color:var(--text-on-accent);background:var(--accent)}.primary:hover,.primary[data-hovered=true]{background:var(--accent-hover)}.primary:active,.primary[data-pressed=true]{background:var(--accent-pressed);transition-duration:0s}.quiet{color:var(--text-muted);padding-inline:var(--space-4);background:0 0;align-self:center}.quiet:hover{background:var(--control-hover);color:var(--text)}.quiet:active{background:var(--control-pressed);color:var(--text);transition-duration:0s}.button:disabled{opacity:.55}.actions{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.error{color:var(--danger);font-size:var(--type-meta);text-align:center;overflow-wrap:anywhere;margin:0}.link-control{gap:var(--space-2);display:flex}.link-control input{inline-size:100%;min-inline-size:0;min-block-size:var(--control-height);padding:var(--space-2) var(--space-3);background:var(--control);color:var(--text);border-radius:var(--radius-control);border:0}.copy-button{min-inline-size:var(--copy-width);flex-shrink:0}.download-workspace,.error-workspace{padding-block-start:var(--space-6)}.download-name{overflow-wrap:anywhere;margin-block-end:var(--space-3)}.download-action{margin-block-start:var(--space-6)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.state-reveal{animation:state-enter var(--motion-state) var(--ease-state) both}.task-surface:has(.magnetic-border){border-color:#0000}.mode-window{inline-size:calc(100% + var(--mode-boundary-outset) + var(--mode-boundary-outset));margin-inline:calc(-1 * var(--mode-boundary-outset));padding-inline:var(--mode-boundary-outset);display:flow-root;position:relative}.mode-sliding{-webkit-mask-image:linear-gradient(to right, transparent, currentColor var(--mode-edge-fade), currentColor calc(100% - var(--mode-edge-fade)), transparent);mask-image:linear-gradient(to right, transparent, currentColor var(--mode-edge-fade), currentColor calc(100% - var(--mode-edge-fade)), transparent);overflow:hidden;-webkit-mask-source-type:alpha;mask-mode:alpha}.mode-outgoing{pointer-events:none;position:absolute;left:0}.mode-outgoing .state-reveal{animation:none}.shortener-surface .task-content{padding:var(--space-8) 0}.magnetic-border{pointer-events:none;block-size:100%;inline-size:100%;z-index:var(--layer-feedback);position:fixed;inset:0;overflow:visible}.magnetic-border rect{fill:none;stroke:var(--text-muted);stroke-width:var(--border-width);rx:var(--radius-surface)}@keyframes state-enter{0%{opacity:0;transform:translate(var(--drag-x,0px), calc(var(--drag-y,0px) + var(--motion-distance)))}to{opacity:1;transform:translate(var(--drag-x,0px), var(--drag-y,0px))}}@media (width<=600px){:root{--page-padding:var(--space-6);--workspace-offset:clamp(var(--space-16), 18vh, 160px);--button-padding:var(--space-4);--task-height:232px}.task-content{padding:var(--space-6)}.link-control{flex-wrap:wrap}.link-control input{flex-basis:100%}.copy-button{inline-size:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s;animation:none}}@media (forced-colors:active){.task-surface,.button,input,.choose-file span{border:1px solid buttontext}progress{forced-color-adjust:none;color:highlight;background:graytext}progress::-webkit-progress-bar{background:graytext}progress::-webkit-progress-value{background:highlight}}