body{margin:0;background-color:#0d1117;color:#c9d1d9;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.page{max-width:1100px;margin:32px auto;padding:0 16px 40px;display:flex;flex-direction:column;gap:20px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.auth{display:flex;align-items:center;gap:12px}.nav{display:flex;gap:12px}.nav a{color:#c9d1d9;text-decoration:none;border:1px solid #30363d;padding:6px 10px;border-radius:8px}.nav a.router-link-active{background:#238636;border-color:#2ea043;color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.gallery-layout{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:16px;align-items:start}.side-panel,.main-panel{display:grid;gap:16px}.card{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:16px}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.collection-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.collection-list-item{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;background:#0f141a;border:1px solid #30363d;border-radius:10px;padding:8px}.collection-thumb-small{width:48px;height:48px;border-radius:8px;overflow:hidden;background:#161b22;display:grid;place-items:center}.collection-thumb-small img{width:100%;height:100%;object-fit:cover}.collection-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.blog-list{display:grid;gap:16px;margin-top:12px}.blog-list.compact{gap:10px}.blog-row{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;border:1px solid #30363d;border-radius:12px;padding:10px 12px;background:#0f141a}.blog-thumb-small{width:56px;height:56px;border-radius:8px;overflow:hidden;background:#161b22;border:1px solid #30363d;display:grid;place-items:center}.blog-thumb-small img{width:100%;height:100%;object-fit:cover}.blog-summary{display:grid;gap:4px}.blog-actions{display:flex;gap:6px;align-items:center}.blog-card{border:1px solid #30363d;border-radius:12px;padding:16px;background:#0f141a;display:grid;gap:12px}.blog-cover{width:100%;border-radius:12px;border:1px solid #30363d;background:#0d1117}.blog-meta{font-size:12px;color:#8b949e;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.blog-body{line-height:1.7}.blog-body img{max-width:100%;border-radius:10px;border:1px solid #30363d;background:#0d1117}.md-toolbar{display:flex;flex-wrap:wrap;gap:6px}.thumb{border:1px solid #30363d;background:#0f141a;border-radius:10px;padding:6px;display:grid;place-items:center;cursor:pointer;aspect-ratio:1 / 1}.thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}.thumb-remove{position:absolute;bottom:6px;right:6px;background:#da3633e6;color:#fff;border:none;border-radius:8px;padding:4px 8px;font-size:12px;cursor:pointer}.dark-input,textarea.dark-input,input.dark-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #30363d;background:#0d1117;color:#c9d1d9;font-family:inherit}.dark-input::placeholder{color:#6e7681}.dropzone{border:1px dashed #30363d;border-radius:12px;background:#0f141a;padding:20px;display:grid;place-items:center;text-align:center;position:relative}.dropzone-input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone-content{display:grid;gap:4px}.upload-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.upload-item{border:1px solid #30363d;border-radius:12px;padding:12px;display:grid;gap:10px;background:#0f141a}.upload-meta{display:flex;flex-direction:column;gap:4px}.create-button{display:inline-flex;align-items:center;gap:8px}.plus{display:inline-flex;width:20px;height:20px;border-radius:999px;align-items:center;justify-content:center;background:#238636;color:#fff;font-weight:700}.collection-card{display:grid;grid-template-columns:120px 1fr;gap:16px;background:#161b22;border:1px solid #30363d;border-radius:12px;padding:12px;align-items:center}.collection-thumb{width:120px;height:120px;border-radius:10px;border:1px solid #30363d;background:#0f141a;display:grid;place-items:center;overflow:hidden}.collection-thumb img{width:100%;height:100%;object-fit:cover}.empty-thumb{font-size:12px;color:#8b949e}.collection-body{display:grid;gap:8px}.image-card{background:#0f141a;border:1px solid #30363d;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:10px}.image-preview{width:100%;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;background:#0d1117;display:flex;align-items:center;justify-content:center}.image-preview img{width:100%;height:100%;object-fit:cover}.preview-placeholder{color:#8b949e;font-size:13px}.label{font-size:12px;color:#8b949e;margin-right:6px}.muted{color:#8b949e}.small{font-size:12px}.error{color:#ff7b72}button{background-color:#238636;color:#fff;border:1px solid #2ea043;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px}button:hover:not(:disabled){background-color:#2ea043}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border:1px solid #30363d;color:#c9d1d9}button.danger{background:#da3633;border-color:#f85149}button.icon{width:36px;height:36px;padding:0;display:grid;place-items:center}.blog-actions .btn{background-color:#238636;color:#fff;border:1px solid #2ea043;padding:8px 14px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer}.blog-actions .btn:hover{background-color:#2ea043}.icon.large,button.icon.large{width:44px;height:44px;font-size:18px}input[type=file]{color:#c9d1d9}input,select{background-color:#0d1117;color:#c9d1d9;border:1px solid #30363d;border-radius:8px;padding:8px}input[readonly]{background-color:#161b22}.checkbox{display:flex;align-items:center;gap:8px}.pagination{margin-top:12px;display:flex;gap:8px;justify-content:flex-end}.icon-button{background:transparent;border:1px solid #30363d;color:#c9d1d9;padding:6px 10px;border-radius:8px;cursor:pointer}.bulk-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.pin-row,.link-row{display:flex;gap:8px;align-items:center}.link-input{flex:1;min-width:0}.thumb-select{position:absolute;top:8px;left:8px;background:#0d1117cc;border:1px solid #30363d;border-radius:6px;padding:2px 4px}.thumb{position:relative}@media(max-width:1100px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-layout{grid-template-columns:1fr}}@media(max-width:700px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:24px;z-index:50}.modal-panel{background:#161b22;border:1px solid #30363d;border-radius:14px;padding:16px;width:min(900px,95vw);display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,320px);gap:16px}.modal-image{background:#0d1117;border-radius:12px;overflow:hidden;display:grid;place-items:center;min-height:260px}.viewer-frame{position:relative;width:100%;min-height:260px}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0d1117cc;border:1px solid #30363d;color:#c9d1d9;width:40px;height:40px;border-radius:999px;display:grid;place-items:center}.viewer-nav.left{left:12px}.viewer-nav.right{right:12px}.viewer-count{position:absolute;bottom:10px;right:12px}.modal-image img{width:100%;height:100%;object-fit:contain}.modal-settings{display:flex;flex-direction:column;gap:12px}@media(max-width:720px){.modal-panel{grid-template-columns:1fr}}h1,h2,strong{color:#f0f6fc}