*{box-sizing:border-box} [hidden]{display:none!important}
:root{font-family:Tahoma,Arial,sans-serif;color:#173044;background:#f4f6f5;line-height:1.7}
body{margin:0} main,.mast,footer{max-width:1200px;margin:auto;padding:1rem}
.mast{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8e2de}
.mast b{font-size:1.45rem}.mark{display:inline-grid;place-items:center;width:38px;height:38px;background:#123344;color:#fff;border-radius:12px;margin-inline-end:.45rem}
.kicker{color:#547269;font-size:.8rem;font-weight:bold}.pill{background:#e2f1e8;color:#234939;padding:.35rem .7rem;border-radius:2rem;font-size:.8rem}
.intro{padding:1.5rem 0}.intro h1{margin:0;font-size:clamp(1.9rem,5vw,3.4rem);line-height:1.3}.intro p{margin:.5rem 0}
.card,.tile,.row{border:1px solid #dae4de;border-radius:15px;background:white;padding:1rem;margin:.9rem 0}
.tile,.row{background:#f8faf8;min-width:0}.tile h3{margin:.25rem 0}.login{max-width:420px;margin:3rem auto}
.clientbar,.clientbar form,.tools,nav{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap}
nav{margin:1rem 0}nav button[aria-current=true],.primary{background:#234939;color:white;border-color:#234939}
button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #bdccc3;border-radius:8px;background:#fff;color:inherit;padding:.48rem .8rem}
button:disabled{opacity:.55;cursor:wait}a{color:#1d6351}input,textarea,select{width:100%;border:1px solid #bdccc3;padding:.45rem .6rem;background:white;border-radius:8px;color:inherit}
select[multiple]{min-height:5rem}textarea{resize:vertical}label{display:block;font-weight:bold;font-size:.87rem;margin:.3rem 0}
.fields,.grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:end}
.grid{align-items:start}.notice{background:#e9f1eb;padding:.5rem .9rem;border-radius:8px;overflow-wrap:anywhere}
img{max-width:100%;display:block;border-radius:6px;object-fit:contain}.tile img{width:100%;max-height:240px;background:#e8efeb}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.thumbs img{height:100px}
.zone-canvas{display:block;width:min(100%,440px);max-height:580px;background:#edf2ef;border:1px solid #b9c9c0;margin:1rem 0;touch-action:none}
.zone-preview{width:100%;max-height:230px;background:#edf2ef}.editable{fill:#2ca86b48;stroke:#16754b}.protected{fill:#e1434c50;stroke:#a62432}.logo{fill:#803caf50;stroke:#71369b}.pattern{fill:#df8a2450;stroke:#9c5916}.product{fill:#3497df48;stroke:#185894}.region{stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}
.note,small{color:#516a61} .caption{white-space:pre-wrap;overflow-wrap:anywhere}.danger{color:#9e2932}.success{color:#1b6248}
footer{color:#516a61;font-size:.85rem}.row .fields{align-items:start}
@media(max-width:540px){main,.mast{padding:.65rem}.card{padding:.75rem}.kicker{display:none}nav button{flex:1 1 40%;font-size:.8rem}.clientbar form{width:100%}}