:root{--bg:#f6f3ed;--paper:#fffdf8;--ink:#24231f;--muted:#76736a;--line:#dfd9ca;--accent:#506653;--accent-ink:#fff;--shadow:0 18px 60px #3430261f;--radius:8px}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%, #5066531a, transparent 30%), var(--bg);min-height:100vh;color:var(--ink);margin:0;font-family:ui-serif,Georgia,Times New Roman,serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{width:min(1440px,100vw - 40px);margin:0 auto;padding:22px 0 40px}.topbar,.brand,.section-head,.admin-head,.image-info,.actions{display:flex}.topbar{justify-content:space-between;align-items:center;height:54px}.brand{align-items:center;gap:18px;font-size:22px}.brand-mark{border:1px solid var(--ink);background:linear-gradient(90deg, transparent 48%, var(--ink) 48% 52%, transparent 52%), linear-gradient(0deg, transparent 48%, var(--ink) 48% 52%, transparent 52%);border-radius:50%;width:25px;height:25px}.button,p,small,.password-row span,.tile-caption,.admin-name{font-family:ui-sans-serif,system-ui,sans-serif}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,0fr);align-items:start;gap:24px 0;margin-top:18px;transition:grid-template-columns .72s cubic-bezier(.22,1,.36,1),column-gap .72s cubic-bezier(.22,1,.36,1);display:grid}.workspace.has-detail{grid-template-columns:minmax(280px,1fr) minmax(0,2fr);column-gap:24px}.gallery-pane,.detail-pane{min-width:0}.gallery-pane{transition:transform .72s cubic-bezier(.22,1,.36,1)}.section-head,.admin-head{justify-content:space-between;align-items:flex-start;gap:18px}.page-title,h2,p{margin:0}.page-title{font-size:clamp(42px,5vw,78px);font-weight:500;line-height:.95}h2{font-size:20px;font-weight:600;line-height:1.15}p,small{color:var(--muted)}.status-text{margin-top:4px}.button{border:1px solid var(--line);border-radius:var(--radius);min-height:38px;color:var(--ink);cursor:pointer;white-space:nowrap;background:#fffdf8b8;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.button:hover{background:var(--paper);border-color:#c4bca8}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.button:disabled{cursor:not-allowed;opacity:.45}.masonry{grid-template-columns:repeat(var(--masonry-columns,4), minmax(0, 1fr));gap:16px;margin-top:28px;display:grid}.masonry-column{align-content:start;gap:16px;display:grid}.tile{border-radius:var(--radius);background:var(--paper);cursor:pointer;text-align:left;border:1px solid #24231f14;width:100%;margin:0;padding:0;overflow:hidden;box-shadow:0 8px 26px #34302614}.tile.selected{outline:2px solid var(--accent);outline-offset:2px}.tile-media,.selected-art{background:var(--photo-bg,linear-gradient(135deg, #d9c6a3, #687b68));width:100%;display:block}.tile-media{height:auto}div.tile-media{aspect-ratio:var(--ratio,4 / 3)}img.tile-media,img.selected-art{object-fit:contain}.tile-caption{white-space:nowrap;justify-content:space-between;gap:10px;min-width:0;padding:11px 12px 12px;font-size:13px;font-weight:700;line-height:1.3;display:flex}.tile-caption span:first-child,.admin-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile-caption span:first-child{min-width:0}.tile-caption span:last-child{color:var(--muted);white-space:nowrap;flex:none;font-weight:500}.detail-pane{opacity:0;pointer-events:none;align-content:start;gap:16px;transition:opacity .62s,transform .72s cubic-bezier(.22,1,.36,1);display:grid;position:sticky;top:20px;overflow:hidden;transform:translate(28px)scale(.985)}.detail-pane.active{opacity:1;pointer-events:auto;overflow:visible;transform:translate(0)scale(1)}.preview-card,.admin-panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf8d6}.preview-card{position:relative}.image-stage{padding:12px}.selected-art{border-radius:6px;min-height:560px}img.selected-art{height:auto;max-height:calc(100vh - 210px)}.detail-close{border-radius:var(--radius);min-height:34px;color:var(--ink);cursor:pointer;background:#fffdf8db;border:1px solid #24231f2e;padding:0 12px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:700;position:absolute;top:20px;right:20px}.detail-close:hover{background:var(--paper)}::view-transition-old(root){animation-duration:.64s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(root){animation-duration:.64s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.image-info{flex-direction:column;gap:14px;padding:2px 16px 16px}.actions{flex-wrap:wrap;gap:8px}.admin-panel{padding:16px}.login-panel{border:1px solid var(--line);border-radius:var(--radius);width:min(560px,100%);box-shadow:var(--shadow);background:#fffdf8db;gap:24px;margin:96px auto 0;padding:28px;display:grid}.login-form{gap:14px;display:grid}.admin-head{margin-bottom:14px}.admin-head p{margin-top:4px;font-size:13px}.password-row{gap:7px;margin-bottom:12px;display:grid}.password-row span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.password-row input{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;height:40px;padding:0 12px}.drop-zone{border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg,#8d9da31f,#5066531a);border:1px dashed #b7af9d;place-items:center;min-height:120px;display:grid}.drop-zone input{display:none}.drop-zone span{font-size:18px}.drop-zone.dragging{border-color:var(--accent);background:#50665324}.admin-list{gap:8px;margin-top:14px;display:grid}.progress-block{gap:8px;margin-top:14px;font-family:ui-sans-serif,system-ui,sans-serif;display:grid}.progress-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:13px;display:flex}.progress-track{background:#5066531f;border-radius:999px;height:8px;overflow:hidden}.progress-bar{border-radius:inherit;background:var(--accent);height:100%;transition:width .12s}.admin-item{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8b3;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.admin-thumb{background:var(--photo-bg);object-fit:cover;border-radius:6px;width:42px;height:42px}.admin-name{gap:2px;font-size:13px;font-weight:700;line-height:1.2;display:grid}.danger{color:#8f3e2d}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=980px){.workspace{grid-template-columns:1fr;column-gap:0}.workspace.has-detail{grid-template-columns:1fr}.detail-pane{position:static}}@media (prefers-reduced-motion:reduce){.workspace,.gallery-pane,.detail-pane{transition-duration:1ms;animation-duration:1ms}::view-transition-old(root){transition-duration:1ms;animation-duration:1ms}::view-transition-new(root){transition-duration:1ms;animation-duration:1ms}}@media (width<=640px){.app-shell{width:min(100vw - 24px,1440px);padding-top:12px}.topbar,.section-head{flex-direction:column;align-items:stretch}.page-title{font-size:44px}.masonry{grid-template-columns:1fr}.selected-art{min-height:280px}img.selected-art{max-height:70vh}}