/* Verdant v4.1 - three-column layout with sticky right controls */

@font-face{font-family:"RLLimo Semi";src:url("assets/fonts/RLLimo-Semi.ttf") format("truetype");font-weight:600;font-style:normal}
@font-face{font-family:"Adonis Bold";src:url("assets/fonts/adonis_bold.ttf") format("truetype");font-weight:700;font-style:normal}
@font-face{font-family:"Adonis Regular";src:url("assets/fonts/adonis_regular.ttf") format("truetype");font-weight:400;font-style:normal}

body{font-family:'Segoe UI',Arial,sans-serif;margin:0;background:#f5f7f6;color:#333}
header{background:#0d4c32;color:#fff;padding:18px;text-align:center;font-size:1.25rem;font-weight:700}
.container{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:24px;align-items:start;padding:24px}
.card{background:#fff;padding:18px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.form-card{}
.preview-col{display:flex;justify-content:center}
/* Bigger, centered preview */
.preview-card{width:100%;max-width:1040px;display:flex;justify-content:center}
.controls-card{}
.sticky{position:sticky;top:20px}

label{display:block;margin-top:10px;font-weight:600}
input,select{width:100%;padding:10px;margin-top:6px;border:1px solid #cfd8d3;border-radius:8px;font-size:14px;box-sizing:border-box;background:#fff}
input:focus,select:focus{outline:none;border-color:#0d4c32;box-shadow:0 0 0 3px rgba(91,166,70,.18)}

button{padding:10px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:700}
button.download{background:#0d4c32;color:#fff}
button.copy{background:#0d4c32;color:#fff;margin-left:8px}
.btn{padding:8px 10px;border-radius:8px;border:1px solid #cfd8d3;background:#f7faf7}
.btn-green{background:#0d4c32;color:#fff;border-color:#0d4c32}
.btn-green:hover{filter:brightness(0.95)}
.btn-grey{background:#e9eceb}
.group{margin-top:12px}
.group h4{margin:8px 0 6px 0;font-size:0.95rem}
.controls-grid{display:grid;grid-template-columns:repeat(4,40px);gap:8px}
.controls-grid .btn{display:flex;align-items:center;justify-content:center;font-size:16px}

canvas{border:1px solid #cfd8d3;border-radius:10px;background:#fff}
.helper{font-size:12px;color:#666;margin-top:6px}
.radio-row{display:flex;gap:10px;align-items:center;margin-top:8px}
.radio-row label{font-weight:500;margin:0}