.upload-drop-zone{--upload-paper: var(--paper, var(--stattic-color-paper));--upload-paper-2: var(--paper-2, var(--stattic-color-paper-2));--upload-ink: var(--ink, var(--stattic-color-ink));--upload-muted: var(--muted, var(--stattic-color-muted));--upload-purple: var(--purple, var(--stattic-color-accent));position:relative;inline-size:100%;min-inline-size:0}.upload-drop-zone__surface{position:relative;box-sizing:border-box;inline-size:100%;min-inline-size:0;padding:clamp(32px,6vw,56px) clamp(22px,5vw,48px);border:2.5px dashed var(--upload-ink);background-color:var(--upload-paper);background-image:repeating-linear-gradient(45deg,rgba(14,14,16,.04) 0 2px,transparent 2px 14px);color:var(--upload-ink);cursor:pointer;transition:background .2s,transform .15s}.upload-drop-zone__surface:hover:not(.is-disabled){background-color:var(--upload-paper-2)}.upload-drop-zone__surface.is-disabled{opacity:.6;pointer-events:none}.upload-drop-zone__surface.is-dragging{background:var(--upload-purple);border-color:var(--upload-paper);transform:scale(.995)}.upload-drop-zone__surface.is-dragging .upload-drop-zone__content{opacity:.15}.upload-drop-zone__surface.is-dragging .upload-drop-zone__corner{color:var(--upload-paper)}.upload-drop-zone__surface.is-dragging .upload-drop-zone__overlay{opacity:1;pointer-events:auto}.upload-drop-zone__corner{position:absolute;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:22px;color:var(--upload-ink);line-height:1}.upload-drop-zone__corner.is-top-left{inset-block-start:-12px;inset-inline-start:-10px}.upload-drop-zone__corner.is-top-right{inset-block-start:-12px;inset-inline-end:-10px}.upload-drop-zone__corner.is-bottom-left{inset-block-end:-12px;inset-inline-start:-10px}.upload-drop-zone__corner.is-bottom-right{inset-block-end:-12px;inset-inline-end:-10px}.upload-drop-zone__content{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,5vw,40px);align-items:end}.upload-drop-zone__copy{min-inline-size:0}.upload-drop-zone__title,.upload-drop-zone__hint{margin:0}.upload-drop-zone__title{display:flex;flex-direction:column;color:var(--upload-ink);font-family:Recoleta,Arial Narrow,Impact,sans-serif;font-size:clamp(48px,8vw,104px);letter-spacing:-.005em;line-height:.88;text-transform:uppercase}.upload-drop-zone__title span:last-child{color:var(--upload-purple)}.upload-drop-zone__hint{max-inline-size:460px;margin-block-start:22px;color:var(--upload-ink);font-size:15px;line-height:1.55}.upload-drop-zone__hint code{padding:2px 6px;background:var(--upload-ink);color:var(--upload-paper);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:13px}.upload-drop-zone__chips{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:24px}.upload-drop-zone__chips span{border:1.5px solid var(--upload-ink);padding:5px 10px;background:var(--upload-paper);box-shadow:2px 2px 0 var(--upload-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.upload-drop-zone__actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.upload-drop-zone__actions button{display:inline-flex;align-items:center;min-block-size:64px;border:2px solid var(--upload-ink);padding:14px 22px 12px;background:var(--upload-ink);box-shadow:5px 5px 0 var(--upload-purple);color:var(--upload-paper);font-family:Recoleta,Arial Narrow,Impact,sans-serif;font-size:22px;letter-spacing:.02em;line-height:1;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.upload-drop-zone__actions button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--upload-purple)}.upload-drop-zone__actions button:disabled{cursor:default;opacity:.55}.upload-drop-zone__actions button:focus-visible{outline:2px solid var(--upload-purple);outline-offset:3px}.upload-drop-zone__actions span{color:var(--upload-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.upload-drop-zone__overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;color:var(--upload-paper);text-align:center;transition:opacity .15s}.upload-drop-zone__overlay-arrow{font-family:Recoleta,Arial Narrow,Impact,sans-serif;font-size:120px;line-height:1;animation:uploadDropArrowBounce .8s ease-in-out infinite alternate}.upload-drop-zone__overlay-text{display:inline-block;border:2px solid var(--upload-paper);padding:6px 16px 4px;background:var(--upload-ink);font-family:Recoleta,Arial Narrow,Impact,sans-serif;font-size:36px;letter-spacing:.04em;line-height:1;text-transform:uppercase}.upload-drop-zone.is-inline .upload-drop-zone__surface{padding:18px;border-width:1.5px;background:var(--upload-paper);cursor:pointer}.upload-drop-zone.is-inline .upload-drop-zone__surface:hover:not(.is-disabled){background:var(--upload-paper-2)}.upload-drop-zone.is-inline .upload-drop-zone__content{display:grid;grid-template-columns:1fr;gap:16px}.upload-drop-zone.is-inline .upload-drop-zone__actions{align-items:center}.upload-drop-zone.is-inline .upload-drop-zone__title{font-size:28px;line-height:1}.upload-drop-zone.is-inline .upload-drop-zone__hint{margin-block-start:8px;font-size:13px}.upload-drop-zone.is-inline .upload-drop-zone__actions button:first-child{min-block-size:48px;padding-inline:18px;font-size:18px}.upload-drop-zone.is-inline .upload-drop-zone__actions button+button{min-block-size:42px;padding:8px 12px;background:var(--upload-paper);box-shadow:3px 3px 0 var(--upload-ink);color:var(--upload-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px;letter-spacing:.08em}.upload-drop-zone.is-inline .upload-drop-zone__overlay{display:none}@keyframes uploadDropArrowBounce{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}@media(max-width:900px){.upload-drop-zone__content{grid-template-columns:1fr}.upload-drop-zone__title{font-size:clamp(42px,12vw,80px)}}.upload-publish{--upload-paper: var(--paper, var(--stattic-color-paper));--upload-paper-2: var(--paper-2, var(--stattic-color-paper-2));--upload-ink: var(--ink, var(--stattic-color-ink));--upload-muted: var(--muted, var(--stattic-color-muted));--upload-purple: var(--purple, var(--stattic-color-accent));inline-size:100%;min-inline-size:0;display:flex;flex-direction:column;gap:16px;color:var(--upload-ink)}.upload-publish__summary{inline-size:100%;min-inline-size:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border:1.5px solid var(--upload-ink);padding:10px 12px;background:var(--upload-paper);box-shadow:3px 3px 0 var(--upload-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px}.upload-publish__summary>*{min-inline-size:0}.upload-publish__summary-text{margin:0;color:var(--upload-muted)}.upload-publish__file-list{display:flex;flex-direction:column;gap:6px;border:1.5px solid var(--upload-ink);padding:10px;background:var(--upload-paper-2);animation:upload-publish-rise .18s ease-out}.upload-publish__file{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;color:var(--upload-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px;line-height:1.35}.upload-publish__file span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-publish__file span:last-child{color:var(--upload-muted)}.upload-publish__file.is-muted{color:var(--upload-muted)}.upload-publish__actions{inline-size:100%;display:flex;justify-content:flex-end}.upload-publish__clear,.upload-publish__primary{border:1.5px solid var(--upload-ink);background:var(--upload-paper);color:var(--upload-ink);cursor:pointer;font:inherit;transition:transform .12s,box-shadow .12s,background .12s}.upload-publish__clear:disabled,.upload-publish__primary:disabled{cursor:default;opacity:.55}.upload-publish__clear:focus-visible,.upload-publish__primary:focus-visible{outline:2px solid var(--upload-purple);outline-offset:3px}.upload-publish__clear{min-block-size:36px;padding:0 10px;box-shadow:2px 2px 0 var(--upload-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.upload-publish__clear:hover:not(:disabled){background:var(--upload-purple);color:var(--upload-paper)}.upload-publish__primary{display:inline-flex;align-items:center;min-block-size:64px;padding:14px 24px 12px;border-width:2px;border-color:var(--upload-purple);background:var(--upload-purple);box-shadow:5px 5px 0 var(--upload-ink);color:var(--upload-paper);font-family:Recoleta,Arial Narrow,Impact,sans-serif;font-size:22px;letter-spacing:.02em;line-height:1;text-transform:uppercase}.upload-publish__primary:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--upload-ink)}.upload-publish__primary[aria-busy=true]{cursor:progress}.upload-publish__status{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;border:1.5px solid var(--upload-ink);border-left-width:6px;padding:10px 12px;background:var(--upload-paper);color:var(--upload-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px;line-height:1.45;animation:upload-publish-rise .18s ease-out}.upload-publish__progress{position:absolute;inset-block-start:0;inset-inline:0;block-size:3px;background:linear-gradient(90deg,transparent 0,var(--upload-purple) 35%,var(--upload-ink) 50%,transparent 70%);animation:upload-publish-progress 1s linear infinite}.upload-publish__complete{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border:2px solid var(--upload-purple);padding:14px 16px;background:var(--upload-purple);box-shadow:4px 4px 0 var(--upload-ink);color:var(--upload-paper);animation:upload-publish-complete .38s ease-out}.upload-publish__complete>strong,.upload-publish__result-links{position:relative;z-index:1}.upload-publish__result-links{display:flex;flex-wrap:wrap;gap:8px}.upload-publish__result-links a{border:1.5px solid var(--upload-paper);padding:6px 10px;color:var(--upload-paper);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px;text-decoration:none;text-transform:uppercase}.upload-publish__result-links a:hover{background:var(--upload-paper);color:var(--upload-purple)}.upload-publish__confetti{position:absolute;inset:0;pointer-events:none}.upload-publish__confetti span{position:absolute;inset-block-start:-12px;inset-inline-start:var(--x);inline-size:7px;block-size:12px;background:var(--upload-paper);opacity:0;transform:translateY(0) rotate(0);animation:upload-publish-confetti .9s ease-out forwards;animation-delay:var(--delay)}.upload-publish__confetti span:nth-child(3n){background:var(--upload-ink)}.upload-publish__confetti span:nth-child(4n){inline-size:10px;block-size:10px;border-radius:50%}.dashboard-form-error{border:1.5px solid var(--upload-ink);border-left-width:6px;padding:10px 12px;background:var(--upload-paper);color:var(--dashboard__foreground-color-error);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px;line-height:1.45}.upload-publish--modal{inline-size:100%;min-inline-size:0}.upload-publish--modal .upload-drop-zone__surface{padding:24px}.upload-publish--modal .upload-drop-zone__title{font-size:clamp(38px,8vw,58px)}@keyframes upload-publish-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes upload-publish-progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes upload-publish-complete{0%{opacity:0;transform:scale(.98)}70%{transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes upload-publish-confetti{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(92px) rotate(220deg)}}