:root{--background:#f7f4ef;--foreground:#171512;--muted:#6f665d;--surface:#fffdf9;--border:#e7ded2;--accent:#7c3aed;--accent-strong:#5b21b6;--accent-light:#ede9fe;--radius:1.25rem;--shadow:0 24px 70px #3422121f}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{min-height:100vh;color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,textarea{font:inherit}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.85rem 1.15rem;font-weight:700}button:hover{background:var(--accent-strong)}input,textarea{border:1px solid var(--border);width:100%;color:var(--foreground);background:#fff;border-radius:.85rem;margin-top:.4rem;padding:.8rem .9rem}label{color:var(--foreground);font-weight:700}main{width:min(1120px,100% - 2rem);margin:0 auto;padding:0}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding:1rem min(5vw,4rem);display:flex}.brand{letter-spacing:-.04em;font-weight:900;text-decoration:none}.hero{max-width:760px;padding:0}.hero h1{letter-spacing:-.07em;margin:.5rem 0 1rem;font-size:clamp(2.75rem,7vw,5.75rem);line-height:.92}.hero p{color:var(--muted);font-size:1.15rem;line-height:1.7}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--accent)!important}.grid{gap:1.25rem;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:color-mix(in srgb, var(--surface) 92%, white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2rem)}.form-stack{align-content:start;gap:1rem;display:grid}.card h2{margin:0 0 .35rem}.muted,output{color:var(--muted);line-height:1.6}output{overflow-wrap:anywhere;display:block}@media (max-width:780px){.two-columns{grid-template-columns:1fr}.hero{padding:0}}.compact{padding-bottom:0}.library-layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:1.25rem;display:grid}.library-header,.upload-actions,.progress-summary,.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.upload-actions{z-index:20;border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, white);padding:1rem max(1rem,50vw - 560px);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #3422121a}body:has(.upload-actions){padding-bottom:5rem}.library-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.delete-all-container{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.danger-button{background:#b91c1c}.danger-button:hover{background:#7f1d1d}.empty-state{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:1rem;padding:3rem 1.25rem}.album-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.asset-picker{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin-top:1rem;display:grid}.asset-card small{white-space:pre-wrap}.asset-card{border:1px solid var(--border);cursor:pointer;color:inherit;background:#fff;border-radius:1rem;gap:.5rem;padding:.5rem;text-decoration:none;display:grid;position:relative}.asset-card input{z-index:1;width:auto;accent-color:var(--accent);margin:0;position:absolute;inset:.6rem auto auto .6rem}.asset-card img{aspect-ratio:1;object-fit:cover;background:var(--border);border-radius:.8rem;width:100%;height:auto;display:block}.asset-card span{text-overflow:ellipsis;white-space:nowrap;padding-right:1.5rem;font-weight:600;display:block;overflow:hidden}.asset-card.static-card{cursor:default}.asset-card.selected-card{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 3px #7c3aed1f}.order-editor{margin-bottom:1rem}.order-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.order-card{border:1px solid var(--border);cursor:grab;touch-action:none;background:#fff;border-radius:1rem;gap:.5rem;min-width:0;padding:.5rem;display:grid}.order-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.order-card:active{cursor:grabbing}.order-card.is-dragging{z-index:1;box-shadow:var(--shadow);opacity:.8;position:relative}.order-card img{aspect-ratio:1;object-fit:cover;background:var(--border);border-radius:.8rem;width:100%;display:block}.order-card-footer{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.order-card-footer strong{background:var(--accent);color:#fff;border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;display:grid}.order-card-footer span{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.order-save-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.public-album-gallery{margin-top:1.5rem}.public-albums-hero{margin-bottom:1.5rem}.public-albums-grid{grid-template-columns:repeat(auto-fill,minmax(45%,1fr));gap:1rem;margin-bottom:3rem;display:grid}.public-album-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);color:inherit;text-decoration:none;display:grid;overflow:hidden}.public-album-card:hover{transform:translateY(-2px)}.public-album-cover{aspect-ratio:4/3;background:var(--accent-light);color:var(--muted);place-items:center;display:grid}.public-album-cover img{object-fit:cover;width:100%;height:100%;display:block}.public-album-card-content{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.public-album-card-content h2,.public-album-card-content p{margin:0}.public-album-card-content h2{font-size:1.25rem}.public-album-card-content p{color:var(--muted);white-space:pre-wrap;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.public-album-thumbnail{border:1px solid var(--border);min-width:0;color:var(--foreground);text-align:left;background:#fff;border-radius:1rem;gap:.5rem;padding:.2rem;display:grid}.public-album-thumbnail:hover{background:#fff}.public-album-thumbnail img{aspect-ratio:1;object-fit:cover;background:var(--border);border-radius:.8rem;width:100%;display:block}.public-album-thumbnail span{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.fullscreen-view{z-index:10;background:#171512f0;grid-template-columns:minmax(3rem,1fr) minmax(0,min(86vw,1000px)) minmax(3rem,1fr);align-items:center;gap:1rem;padding:3rem 1.5rem 1.5rem;display:grid;position:fixed;inset:0}.fullscreen-figure{justify-content:center;align-items:center;min-width:0;margin:0;display:flex;position:absolute;inset:0;overflow:auto}.fullscreen-figure img{object-fit:contain;transform-origin:50%;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 6rem);transition:transform .16s;display:block}.fullscreen-figure figcaption{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.fullscreen-close{z-index:1;background:#ffffff1f;width:2.75rem;height:2.75rem;padding:0;font-size:1.75rem;line-height:1;position:absolute;top:1rem;right:1rem}.fullscreen-owner-actions{z-index:1;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;top:4.25rem;right:1rem}.fullscreen-owner-actions button{min-height:2.5rem;padding-inline:.75rem}.fullscreen-owner-actions .error{text-align:right;max-width:15rem}.fullscreen-close:hover,.fullscreen-nav:hover{background:#ffffff3d}.fullscreen-zoom-controls{z-index:1;gap:.25rem;display:flex;position:absolute;top:1rem;left:1rem}.fullscreen-zoom-controls button{background:#ffffff1f;min-width:2.75rem;height:2.75rem;padding:0 .5rem;font-size:1.25rem}.fullscreen-zoom-controls button:hover{background:#ffffff3d}.fullscreen-nav{background:#ffffff1f;justify-self:center;width:3rem;height:3rem;padding:0;font-size:1.4rem}.fullscreen-prev{position:absolute;bottom:1rem;left:1rem}.fullscreen-next{position:absolute;bottom:1rem;right:1rem}@media (max-width:600px){.fullscreen-view{grid-template-columns:3rem minmax(0,1fr) 3rem;gap:.5rem;padding-inline:.5rem}.fullscreen-figure img{max-height:calc(100vh - 8rem)}}.secondary-link{color:var(--accent);font-weight:800;text-decoration:none}.save-popover{z-index:40;border:1px solid var(--border);background:var(--foreground);box-shadow:var(--shadow);color:#fff;border-radius:999px;padding:.75rem 1.25rem;font-weight:800;position:fixed;top:1.25rem;left:50%;transform:translate(-50%)}select{border:1px solid var(--border);width:100%;color:var(--foreground);background:#fff;border-radius:.85rem;margin-top:.4rem;padding:.8rem .9rem}@media (max-width:900px){.album-layout{grid-template-columns:1fr}}.image-thumbnail-button{border:1px solid var(--border);aspect-ratio:1;width:20%;box-shadow:none;background:#fff;border-radius:.4rem;padding:0;overflow:hidden}.image-thumbnail-button:hover{background:#fff}.image-thumbnail-button img{object-fit:cover;background:var(--border);width:100%;height:100%;display:block}.image-popover-backdrop{z-index:50;background:#11151cad;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.image-popover{border:1px solid var(--border);background:var(--surface);width:min(760px,100%);max-height:min(82vh,760px);box-shadow:var(--shadow);border-radius:1.5rem;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);display:grid;position:relative;overflow:hidden}.image-popover-media{background:#f1ece6}.image-popover-media img{object-fit:cover;width:100%;height:100%;max-height:min(82vh,760px);display:block}.image-popover-content{align-content:start;gap:1rem;padding:1.5rem;display:grid}.image-popover-content h3{letter-spacing:-.04em;margin:0;font-size:1.5rem}.image-popover-description{color:var(--muted);margin:0;line-height:1.6}.image-popover-close{z-index:1;width:2.5rem;height:2.5rem;color:var(--foreground);background:#ffffffd6;border-radius:999px;place-items:center;padding:0;font-size:1.5rem;line-height:1;display:grid;position:absolute;top:.75rem;right:.75rem}.image-meta{gap:.75rem;margin:0;display:grid}.image-meta div{border-top:1px solid var(--border);gap:.2rem;padding-top:.5rem;display:grid}.image-meta dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.image-meta dd{overflow-wrap:anywhere;margin:0;font-weight:700}.image-popover-actions{justify-content:space-between;gap:.75rem;margin-top:.5rem;display:flex}.secondary-button{border:1px solid var(--border);color:var(--foreground);background:0 0}.secondary-button:hover{background:#f7f2ee}.error{color:#b91c1c;font-weight:700}.pagination{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.pagination a{color:var(--accent);font-weight:800;text-decoration:none}.pagination a[aria-disabled=true]{color:var(--muted);pointer-events:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-progress{border-top:1px solid var(--border);padding-top:1rem}.progress-summary span{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.35rem .7rem}.upload-list{gap:.65rem;max-height:20rem;margin:1rem 0 0;padding:0;list-style:none;display:grid;overflow:auto}.upload-item{border:1px solid var(--border);border-radius:.85rem;grid-template-columns:3rem minmax(0,1fr) auto;gap:.25rem .75rem;padding:.75rem;display:grid}.upload-thumbnail,.upload-thumbnail-placeholder{background:var(--border);object-fit:cover;border-radius:.5rem;grid-row:span 2;width:3rem;height:3rem;display:block}.upload-thumbnail-placeholder{opacity:.45}.upload-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-item strong{text-transform:capitalize}.upload-item.uploading{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed1f}.upload-item.uploaded strong{color:#15803d}.upload-item.failed strong{color:#b91c1c}@media (max-width:900px){.library-layout{grid-template-columns:1fr}}