:root{color:#151515;background:#f6f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.app-shell{min-height:100vh;padding:28px clamp(16px,4vw,48px) 56px}.login-shell{align-items:center;background:radial-gradient(circle at 14% 12%,rgba(248,190,98,.24),transparent 30%),radial-gradient(circle at 88% 18%,rgba(69,125,119,.22),transparent 28%),linear-gradient(135deg,#f8f5ee,#eef3f0 48%,#f6efe7);display:flex;justify-content:center;overflow:hidden;padding:40px clamp(16px,5vw,72px);position:relative}.login-shell:before{background-image:linear-gradient(rgba(29,79,74,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(29,79,74,.08) 1px,transparent 1px);background-size:44px 44px;content:"";inset:0;-webkit-mask-image:linear-gradient(140deg,rgba(0,0,0,.9),transparent 72%);mask-image:linear-gradient(140deg,rgba(0,0,0,.9),transparent 72%);pointer-events:none;position:absolute}.login-hero{align-items:center;display:grid;gap:clamp(22px,4vw,42px);grid-template-areas:"brand preview" "panel preview";grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);max-width:1040px;position:relative;width:100%}.login-brand{display:grid;gap:18px;grid-area:brand}.brand-mark{align-items:center;background:#173e3a;border-radius:8px;color:#fff;display:flex;height:54px;justify-content:center;width:54px}.brand-mark.warning{background:#9c4d17}.auth-message{align-items:center;background:#ffffffdb;border:1px solid rgba(255,255,255,.94);border-radius:8px;box-shadow:0 24px 70px #1e2d2a29;display:flex;flex-direction:column;max-width:460px;padding:32px;position:relative;text-align:center;width:min(100%,460px);z-index:1}.auth-message h1{color:#16231f;font-size:2rem;line-height:1.1;margin:18px 0 10px}.auth-message p{color:#625c52;line-height:1.6;margin:0}.auth-message p+p{margin-top:8px}.login-brand h1{color:#16231f;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.96;max-width:560px}.login-preview{display:grid;gap:12px;grid-area:preview;grid-template-columns:1.15fr .85fr;grid-template-rows:180px 156px;min-height:348px}.preview-card{background:linear-gradient(145deg,rgba(255,255,255,.72),transparent 42%),linear-gradient(135deg,#8aa39d,#f0d6a8);border:8px solid rgba(255,255,255,.8);border-radius:8px;box-shadow:0 22px 48px #1e2d2a2e;min-height:120px}.preview-card.large{background:linear-gradient(160deg,rgba(21,31,29,.08),transparent 45%),linear-gradient(135deg,#315f58,#f0c66f 56%,#f4efe2);grid-row:span 2}.preview-card.warm{background:linear-gradient(145deg,rgba(255,255,255,.65),transparent 45%),linear-gradient(135deg,#be6a49,#f4cfa3)}.preview-card.cool{background:linear-gradient(145deg,rgba(255,255,255,.6),transparent 40%),linear-gradient(135deg,#446e83,#a8d4c9)}.preview-card.dark{background:linear-gradient(145deg,rgba(255,255,255,.2),transparent 48%),linear-gradient(135deg,#1d2b2e,#6a7a58);display:none}.login-panel{background:#ffffffd1;border:1px solid rgba(255,255,255,.92);border-radius:8px;box-shadow:0 24px 70px #1e2d2a2e;display:grid;gap:12px;grid-area:panel;padding:14px;position:relative;z-index:1}.role-button{align-items:center;background:#fff;border:1px solid #d7ded9;border-radius:8px;color:#172a2a;cursor:pointer;display:grid;gap:14px;grid-template-columns:auto 1fr;min-height:84px;padding:16px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.role-button:hover{border-color:#1d4f4a;box-shadow:0 14px 32px #1d4f4a24;transform:translateY(-1px)}.role-button:focus-visible{outline:3px solid rgba(29,79,74,.26);outline-offset:2px}.role-icon{align-items:center;border-radius:8px;display:flex;height:46px;justify-content:center;width:46px}.role-button.member .role-icon{background:#edf6f2;color:#1d4f4a}.role-button.admin .role-icon{background:#fff1df;color:#9c4d17}.role-button strong,.role-button em{display:block}.role-button strong{font-size:1.02rem;margin-bottom:4px}.role-button em{color:#625c52;font-size:.88rem;font-style:normal}.topbar{align-items:end;display:flex;gap:20px;justify-content:space-between;margin:0 auto 28px;max-width:1280px}.eyebrow{color:#7a4e2f;font-size:.75rem;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1;margin:0}.user-label{color:#625c52;font-size:.9rem;margin:8px 0 0}.filter-group{align-items:center;background:#fff;border:1px solid #ddd8ce;border-radius:8px;display:inline-flex;padding:4px}.filter-button{align-items:center;background:transparent;border:0;border-radius:6px;color:#625c52;cursor:pointer;display:inline-flex;gap:6px;justify-content:center;min-height:36px;padding:0 14px}.filter-button.active{background:#1d4f4a;color:#fff}.notice{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#8a3d12;display:flex;gap:10px;margin:0 auto 20px;max-width:1280px;padding:12px 14px}.icon-text-button,.close-button{align-items:center;background:#fff;border:1px solid #d6d0c6;border-radius:6px;color:#24211d;cursor:pointer;display:inline-flex;gap:6px;min-height:34px;padding:0 12px}.icon-text-button.danger{border-color:#f2b8b5;color:#9f1c14}.timeline{margin:0 auto;max-width:1280px}.load-more-row{display:flex;justify-content:center;margin-top:22px}.subtoolbar,.upload-page,.albums-page,.admin-page{margin:0 auto;max-width:1280px}.subtoolbar{align-items:center;display:flex;gap:6px;margin-bottom:18px}.upload-page,.albums-page,.album-detail,.admin-page,.admin-list{display:grid;gap:18px}.album-editor,.album-add-panel{background:#fff;border:1px solid #ddd8ce;border-radius:8px;padding:14px}.album-form{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(160px,1fr) minmax(180px,1.2fr) minmax(160px,1fr) auto}.album-form label,.album-add-panel{display:grid;gap:6px}.album-form span{color:#3a352e;font-size:.82rem}.album-form input,.album-form select,.album-add-panel select{background:#fff;border:1px solid #d6d0c6;border-radius:6px;color:#24211d;min-height:38px;padding:0 10px;width:100%}.album-add-panel{align-items:end;grid-template-columns:minmax(220px,1fr) auto}.album-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.album-card{background:#fff;border:1px solid #ddd8ce;border-radius:8px;color:#24211d;cursor:pointer;display:grid;gap:8px;min-height:172px;padding:14px;text-align:left}.album-card:hover{border-color:#1d4f4a}.album-cover{align-items:center;background:#edf2f0;border-radius:8px;color:#1d4f4a;display:flex;height:68px;justify-content:center}.album-card strong{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-card span,.album-card em{color:#625c52;font-style:normal}.album-media-cell{position:relative}.remove-media-button{align-items:center;background:#151515c2;border:0;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:8px;top:8px;width:30px}.drop-zone{align-items:center;background:#fff;border:1px dashed #9aa7a9;border-radius:8px;color:#3f4b4e;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:220px;padding:28px;text-align:center}.drop-zone.active{background:#edf7f5;border-color:#1d4f4a}.drop-zone strong{color:#172a2a;font-size:1.15rem}.drop-zone span{color:#625c52}.drop-zone input{height:1px;opacity:0;position:absolute;width:1px}.upload-actions{display:flex;justify-content:flex-end}.primary-button{background:#1d4f4a;border:0;border-radius:6px;color:#fff;cursor:pointer;min-height:38px;padding:0 16px}.primary-button:disabled{background:#b7c3c0;cursor:not-allowed}.upload-list{display:grid;gap:10px}.upload-row{align-items:center;background:#fff;border:1px solid #ddd8ce;border-radius:8px;display:grid;gap:14px;grid-template-columns:minmax(220px,1fr) minmax(180px,260px) minmax(160px,220px) auto;padding:12px}.upload-row-main{align-items:center;display:flex;gap:12px;min-width:0}.file-icon{align-items:center;background:#edf2f0;border-radius:8px;color:#1d4f4a;display:flex;height:42px;justify-content:center;width:42px}.file-meta{min-width:0}.file-meta h2{font-size:.95rem;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta p{color:#625c52;margin:0}.asset-picker{display:grid;gap:5px}.asset-picker span{color:#3a352e;font-size:.82rem}.asset-picker input{max-width:100%}.asset-picker em{color:#625c52;font-size:.82rem;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-status{align-items:center;color:#3a352e;display:grid;gap:6px;grid-template-columns:auto 1fr}.upload-status progress{grid-column:1 / -1;height:8px;width:100%}.status-ready{color:#18804b}.status-failed{color:#b42318}.status-working{color:#1d4f4a}.row-error{color:#b42318;grid-column:1 / -1;margin:0}.muted-text{color:#625c52;margin:0}.row-actions{display:flex;gap:8px;justify-content:flex-end}.admin-media-row{align-items:center;background:#fff;border:1px solid #ddd8ce;border-radius:8px;display:grid;gap:14px;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.8fr) minmax(180px,1fr) auto;padding:12px}.admin-status-block{display:grid;gap:4px}.admin-status-block strong{color:#24211d}.admin-status-block span{color:#625c52}.day-group{margin-top:28px}.day-group h2{color:#3a352e;font-size:1rem;margin:0 0 12px}.media-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.media-tile{aspect-ratio:1;background:#e5e0d7;border:0;border-radius:8px;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;text-align:left}.media-tile img,.thumbnail-placeholder{display:block;height:100%;width:100%}.media-tile img{object-fit:cover;transition:transform .16s ease}.thumbnail-placeholder{align-items:center;background:#d7dde0;color:#536166;display:flex;justify-content:center}.media-tile:hover img{transform:scale(1.025)}.media-badge{align-items:center;background:#151515c2;border-radius:6px;color:#fff;display:inline-flex;gap:4px;left:8px;min-height:26px;padding:0 8px;position:absolute;top:8px}.tile-title{background:linear-gradient(180deg,#0000,#000000b8);bottom:0;color:#fff;font-size:.82rem;left:0;overflow:hidden;padding:32px 10px 10px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.empty-state{align-items:center;color:#625c52;display:flex;flex-direction:column;gap:10px;min-height:48vh;justify-content:center;text-align:center}.empty-state.compact{min-height:240px}.empty-state h2{color:#24211d;margin:0}.empty-state p{margin:0}.skeleton-heading{background:#e5e0d7;border-radius:6px;height:18px;margin-bottom:12px;width:132px}.skeleton-tile{animation:pulse 1.2s ease-in-out infinite}.modal-backdrop{align-items:center;background:#141210b8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10}.preview-modal{background:#111;border-radius:8px;max-height:92vh;max-width:1120px;overflow:hidden;width:min(100%,1120px)}.preview-stage{align-items:center;background:#080808;display:flex;height:min(72vh,760px);justify-content:center;position:relative}.preview-error{align-items:center;background:#151515d1;border-radius:8px;color:#fff;display:flex;gap:8px;left:50%;min-height:42px;padding:0 14px;position:absolute;top:16px;transform:translate(-50%);z-index:1}.preview-stage img,.preview-stage video{display:block;max-height:100%;max-width:100%}.preview-info{align-items:center;background:#fff;display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.preview-info h2{font-size:1rem;margin:0 0 4px}.preview-info p{color:#625c52;margin:0}@keyframes pulse{0%,to{opacity:.72}50%{opacity:1}}@media(max-width:700px){.app-shell{padding:18px 12px 40px}.login-shell{align-items:stretch;padding:18px 12px 32px}.login-hero{align-items:stretch;gap:18px;grid-template-areas:"brand" "preview" "panel";grid-template-columns:1fr}.login-brand{gap:14px}.login-brand h1{font-size:2.5rem}.brand-mark{height:46px;width:46px}.login-preview{grid-template-rows:120px 104px;min-height:236px}.preview-card{border-width:6px}.login-panel{padding:10px}.role-button{min-height:78px;padding:14px}.topbar{align-items:stretch;flex-direction:column}.filter-group{display:grid;grid-template-columns:repeat(2,1fr)}.subtoolbar{display:grid;grid-template-columns:repeat(4,1fr)}.filter-button{padding:0 8px}.media-grid{gap:6px;grid-template-columns:repeat(3,1fr)}.upload-row,.admin-media-row{align-items:stretch;grid-template-columns:1fr}.album-form,.album-add-panel{grid-template-columns:1fr}.upload-actions,.row-actions{justify-content:stretch}.primary-button,.row-actions button{width:100%}.tile-title{display:none}.preview-info{align-items:stretch;flex-direction:column}}