:root{font-family:Avenir Next,Segoe UI,Tahoma,sans-serif;color:#111827;background:linear-gradient(160deg,#e8eef8,#f6f8fb 45%,#eef7f6)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--page-bg, transparent)}a{color:#0a58ca;text-decoration:none;font-weight:600}a:hover{text-decoration:underline}button,input,textarea{font:inherit}input,textarea,button{border:1px solid #ccd6e6;border-radius:10px;padding:10px}button{cursor:pointer;background:linear-gradient(180deg,#fff,#f0f5ff);border-color:#b5c8ea;font-weight:600}button:hover{background:linear-gradient(180deg,#fff,#e7efff)}.centered{padding:2rem;text-align:center}.app-shell{min-height:100vh}.topbar{display:flex;align-items:center;gap:16px;justify-content:space-between;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #d1dbe9;padding:12px 16px}.brand{font-weight:800;letter-spacing:.02em;color:#0f172a}.nav{display:flex;gap:12px}.user-box{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.content{max-width:1040px;margin:0 auto;padding:28px 20px 36px}.stack{display:grid;gap:16px}.card{background:#ffffffeb;border:1px solid #d3ddeb;border-radius:14px;padding:18px;box-shadow:0 12px 24px #12214214}.narrow{max-width:420px;margin:80px auto}.muted{color:#51617d}.error{color:#b91c1c}.result-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.search-result-card{border:1px solid #d7e0ee;border-radius:12px;background:#fbfdff;overflow:hidden}.search-result-link{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:10px;color:inherit}.search-result-link:hover{text-decoration:none;background:#f2f7ff}.search-thumb-wrap{width:72px;height:72px}.search-thumb{width:100%;height:100%;object-fit:cover;border-radius:10px;border:1px solid #d7e0ee}.search-thumb-placeholder{width:100%;height:100%;border-radius:10px;border:1px dashed #c9d6eb;display:grid;place-items:center;font-size:.72rem;color:#64748b;background:#f7faff}.search-result-text{display:grid;gap:4px}.search-result-text h3{margin:0;color:#0f172a;font-size:1.02rem}.search-result-text p{margin:0;color:#42526b;font-size:.92rem}.inline-actions{display:flex;gap:12px;flex-wrap:wrap}.button-link{display:inline-block;margin-top:12px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.gallery-item{border:1px solid #d7e0ee;border-radius:10px;overflow:hidden;min-height:220px;display:grid;align-content:start;background:#f8fbff}.gallery-item img,.photo-preview img{width:100%;height:240px;object-fit:cover}.photo-instruction{display:grid;gap:6px;padding:12px;border-top:1px solid #d7e0ee;background:#fff}.photo-instruction h3{margin:0;font-size:.9rem;color:#1d4ed8;text-transform:uppercase;letter-spacing:.05em}.photo-instruction p{margin:0;color:#334155;line-height:1.35}.photo-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.photo-item{border:1px solid #d7e0ee;border-radius:10px;padding:12px;display:grid;gap:10px;grid-template-columns:30px 96px 1fr;align-items:start;position:relative}.photo-preview{width:96px;height:96px;border-radius:10px;overflow:hidden;background:#eef4fc}.photo-actions{display:grid;gap:6px}.photo-item-dragging{opacity:.7}.photo-item-drag-over{border:2px solid #1d4ed8;box-shadow:0 0 0 3px #1d4ed82e}.photo-action-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.drag-handle-left{width:30px;min-height:96px;display:grid;align-content:center;justify-items:center;gap:4px;border:1px solid #cad6ea;border-radius:8px;background:#f8fbff;cursor:grab;padding:8px 0}.drag-handle-left:active{cursor:grabbing}.burger-line{width:14px;height:2px;border-radius:2px;background:#64748b}.remove-photo-button{width:30px;height:30px;border-radius:50%;border:1px solid #f1b5b5;background:#fff1f1;color:#b91c1c;display:grid;place-items:center;font-size:18px;line-height:1;padding:0;position:absolute;top:8px;right:8px}.remove-photo-button:hover{background:#ffe4e4}.photo-name{color:#334155;font-size:.92rem;word-break:break-word}.photo-description-label{display:grid;gap:6px;font-size:.9rem;color:#334155}.preserve-lines{white-space:pre-wrap}label{display:grid;gap:8px}@media(max-width:768px){.topbar{flex-direction:column;align-items:flex-start}.gallery{grid-template-columns:1fr}.gallery-item img{height:220px}.photo-item,.search-result-link{grid-template-columns:1fr}.search-thumb-wrap{width:100%;height:160px}.drag-handle-left{width:100%;min-height:auto;grid-auto-flow:column;justify-content:start;padding:8px 10px}}