:root{--paper:#f9fbf7;--ink:#263d30;--muted:#617260;--plum:#204b36;--line:#d5dfd0;--lavender:#dde8d6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 "Segoe UI",Arial,sans-serif}a{color:var(--plum)}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line)}header>a:last-child{margin-left:auto}.brand{font:700 28px Georgia,serif;text-decoration:none}.brand span{font-weight:400;color:var(--muted)}h1,h2{font-family:Georgia,serif;color:var(--plum);font-weight:400;margin:0 0 14px}h1{font-size:38px}h2{font-size:27px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--plum)}p{margin:0 0 16px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:30px;margin:22px 0}.login{max-width:460px;margin:50px auto}.back{display:inline-block;margin-top:24px;font-size:13px}.topline{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:24px 0}.topline h1,.topline p{margin:0}button{font:inherit;border:1px solid var(--plum);background:var(--plum);color:white;border-radius:7px;padding:10px 18px;cursor:pointer}.secondary{background:transparent;color:var(--plum);border-color:var(--line)}button:disabled{opacity:.5;cursor:wait}nav{display:flex;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px}nav button{background:transparent;color:var(--muted);border-color:transparent}nav button.active{background:var(--lavender);color:var(--plum)}label{display:block;color:var(--muted);font-size:13px;margin:17px 0}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #c0ceba;border-radius:7px;padding:11px;background:var(--paper);color:var(--ink);font:inherit;line-height:1.5}textarea{font-family:inherit;resize:vertical}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end}.columns>button{margin-bottom:17px}.hint{font-size:12px;color:var(--muted)}.actions{margin-top:24px}.actions label{min-width:150px}.post-row{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:22px;background:white;border:1px solid var(--line);border-radius:10px;margin:12px 0}.post-row h3{font:22px Georgia,serif;margin:0 0 7px}.post-meta{font-size:12px;color:var(--muted)}.row-buttons{display:flex;gap:8px;flex-wrap:wrap}.row-buttons a{font-size:13px}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.media-item{padding:12px;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.media-item img{width:100%;height:160px;object-fit:cover}.media-item p{font-size:12px;overflow-wrap:anywhere;margin-top:10px}.project{border:1px solid var(--line);padding:18px;border-radius:10px;margin:18px 0}.project-title{margin-top:35px}#message:not(:empty){background:var(--lavender);border-left:3px solid var(--plum);padding:14px;border-radius:6px}#message.error{background:#fbe8ed;color:#8c1d3d}footer{font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:40px}.reader{border-top:1px solid var(--line);padding-top:25px;overflow-wrap:anywhere}.reader img{max-width:100%;border-radius:8px}.reader p{line-height:1.8}.reader h2,.reader h3{margin-top:24px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #5c794b;outline-offset:3px}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{padding:18px}.brand{font-size:23px}header{gap:12px}header>span{font-size:12px}.panel{padding:20px}.login{margin:25px auto}.topline{flex-wrap:wrap}h1{font-size:32px}.columns{grid-template-columns:1fr;gap:0}.post-row{align-items:flex-start;flex-direction:column}.media-grid{grid-template-columns:1fr 1fr;gap:10px}.media-item img{height:125px}nav{gap:3px}nav button{padding:10px;font-size:13px}.actions>div{display:flex;gap:10px;flex-wrap:wrap}}

.brand{display:flex;align-items:center;gap:10px}.brand img{width:32px;height:32px;object-fit:contain}.brand.has-logo{font-size:0;gap:0}.brand.has-logo span{display:none}.brand.has-logo img{width:auto;max-width:180px;height:48px}#logo-preview{max-width:240px;height:70px;object-fit:contain;object-position:left;margin:18px 0}

.album-editor{border:1px solid var(--line);padding:22px;margin:22px 0;border-radius:10px}.check-label{display:flex;gap:10px;align-items:center}.check-label input{width:auto}.album-editor>.media-grid{margin:25px 0}#logo-preview{background: #edf3e9;padding:10px}nav{flex-wrap:wrap}

.layout-group{border:1px solid var(--line);padding:20px;margin:18px 0;border-radius:10px}.layout-group summary{font-size:18px;color:var(--plum);cursor:pointer}.layout-upload{padding:18px;background:var(--lavender);border-radius:8px}