:root{--cream:#fff9ec;--white:#fff;--brown:#4a260d;--olive:#667a32;--green:#3d5420;--gold:#e3a51a;--text:#5e5a52;--line:#e6dcc8;--soft:#f4eddf;--danger:#a13e2e;--shadow:0 20px 55px rgba(74,38,13,.14);--title:"Lora",Georgia,serif;--body:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--text);font:400 15px/1.5 var(--body)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--green);text-decoration:none}.hidden{display:none!important}.eyebrow{margin:0 0 5px;color:var(--olive);font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.login-wall{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow);text-align:center}.login-card img{width:112px;margin:auto}.login-card h1,.panel h1{margin:0;color:var(--brown);font:600 2.3rem/1.15 var(--title)}.login-card>p:not(.eyebrow){margin:12px 0 24px}.login-card form{display:grid;gap:14px;text-align:left}.login-card>a{display:inline-block;margin-top:20px}.form-error{min-height:20px;margin:0;color:var(--danger);font-size:.82rem}label{display:grid;gap:6px;color:var(--brown);font-size:.8rem;font-weight:700}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--brown);outline:0}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--olive);box-shadow:0 0 0 3px rgba(102,122,50,.13)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid transparent;border-radius:999px;font-weight:700}.btn-primary{background:var(--green);color:#fff}.btn-ghost{border-color:var(--line);background:#fff;color:var(--brown)}.btn-danger{border-color:#e3b8ae;background:#fff4f1;color:var(--danger)}.btn-sm{min-height:36px;padding:7px 12px;font-size:.78rem}.admin-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;min-height:78px;padding:10px clamp(14px,3vw,34px);border-bottom:1px solid var(--line);background:rgba(255,249,236,.95);backdrop-filter:blur(12px)}.admin-brand{display:flex;align-items:center;gap:9px;color:var(--brown);white-space:nowrap}.admin-brand img{width:56px;height:56px;object-fit:contain}.admin-brand strong,.admin-brand small{display:block}.admin-brand strong{font:600 1rem var(--title)}.admin-brand small{color:var(--olive);font-size:.68rem}.tab-nav{display:flex;flex:1;justify-content:center;gap:5px}.tab{min-height:40px;padding:8px 13px;border:0;border-radius:999px;background:transparent;color:var(--text);font-weight:700;font-size:.82rem}.tab.active{background:var(--green);color:#fff}.admin-user{display:flex;align-items:center;gap:10px;min-width:0}.admin-user span{max-width:190px;overflow:hidden;text-overflow:ellipsis;font-size:.75rem}.admin-main{width:min(1280px,calc(100% - 36px));margin:auto;padding:42px 0 70px}.panel{display:none}.panel.active{display:block}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.head-actions,.row-actions{display:flex;gap:8px;flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.metric{padding:23px;border:1px solid var(--line);border-radius:18px;background:#fff}.metric strong{display:block;color:var(--brown);font:700 2.2rem var(--title)}.metric span{font-size:.82rem}.toolbar{display:grid;grid-template-columns:1fr 260px;gap:12px;margin-bottom:18px}.data-list{display:grid;gap:10px}.data-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:12px 15px;border:1px solid var(--line);border-radius:16px;background:#fff}.data-row img,.image-placeholder{width:62px;height:62px;border-radius:11px;object-fit:cover;background:var(--soft)}.image-placeholder{display:grid;place-items:center;color:var(--olive);font-weight:700}.row-info{min-width:0}.row-info strong{display:block;color:var(--brown);font-size:.95rem}.row-info small{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--text);white-space:nowrap}.row-meta{text-align:right;color:var(--brown);font-size:.78rem}.status-toggle{min-height:34px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--danger);font-size:.73rem;font-weight:700}.status-toggle.on{border-color:#b8c595;background:#f3f7e9;color:var(--green)}.notice,.empty-state{padding:15px;border:1px dashed var(--line);border-radius:13px}.notice{margin:-10px 0 18px}.empty-state{text-align:center}.config-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:22px}.form-grid .wide{grid-column:1/-1}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:rgba(46,26,12,.55);backdrop-filter:blur(4px)}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.modal>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);background:#fff}.modal h2{margin:0;color:var(--brown);font:600 1.5rem var(--title)}.modal>header button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--brown);font-size:1.5rem}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px}.modal-body .wide{grid-column:1/-1}.modal footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--line);background:#fff}.check-field{display:flex;align-items:center;gap:9px;min-height:44px}.check-field input{width:18px;min-height:auto}.toast{position:fixed;left:50%;bottom:20px;z-index:80;max-width:calc(100% - 24px);padding:11px 17px;border-radius:999px;background:var(--brown);color:#fff;opacity:0;transform:translate(-50%,15px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media(max-width:1050px){.admin-header{flex-wrap:wrap;gap:8px}.tab-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow:auto}.admin-user{margin-left:auto}.metric-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.admin-main{width:calc(100% - 22px);padding-top:25px}.admin-brand span{display:none}.admin-user span{display:none}.tab{flex:0 0 auto}.panel-head{align-items:stretch;flex-direction:column}.head-actions .btn{flex:1}.metric-grid{grid-template-columns:1fr 1fr}.toolbar,.form-grid,.modal-body{grid-template-columns:1fr}.form-grid .wide,.modal-body .wide{grid-column:auto}.data-row{grid-template-columns:50px minmax(0,1fr) auto}.data-row img,.image-placeholder{width:50px;height:50px}.row-meta{display:none}.row-actions{grid-column:1/-1}.row-actions .btn{flex:1}.config-card{padding:18px}}@media(max-width:380px){.metric-grid{grid-template-columns:1fr}.login-card{padding:26px 20px}}

.image-guidance {
  padding: 15px;
  border: 1px dashed #cdbb93;
  border-radius: 14px;
  background: #fffaf0;
}

.image-guidance strong {
  color: var(--brown);
}

.image-guidance p {
  margin: 6px 0 0;
  color: var(--text);
  font-weight: 500;
}

.image-guidance code {
  display: inline-block;
  max-width: 100%;
  margin-top: 4px;
  overflow-wrap: anywhere;
  color: var(--green);
  font-size: .78rem;
}

.current-image {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
  color: var(--olive);
}

.current-image img {
  width: 160px;
  height: 112px;
  border: 1px solid var(--line);
  border-radius: 10px;
  object-fit: cover;
  background: var(--soft);
}

.current-image span,
.current-image strong,
.current-image small {
  display: block;
  min-width: 0;
}

.current-image small {
  margin-top: 4px;
  overflow-wrap: anywhere;
  color: var(--text);
  font-weight: 500;
}

@media (max-width: 520px) {
  .current-image {
    align-items: flex-start;
    flex-direction: column;
  }

  .current-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }
}