:root{color-scheme:light;--color-primary: #db2777;--color-primary-strong: #9d174d;--color-on-primary: #ffffff;--color-secondary: #f472b6;--color-accent: #a16207;--color-background: #fdf2f8;--color-foreground: #831843;--color-muted-fg: #7d5265;--color-muted: #f0edf4;--color-border: #fbcfe8;--color-line: #e9d5df;--color-ink: #15324d;--color-destructive: #b3261e;--color-success: #1b7f4c;--color-info: #2f6fd0;--color-ring: #db2777;--tint-3: rgba(131, 24, 67, .03);--tint-6: rgba(131, 24, 67, .06);--tint-10: rgba(131, 24, 67, .1);--tint-14: rgba(131, 24, 67, .14);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--ease: cubic-bezier(.2, 0, .2, 1);--dur-fast: .12s;--dur: .2s;font-family:var(--font-body);font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0;color:var(--color-foreground);background:linear-gradient(160deg,var(--color-background),#fbf6f4 55%,#f4eef2);overflow-x:hidden;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}body:before{background:url(/background.jpg) center / cover no-repeat}body:after{background:linear-gradient(180deg,#fdf2f86b,#fdf6f9a8)}button,label.picker,a{touch-action:manipulation}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-sm)}.app-shell{min-height:100dvh;display:grid;place-items:center;padding:calc(var(--space-4) + env(safe-area-inset-top)) calc(var(--space-3) + env(safe-area-inset-right)) calc(var(--space-4) + env(safe-area-inset-bottom)) calc(var(--space-3) + env(safe-area-inset-left))}.card{width:min(680px,100%);background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);box-shadow:0 18px 44px #4a0c2824;animation:card-in var(--dur) var(--ease) both}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}@media(min-width:600px){.card{padding:var(--space-6) var(--space-5)}}h1{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:1.2;letter-spacing:-.01em}@media(min-width:600px){h1{font-size:1.625rem}}h2{margin:0;font-size:var(--text-base);font-weight:600;letter-spacing:.01em}p{margin:0}.lede{margin-top:var(--space-2);color:var(--color-muted-fg);font-size:var(--text-base)}.muted{color:var(--color-muted-fg);font-size:var(--text-sm)}.error{color:var(--color-destructive);font-size:var(--text-sm)}.ok{color:var(--color-success);font-size:var(--text-sm)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.stack{display:grid;gap:var(--space-2)}.card-header{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-line)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.badge-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--radius-pill);background:var(--color-muted);color:var(--color-primary)}.badge-icon svg{width:22px;height:22px}.field{display:grid;gap:var(--space-2);margin-top:var(--space-4)}label{font-size:var(--text-sm);font-weight:600}.field-hint{font-size:var(--text-xs);color:var(--color-muted-fg)}input[type=text],input[type=password]{width:100%;min-height:52px;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;color:var(--color-foreground);font:inherit;font-size:16px;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}input::placeholder{color:#a98a99}input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #db27772e}input[aria-invalid=true]{border-color:var(--color-destructive)}.input-code{font-size:1.125rem;letter-spacing:.14em;text-transform:uppercase}.input-code::placeholder{letter-spacing:.14em}button.primary{width:100%;min-height:50px;margin-top:18px;padding:14px;border:none;border-radius:var(--radius-md);background:var(--color-ink);color:#fff;font-size:var(--text-base);font-weight:600;transition:opacity var(--dur-fast) var(--ease)}button.primary:active:not(:disabled){opacity:.85}button.primary:disabled{opacity:.6;cursor:default}button.link{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-2);margin:0 calc(var(--space-2) * -1);border:none;background:none;color:var(--color-primary-strong);font-size:var(--text-sm);font-weight:600}button.link:active{opacity:.6}button.link svg{width:16px;height:16px}.quota{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-muted)}.quota-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);text-align:center}.quota-value{display:block;font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.quota-label{display:block;margin-top:2px;font-size:var(--text-xs);color:var(--color-muted-fg)}.quota-bar{height:6px;margin-top:var(--space-3);border-radius:var(--radius-pill);background:var(--tint-10);overflow:hidden}.quota-bar>span{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transition:width var(--dur) var(--ease)}.quota.is-low .quota-bar>span{background:var(--color-accent)}.notice{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.45}.notice svg{width:18px;height:18px;flex:none;margin-top:1px}.notice.is-closed{background:#fdf0ef;color:var(--color-destructive)}.notice.is-private{margin-top:var(--space-5);padding:0;background:none;color:var(--color-muted-fg);font-size:var(--text-xs)}.pickers{margin:var(--space-4) 0 0;padding:0;border:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.picker{position:relative;margin:0;min-height:104px;display:grid;place-items:center;align-content:center;gap:var(--space-2);text-align:center;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;color:var(--color-foreground);font-family:inherit;font-size:var(--text-sm);font-weight:600;line-height:1.3;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}button.picker{width:100%}.picker:active:not(.is-disabled):not(:disabled){transform:scale(.97);background:var(--tint-3)}.picker input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.picker:has(input[type=file]:focus-visible){outline:2px solid var(--color-ring);outline-offset:2px}.picker.is-disabled,.picker:disabled{opacity:.45;cursor:not-allowed}.picker.is-primary{border-color:var(--color-primary);background:#fff5f9}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.chip{min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:#fff;color:var(--color-foreground);font-size:var(--text-sm);font-weight:600;transition:transform var(--dur-fast) var(--ease)}.chip:active{transform:scale(.97)}.chip.is-active{border-color:var(--color-primary-strong);background:var(--color-primary-strong);color:var(--color-on-primary)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5)}.jobs{list-style:none;margin:var(--space-2) 0 0;padding:0;display:grid;gap:var(--space-2)}.job{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-muted);line-height:1.4;animation:card-in var(--dur) var(--ease) both}.job-body{min-width:0}.job-name{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-size{font-size:var(--text-xs);color:var(--color-muted-fg);font-variant-numeric:tabular-nums}.job-status{margin-top:var(--space-1);font-size:var(--text-xs)}.job .badge-icon{width:36px;height:36px}.job .badge-icon svg{width:18px;height:18px}.job.uploading .badge-icon{background:#e7effb;color:var(--color-info)}.job.done .badge-icon{background:#e4f3ea;color:var(--color-success)}.job.error .badge-icon{background:#fbe9e7;color:var(--color-destructive)}.job-bar{height:5px;margin-top:var(--space-2);border-radius:var(--radius-pill);background:var(--tint-10);overflow:hidden}.job-bar>span{display:block;height:100%;border-radius:inherit;background:var(--color-info);transition:width .15s linear}.job-retry{margin-left:var(--space-2)}.gallery{list-style:none;margin:var(--space-2) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-2)}.thumb{min-width:0}.thumb-frame{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-md);background:var(--color-muted)}.thumb-frame img,.thumb-frame video{width:100%;height:100%;object-fit:cover}.thumb-placeholder{display:grid;place-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-muted-fg)}.thumb-placeholder svg{width:20px;height:20px}.thumb-kind{position:absolute;top:var(--space-1);right:var(--space-1);display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-pill);background:#4a0c289e;color:#fff}.thumb-kind svg{width:13px;height:13px}.thumb-meta{margin:var(--space-1) 0 0;font-size:var(--text-xs);line-height:1.35;color:var(--color-muted-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{display:grid;justify-items:center;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-6) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center}.empty .badge-icon{width:48px;height:48px}.empty p{color:var(--color-muted-fg);font-size:var(--text-sm);max-width:32ch}.gallery.is-admin{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.admin-item{display:flex;flex-direction:column;gap:var(--space-1)}.gallery-single{list-style:none;margin:0;padding:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}