:root{--bg:#F5F0E8;--surface:#FDFAF6;--text:#1C1510;--muted:#8A7A6A;--line:rgba(28,21,16,.13);--brand:#C65D1E;--brand-deep:#9A4515;--ok:#3f7a3f;--err:#8a2020}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Manrope,Segoe UI,Arial,sans-serif;font-size:.95rem;color:var(--text);background:var(--bg);min-height:100vh}.wrap{width:min(860px,calc(100% - 2rem));margin:1.2rem auto 3rem;display:grid;gap:.9rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.page-title{font-family:Fraunces,Georgia,serif;font-size:1.3rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.2rem}.card h2{font-family:Fraunces,Georgia,serif;font-size:1.1rem;margin-bottom:.7rem}.card h3{font-family:Fraunces,Georgia,serif;font-size:.95rem;color:var(--brand-deep);margin:1rem 0 .5rem}.card h3:first-child{margin-top:0}.btn{border:0;border-radius:999px;padding:.58rem 1rem;background:var(--brand);color:#fff8f2;text-decoration:none;cursor:pointer;font:700 .82rem Manrope,sans-serif;letter-spacing:.06em;transition:background .15s;display:inline-block}.btn:hover{background:var(--brand-deep)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:var(--bg);border:1px solid var(--line);color:var(--text)}.btn.ghost:hover{background:#ede8de}.btn.big{padding:.72rem 1.6rem;font-size:1rem}.btn.pick{background:var(--bg);border:1px solid var(--line);color:var(--brand-deep);font-size:.76rem;padding:.38rem .75rem;flex-shrink:0}.btn.pick:hover{background:#ede8de}.field{display:grid;gap:.3rem}label{font-weight:700;font-size:.84rem;color:var(--muted)}label .opt{font-weight:400}input[type=text],input[type=url],input[type=password]{width:100%;border:1px solid var(--line);border-radius:10px;padding:.56rem .7rem;font:inherit;font-size:.93rem;color:var(--text);background:var(--surface);transition:border-color .15s}input:focus{outline:none;border-color:var(--brand)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.img-field{display:grid;gap:.4rem}.img-field-row{display:flex;gap:.4rem;align-items:center}.img-field-row input{flex:1;min-width:0}.img-preview{width:100%;max-height:220px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:var(--bg)}.img-list{display:grid;gap:.6rem}.img-row{display:grid;gap:.4rem}.img-row-controls{display:flex;gap:.4rem;align-items:center}.img-row-controls input{flex:1;min-width:0}.img-row .del-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#fde8e8;border:1px solid #e8b3b3;color:#8a2020;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.img-row-preview{width:100%;max-height:180px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:var(--bg);display:none}.img-row-preview.loaded{display:block}.status-msg{padding:.7rem .9rem;border-radius:10px;font-weight:700;font-size:.9rem;display:none;margin-top:.8rem}.status-msg.show{display:block}.status-msg.ok{background:#d9f0d9;color:var(--ok);border:1px solid #b3d9b3}.status-msg.err{background:#fde8e8;color:var(--err);border:1px solid #e8b3b3}.status-msg.info{background:#f0e8d9;color:#7a5a30;border:1px solid var(--line)}.spin{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.save-row{display:flex;gap:.7rem;align-items:flex-end;flex-wrap:wrap}.save-row .field{flex:1;min-width:160px}.picker-backdrop{position:fixed;inset:0;z-index:50;background:#1c15108c;backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;padding:3vh 1rem}.picker-backdrop.open{display:flex}.picker-modal{background:var(--surface);border-radius:18px;width:min(900px,100%);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #1c15104d;overflow:hidden}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.8rem 1rem;border-bottom:1px solid var(--line);flex-shrink:0}.picker-head h3{font-family:Fraunces,Georgia,serif;font-size:1rem;margin:0}.picker-close{background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--muted);padding:.2rem .4rem}.picker-close:hover{color:var(--text)}.picker-filters{display:flex;gap:.5rem;padding:.6rem 1rem;border-bottom:1px solid var(--line);flex-shrink:0;flex-wrap:wrap}.picker-filters input{border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;font:inherit;font-size:.8rem;background:var(--surface);color:var(--text)}.picker-filters input[type=search]{flex:1;min-width:160px}.picker-filters input:focus{outline:none;border-color:var(--brand)}.picker-body{overflow-y:auto;padding:.75rem;flex:1}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px}.picker-thumb{border-radius:4px;overflow:hidden;cursor:pointer;position:relative;border:2px solid transparent;transition:border-color .15s;background:var(--bg);aspect-ratio:1}.picker-thumb:hover{border-color:var(--brand)}.picker-thumb img{width:100%;height:100%;object-fit:cover;display:block}.picker-thumb-meta{position:absolute;inset:auto 0 0;padding:.25rem .3rem;background:linear-gradient(to top,rgba(28,21,16,.75) 0%,transparent 100%);font-size:.62rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .15s}.picker-thumb:hover .picker-thumb-meta{opacity:1}.picker-status{padding:1rem;color:var(--muted);font-size:.88rem}@media(max-width:640px){.grid-2{grid-template-columns:1fr}}