.fp{min-height:80vh}.fp [hidden],.fp-viewer [hidden]{display:none}.fp-header{max-width:720px}.fp-header h1{font-size:var(--fs-h1);letter-spacing:var(--ls-tight);line-height:1}.fp-lead{margin-top:var(--sp-6);max-width:560px}.fp-status{color:var(--c-fg-muted)}.fp-login{max-width:420px}.fp-login-form{display:flex;flex-direction:column;gap:var(--sp-6)}.fp-code-input{font-size:1.25rem;font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase}.fp-code-input::placeholder{font-weight:var(--fw-regular);letter-spacing:0;text-transform:none}.fp-error{color:var(--c-fg);font-size:var(--fs-small);border-left:2px solid var(--c-accent-h);padding-left:var(--sp-3)}.fp-hint{margin-top:var(--sp-8);font-size:var(--fs-small);color:var(--c-fg-muted);line-height:1.6}.btn:disabled{opacity:.6;pointer-events:none}.fp-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-4) var(--sp-8);padding-bottom:var(--sp-6);border-bottom:1px solid var(--c-border-dark)}.fp-tour{color:var(--c-fg-muted);margin-bottom:var(--sp-2)}.fp-count{font-size:var(--fs-h3);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight)}.fp-bar-actions{display:flex;flex-wrap:wrap;gap:var(--sp-6)}.fp-link{font:inherit;font-size:var(--fs-small);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-fg);background:none;border:0;border-bottom:1px solid var(--c-border-dark);padding:var(--sp-2) 0;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}@media (hover: hover){.fp-link:hover{border-bottom-color:var(--c-fg)}}.fp-link:disabled{opacity:.5;pointer-events:none}.fp-link--danger{border-bottom-color:var(--c-accent)}@media (hover: hover){.fp-link--danger:hover{border-bottom-color:var(--c-accent-h);color:#fff}}.fp-upload{display:grid;gap:var(--sp-6);margin-block:var(--sp-10) var(--sp-12)}@media (min-width: 900px){.fp-upload{grid-template-columns:minmax(240px,1fr) 2fr;align-items:stretch}.fp-name{align-self:end}.fp-queue{grid-column:1 / -1}}.fp-name{display:grid;gap:var(--sp-2);min-width:0}.fp-name-form{display:grid;gap:var(--sp-2)}.fp-name-form[hidden],.fp-name-show[hidden]{display:none}.fp-name-row{display:flex;align-items:stretch;gap:var(--sp-3)}.fp-name-row .form-input{flex:1;min-width:0}.fp-name-btn{flex:none;padding:0 var(--sp-4);font:inherit;font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-fg-dark);background:var(--c-fg);border:0;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}@media (hover: hover){.fp-name-btn:hover{background:var(--c-bg-3);color:var(--c-fg)}}.fp-name-btn:focus-visible{outline:2px solid var(--c-fg);outline-offset:2px}.fp-name-show{display:grid;gap:var(--sp-2)}.fp-name-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-h3);line-height:1.2}.fp-name-value strong{font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);overflow-wrap:anywhere}.fp-name-msg{font-size:var(--fs-small);color:var(--c-fg-muted);min-height:1.4em}.fp-name-msg:empty{min-height:0}.fp-optional{opacity:.6;font-weight:var(--fw-regular);text-transform:none;letter-spacing:0}.fp-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);min-height:160px;padding:var(--sp-8) var(--sp-6);text-align:center;background:var(--c-bg-2);border:1px dashed rgba(255,255,255,.25);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}@media (hover: hover){.fp-drop:hover{background:var(--c-bg-3);border-color:var(--c-fg)}}.fp-drop.is-over{background:var(--c-bg-3);border-color:var(--c-fg);border-style:solid}.fp-drop:focus-within{outline:2px solid var(--c-fg);outline-offset:2px}.fp-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.fp-drop-title{font-size:var(--fs-h3);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight)}.fp-drop-title:before{content:"▲";display:block;font-size:.7em;margin-bottom:var(--sp-2);color:var(--c-accent-h)}.fp-drop-sub{font-size:var(--fs-small);color:var(--c-fg-muted)}.fp-drop-limits{font-size:var(--fs-label);opacity:.8}.fp-drop-limits:empty{display:none}.fp-desktop-only{display:none}@media (hover: hover) and (pointer: fine){.fp-desktop-only{display:inline}}.fp-queue{display:grid;gap:var(--sp-2);list-style:none;padding:0;margin:0}.fp-queue:empty{display:none}.fp-job{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--c-bg-2);font-size:var(--fs-small);overflow:hidden}.fp-job-name{flex:1 1 140px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-job-state{color:var(--c-fg-muted);font-feature-settings:"tnum"}.fp-job[data-state=done] .fp-job-state,.fp-job[data-state=error] .fp-job-state{color:var(--c-fg)}.fp-job[data-state=error]{box-shadow:inset 2px 0 0 var(--c-accent-h)}.fp-job-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--c-border-dark)}.fp-job-bar span{display:block;height:100%;background:var(--c-fg);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-fast) linear}.fp-job[data-state=error] .fp-job-bar{display:none}.fp-job-retry{font:inherit;font-weight:var(--fw-bold);font-size:var(--fs-label);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-fg);background:none;border:1px solid var(--c-border-dark);padding:var(--sp-1) var(--sp-3);cursor:pointer}.fp-empty{color:var(--c-fg-muted)}.fp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;list-style:none;padding:0;margin:0}@media (min-width: 600px){.fp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}}@media (min-width: 1000px){.fp-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.fp-tile{min-width:0;aspect-ratio:1;content-visibility:auto;contain-intrinsic-size:auto 120px}.fp-tile-btn{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:var(--c-bg-2);cursor:zoom-in;overflow:hidden}.fp-tile-btn img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.fp-tile-btn img.is-loaded{opacity:1}@media (hover: hover){.fp-tile-btn:hover img{transform:scale(1.04)}}.fp-tile-btn:focus-visible{outline:2px solid var(--c-fg);outline-offset:-2px}.fp-tile-mine{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;font-size:.625rem;font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-fg);background:#111111bf;pointer-events:none}.fp-tile-video{position:absolute;right:6px;top:6px;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;font-size:.6875rem;font-weight:var(--fw-bold);font-feature-settings:"tnum";color:var(--c-fg);background:#111111bf;pointer-events:none}.fp-tile-video:before{content:"";width:0;height:0;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent currentColor}html:has(.fp-viewer[open]){overflow:hidden}.fp-viewer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:var(--c-fg);background:#0a0a0af7;overflow:hidden}.fp-viewer[open]{display:grid;grid-template-rows:auto 1fr auto}.fp-viewer::backdrop{background:#0a0a0ae6}.fp-viewer-top,.fp-viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);padding-top:max(var(--sp-3),env(safe-area-inset-top))}.fp-viewer-bottom{justify-content:flex-start;gap:var(--sp-8);padding-bottom:max(var(--sp-4),env(safe-area-inset-bottom))}.fp-viewer-meta{font-size:var(--fs-small);color:var(--c-fg-muted);font-feature-settings:"tnum";min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-viewer-stage{position:relative;min-height:0;overflow:hidden;touch-action:pan-y pinch-zoom}.fp-viewer-media{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 var(--sp-2);will-change:transform,opacity}.fp-viewer-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.fp-viewer-video{width:100%;height:100%;object-fit:contain;background:#000}.fp-viewer-note{position:absolute;z-index:2;left:50%;bottom:var(--sp-6);transform:translate(-50%);width:min(90%,420px);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-small);text-align:center;background:var(--c-bg-2);border-left:2px solid var(--c-accent-h)}.fp-icon-btn{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;color:var(--c-fg);background:#1119;border:0;cursor:pointer}.fp-icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fp-icon-btn:focus-visible{outline:2px solid var(--c-fg);outline-offset:2px}@media (hover: hover){.fp-icon-btn:hover{background:var(--c-fg);color:var(--c-fg-dark)}}.fp-nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%)}.fp-nav--prev{left:var(--sp-2)}.fp-nav--next{right:var(--sp-2)}.fp-nav[hidden]{display:none}@media (hover: none){.fp-nav{background:#11111159}}.fp-more{height:1px}@media (prefers-reduced-motion: reduce){.fp-tile-btn img,.fp-job-bar span{transition:none}}