.media-upload{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;margin-bottom:20px}.media-upload .field{min-width:0}.media-upload .button{white-space:nowrap}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.media-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;min-width:0}.media-card img{display:block;width:100%;height:145px;object-fit:cover;background:#eff3f0}.media-card>div{padding:11px;min-width:0}.media-card strong,.media-card small,.media-card code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card strong{font-size:11px}.media-card small{font-size:9px;color:#8b9791;margin:4px 0}.media-card code{font-size:8px;color:var(--primary)}.contact-page{width:min(700px,calc(100% - 36px));margin:60px auto 90px;min-height:60vh}.contact-page h1{font-size:clamp(34px,5vw,48px);margin:10px 0}.contact-page>p{color:var(--muted);margin-bottom:25px}.contact-form{display:grid;gap:3px;box-shadow:var(--shadow)}.contact-form .field{margin-bottom:9px}.contact-form>small{font-size:10px;color:#87938e;margin-top:10px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.locale-links{display:flex;gap:7px}.locale-links a{font-size:10px;font-weight:700;color:var(--primary);padding:6px 7px;border-radius:6px;background:#edf5f1}.order-status-form{display:flex;gap:5px;align-items:center}.order-status-form select{max-width:150px;height:30px;font-size:10px;border:1px solid var(--line);border-radius:7px;background:white}.table-subline{display:block;color:#8b9691;font-size:9px;margin-top:3px}.category-form,.language-add,.menu-add{margin-bottom:16px}.category-form .field,.language-add .field,.menu-add .field{margin-bottom:9px}.category-table{margin-top:14px}.ai-draft{margin-top:17px}.ai-draft textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;font-size:13px;line-height:1.7;color:#435049}.ai-draft .button{margin-top:11px}.menu-add .form-grid,.category-form .form-grid,.language-add .form-grid{margin-bottom:12px}
@media(max-width:900px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:740px){.media-upload{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-page{margin:35px auto 60px}.locale-links{display:none}.order-status-form{align-items:stretch;flex-direction:column}.order-status-form select{max-width:100%}}
