:root{--paper:#f4efe6;--paper2:#faf6ee;--ink:#2c2419;--brown:#5a3a1a;--rust:#8a4b1a;--gold:#c9b48a;--muted:#7a6b52;--green:#496b47;--red:#9a382f;--shadow:0 14px 38px rgba(44,36,25,.13)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif}button,input,select{font:inherit}a{color:var(--rust)}
.admin-langbar{position:fixed;right:18px;top:15px;z-index:20;display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:430px;gap:5px}.admin-langbar button{border:1px solid var(--gold);border-radius:20px;background:#fffaf0;color:var(--muted);padding:5px 10px;font-size:.7rem;letter-spacing:1px;cursor:pointer}.admin-langbar button.active{background:var(--brown);border-color:var(--brown);color:#fff}
.login-main{min-height:100vh;display:grid;place-items:center;padding:70px 20px 30px}.access-card,.editor-card,.preview-card,.password-card{border:1px solid var(--gold);border-radius:8px;background:var(--paper2);box-shadow:var(--shadow)}.access-card{width:min(620px,100%);display:grid;place-items:center;padding:clamp(28px,6vw,64px)}.login-form{width:min(390px,100%)}.back-link{display:inline-block;margin-bottom:28px;font-size:.8rem;text-decoration:none}.login-form h1{color:var(--brown);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:normal;margin:6px 0 20px}.login-form label,.password-card label{display:block;margin:12px 0}.login-form label span,.password-card label span{display:block;margin-bottom:5px;color:var(--muted);font-size:.76rem}.login-form input,.password-card input{width:100%;padding:11px;border:1px solid var(--gold);border-radius:5px;background:#fffdf8;color:var(--ink)}.login-form button,.password-card button{border-radius:5px;padding:10px 14px;cursor:pointer}
header{padding:30px clamp(20px,5vw,70px);border-bottom:1px solid var(--gold);background:linear-gradient(180deg,#fbf7ef,#f4efe6)}.header-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding-right:190px}.header-actions a{font-size:.82rem;text-decoration:none}.header-actions button{border:1px solid var(--gold);background:#fffaf0;color:var(--brown);border-radius:5px;padding:7px 11px;cursor:pointer}header h1{margin:6px 0 8px;color:var(--brown);font-size:clamp(1.8rem,4vw,2.7rem);font-weight:normal}header>p:last-child{margin:0;max-width:720px;line-height:1.55;color:#594d3c}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:1.5px;color:var(--rust);font-size:.68rem;font-weight:bold}
.admin-main{max-width:1240px;margin:auto;padding:28px 20px 60px}.admin-grid{display:grid;grid-template-columns:minmax(300px,390px) 1fr;gap:22px;align-items:start}.admin-sidebar{display:grid;gap:16px;position:sticky;top:18px}.editor-card{padding:22px}.password-card{padding:16px 18px}.password-card summary{cursor:pointer;color:var(--brown);font-size:.86rem}.password-card form{padding-top:9px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row label span{display:block;margin-bottom:6px;color:var(--muted);font-size:.75rem}.field-row select{width:100%;padding:10px;border:1px solid var(--gold);border-radius:5px;background:#fffdf8;color:var(--ink)}
.file-drop{display:grid;place-items:center;text-align:center;min-height:240px;margin:20px 0;border:1px dashed #ae9060;border-radius:7px;background:#f7f0e3;padding:18px;cursor:pointer;overflow:hidden}.file-drop:hover{background:#fffaf0}.file-title{font-size:1rem;color:var(--brown);font-weight:bold}.file-help{font-size:.76rem;color:var(--muted);margin:5px 0 14px}.file-drop input{max-width:100%;font-size:.78rem}.file-drop img{max-width:100%;max-height:270px;margin-top:14px;border:1px solid var(--gold)}
.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{border-radius:5px;padding:10px 13px;cursor:pointer}.actions button:disabled,.login-form button:disabled,.password-card button:disabled{opacity:.5;cursor:wait}.primary{border:1px solid var(--rust);background:var(--rust);color:#fff}.secondary{border:1px solid var(--gold);background:#fffaf0;color:var(--brown)}.status{min-height:38px;margin:13px 0 0;font-size:.79rem;line-height:1.45;color:var(--muted)}.status.success{color:var(--green)}.status.error{color:var(--red)}
.preview-card{padding:22px;min-width:0}.preview-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.preview-head h2{font-weight:normal;color:var(--brown);margin:4px 0}.preview-head a{font-size:.78rem;white-space:nowrap}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.image-grid figure{margin:0;border:1px solid #dfd1b8;border-radius:6px;background:#f7f0e3;padding:8px}.image-grid figure:first-child{grid-column:1/-1}.image-grid img{display:block;width:100%;max-height:470px;object-fit:contain;background:#e9e0cf}.image-grid figure:not(:first-child) img{height:150px}.image-grid figcaption{text-align:center;font-size:.74rem;color:var(--muted);padding:7px 3px 2px}.image-grid figure.active{outline:3px solid rgba(138,75,26,.35);outline-offset:2px}
@media(max-width:820px){.admin-grid{grid-template-columns:1fr}.admin-sidebar{position:static}.image-grid{grid-template-columns:1fr}.image-grid figure:first-child{grid-column:auto}}
@media(max-width:480px){.admin-langbar{right:10px;top:10px;left:10px;max-width:none}.login-main{padding:94px 12px 20px}header{padding:94px 16px 22px}.header-actions{padding-right:0;align-items:flex-start;flex-direction:column}.admin-main{padding:18px 12px 40px}.field-row{grid-template-columns:1fr}.preview-head{flex-direction:column;gap:7px}.actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}}
