:root{--color-blue:#b8d4e8;--color-denim:#5a7ba0;--color-lemon:#f5dc6f;--color-bg:#fbf9f4;--color-text:#2c3e50;--color-muted:#7a8a9a;--color-error:#b8514c;--color-done:#4a8b6b;--radius-sm:.5rem;--radius-md:.75rem;--radius-pill:999px}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{max-width:720px;margin:0 auto;padding:1.5rem 1rem 4rem}.hero{text-align:center;padding:1.5rem 0 1rem}.hero h1{letter-spacing:.01em;margin:0 0 .25rem;font-family:Cormorant Garamond,Garamond,Georgia,serif;font-size:3.5rem;font-weight:600;line-height:1}.hero-meta{color:var(--color-muted);margin:0 0 1rem;font-size:.9375rem}.hero-prompt{margin:0;font-size:1.0625rem}.hero-compact{padding:1rem 0 .5rem}.hero-compact h1{font-size:2.5rem}.hero-compact .hero-meta{margin-bottom:0}.upload-actions{flex-direction:column;align-items:center;gap:.875rem;padding:1.25rem 0;display:flex}.primary-button{background:var(--color-denim);color:#fff;border-radius:var(--radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.primary-button:hover{filter:brightness(1.05)}.secondary-link{color:var(--color-denim);font-size:.9375rem;text-decoration:underline}.upload-list-section{padding:.5rem 0}.upload-list{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.upload-item{border-radius:var(--radius-md);background:#fff;align-items:center;gap:.875rem;padding:.625rem .75rem;display:flex;box-shadow:0 1px 3px #2c3e500f}.upload-item-thumb{border-radius:var(--radius-sm);background:var(--color-blue);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.upload-item-thumb img,.upload-item-thumb video{object-fit:cover;width:100%;height:100%}.thumb-placeholder{color:#fff;letter-spacing:.04em;font-size:.6875rem;font-weight:700}.upload-item-meta{flex:1;min-width:0}.upload-item-filename{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.upload-item-status{color:var(--color-muted);margin-top:.125rem;font-size:.75rem}.upload-item[data-kind=failed] .upload-item-status{color:var(--color-error)}.upload-item[data-kind=done] .upload-item-status{color:var(--color-done)}.upload-item-progress{border-radius:var(--radius-pill);background:#2c3e5014;height:4px;margin-top:.375rem;overflow:hidden}.upload-item-progress-fill{background:var(--color-denim);width:0%;height:100%;transition:width .15s}.upload-item[data-kind=done] .upload-item-progress-fill{background:var(--color-done)}.upload-item-actions{flex-shrink:0;gap:.25rem;display:flex}.upload-item-retry,.upload-item-remove{border-radius:var(--radius-pill);cursor:pointer;color:var(--color-text);background:0 0;border:1px solid #2c3e502e;font-family:inherit;font-size:.75rem}.upload-item-retry{background:var(--color-lemon);border-color:#0000;padding:.3125rem .625rem;font-weight:600}.upload-item-remove{justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1.125rem;line-height:1;display:flex}.upload-status{text-align:center;color:var(--color-text);margin:1rem 0 0;font-size:.9375rem}.upload-status a{color:var(--color-denim);margin-left:.25rem}.gallery-actions{justify-content:center;padding:.5rem 0 1rem;display:flex}.gallery-state{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.gallery-state[hidden]{display:none}.gallery-message{color:var(--color-muted);margin:0;font-size:1rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin:.5rem 0 2rem;display:grid}@media (width>=480px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.625rem}}@media (width>=768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.gallery-tile{aspect-ratio:1;background:var(--color-blue);border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.gallery-tile:focus-visible{outline:2px solid var(--color-denim);outline-offset:2px}.gallery-tile img,.gallery-tile video{object-fit:cover;image-orientation:from-image;width:100%;height:100%;display:block}.gallery-tile-badge{color:#fff;border-radius:var(--radius-pill);pointer-events:none;background:#141923b3;padding:.125rem .5rem;font-size:.75rem;line-height:1.4;position:absolute;bottom:.375rem;right:.375rem}.lightbox{color:#fff;background:#141923;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0}.lightbox::backdrop{background:#141923}.lightbox-content{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex}.lightbox-content img,.lightbox-content video{object-fit:contain;image-orientation:from-image;border-radius:var(--radius-sm);max-width:100%;max-height:100%}.lightbox-close{top:max(.75rem, env(safe-area-inset-top,0));right:max(.75rem, env(safe-area-inset-right,0));color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:inherit;font-size:1.5rem;line-height:1;display:flex;position:absolute}.lightbox-close:hover{background:#ffffff47}