@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg:#f6f3ed;--ink:#11100f;--muted:#6b665f;--panel:#fffefb;--line:#dfd7ca;--line-strong:#d1c5b2;--accent:#0b6c63;--accent-strong:#075249;--danger:#9d2e2e;--danger-strong:#7c1e1e;--success:#16663d;--shadow:0 16px 32px #0d0d0c14}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 15% 15%, #0b6c632e, transparent 28%), radial-gradient(circle at 92% 8%, #a05d2726, transparent 22%), var(--bg);min-height:100vh;margin:0;font-family:Space Grotesk,Trebuchet MS,sans-serif}h1,h2,h3{margin:0;font-family:Fraunces,Georgia,serif}button,input,a{font:inherit}a{color:inherit}.app-shell{min-height:100vh}.app-header{padding:2rem 1rem 1.2rem;position:relative}.app-header:after{content:"";background:linear-gradient(90deg,#0b6c6359,#a05d2747,#0000);height:1px;position:absolute;bottom:0;left:1rem;right:1rem}.app-header h1{font-size:clamp(1.3rem,3vw,2rem)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem}.app-main{max-width:1100px;margin:0 auto;padding:0 1rem 3rem}.panel{background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:20px;margin-top:2%;padding:1.1rem;position:relative}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;display:flex}.panel-head.split{align-items:flex-start}.drop-panel.drop-active{box-shadow:0 0 0 2px #0b6c6340, var(--shadow)}.drop-overlay{z-index:5;text-align:center;color:var(--accent-strong);background:#f6f3edeb;border:2px dashed #0b6c638c;border-radius:20px;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.drop-overlay p{margin:0;font-size:1.05rem}.new-album{gap:.5rem;display:flex}input[type=text]{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:220px;padding:.55rem .7rem}button,.solid,.upload-btn{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:12px;padding:.55rem .9rem;text-decoration:none;transition:transform .15s,background-color .15s}button:hover,.solid:hover,.upload-btn:hover{background:var(--accent-strong);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.ghost:hover{background:#f1ece3}.danger{background:var(--danger)}.danger:hover{background:var(--danger-strong)}.small{padding:.35rem .6rem;font-size:.87rem}.hint{color:var(--muted);margin:.65rem 0 1rem;font-size:.9rem}.status{background:#f1ece3;border-radius:12px;margin:.5rem 0;padding:.7rem}.status.error{color:#5b1616;background:#fbe8e8}.album-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem;margin-top:.75rem;display:grid}.album-card{border:1px solid var(--line);background:#fff;border-radius:14px;transition:transform .18s,box-shadow .18s;overflow:hidden}.album-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f0e0d17}.album-link{text-decoration:none;display:block}.album-cover{height:140px;color:var(--muted);background-color:#e8e1d6;background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex}.album-meta{padding:.75rem}.album-meta p{color:var(--muted);margin:.25rem 0 0}.album-card .danger{border-radius:0;width:100%}.back-link{border:1px solid var(--line);color:var(--accent-strong);background:#fff;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:.35rem .7rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:before{content:"<";font-size:.85rem}.back-link:hover{background:#f4efe7}.album-actions{flex-wrap:wrap;gap:.55rem;display:flex}.download-zip-link{border:1px solid #fff3}.upload-btn{position:relative;overflow:hidden}.upload-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.mobile-upload-hint{color:var(--muted);margin:-.45rem 0 .85rem;font-size:.8rem}.upload-summary{background:#eef8f3;border:1px solid #c8e7d8;border-radius:12px;margin:.85rem 0;padding:.75rem}.upload-summary p,.upload-summary ul{margin:.45rem 0 0}.sort-row{align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.sort-label{color:var(--muted);font-size:.9rem}.sort-select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:.35rem .6rem}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;margin-top:.75rem;display:grid}.photo-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.4rem;box-shadow:0 6px 14px #120f0d0f}.photo-open{background:0 0;border:0;width:100%;padding:0}.photo-open img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%;display:block}.photo-actions{gap:.4rem;margin-top:.5rem;display:flex}.photo-actions button{flex:1}.viewer-backdrop{z-index:40;background:#0f0c0abf;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.viewer-panel{color:#f9f2e8;background:radial-gradient(circle at 85% 10%,#0b6c6333,#0000 25%),#161412;border:1px solid #ffffff21;border-radius:18px;width:min(1040px,100%);padding:1rem}.viewer-header,.viewer-actions{justify-content:space-between;align-items:center;display:flex}.viewer-header{margin-bottom:.7rem}.viewer-counter{letter-spacing:.04em;text-transform:uppercase;color:#cfbfac;margin:0;font-size:.8rem;font-weight:700}.viewer-close{color:#f9f2e8;border-color:#ffffff40}.viewer-close:hover{background:#ffffff1f}.viewer-body{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;margin:.2rem 0 .8rem;display:grid}.viewer-figure{background:#00000038;border:1px solid #ffffff29;border-radius:14px;margin:0;padding:.65rem}.viewer-image{object-fit:contain;background:#0f0e0d;border-radius:10px;width:100%;max-height:72vh}.viewer-caption{color:#cfbfac;text-align:center;word-break:break-word;margin-top:.55rem;font-size:.82rem}.nav-btn{align-self:center;min-width:68px;min-height:44px}.viewer-actions{border-top:1px solid #ffffff26;gap:.6rem;padding-top:.8rem}.viewer-actions button{min-width:132px}.viewer-delete{box-shadow:inset 0 0 0 1px #ffffff14}.toast-stack{z-index:60;gap:.5rem;display:grid;position:fixed;bottom:.9rem;right:.9rem}.toast{color:#fff;min-width:260px;max-width:360px;box-shadow:var(--shadow);border-radius:12px;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;display:flex}.toast button{background:0 0;padding:0}.toast-info{background:#36454f}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}@media (width<=720px){.app-header{padding-top:1.3rem}.new-album{width:100%}input[type=text]{flex:1;min-width:0}.panel{padding:.85rem}.album-actions{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.upload-btn,.download-zip-link{text-align:center;place-items:center;min-height:48px;font-weight:600;display:grid}.download-zip-link{grid-column:1/-1}.mobile-upload-hint{margin-top:0}.sort-row{justify-content:space-between}.sort-select{flex:1;max-width:220px;min-height:42px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.photo-actions button{min-height:42px}.viewer-body{grid-template-columns:1fr}.nav-btn{width:100%}.viewer-actions{flex-wrap:wrap}.viewer-actions button{flex:1;min-width:0}.toast{width:min(92vw,360px);min-width:0}}