.ag-container{max-width:750px;margin:20px auto;padding:20px 20px 25px;background:linear-gradient(180deg,#fffaf0 0%,#fff4dd 100%);border-radius:18px;border:2px solid #f3c783;box-shadow:0 4px 12px rgb(0 0 0 / .05);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ag-title-main{text-align:center;font-size:1.75rem;margin-bottom:4px;color:#d77a20}.ag-subtitle{text-align:center;font-size:.95rem;margin-bottom:18px;color:#7a5a32}.ag-field{margin-bottom:14px}.ag-field label{font-weight:600;display:block;margin-bottom:5px;color:#5d4123}.ag-field input[type="text"],.ag-field input[type="number"],.ag-field textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #d9c6a6;font-size:.95rem;box-sizing:border-box;background:#fff}.ag-field textarea{resize:vertical}.ag-radio-row{display:flex;flex-wrap:wrap;gap:10px}.ag-radio-row label{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#ffe9c9;border:1px solid #fff0;font-size:.9rem;cursor:pointer}.ag-radio-row input[type="radio"]{margin:0}.ag-range{display:flex;align-items:center;gap:6px}.ag-range input[type="number"]{max-width:80px}.ag-field small{display:block;margin-top:4px;font-size:.8rem;color:#7a5a32}.ag-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;margin-bottom:8px}.ag-btn-primary,.ag-btn-secondary,.ag-btn-download{border:none;padding:8px 16px;border-radius:999px;font-size:.9rem;cursor:pointer;font-weight:600}.ag-btn-primary{background:#f4a738;color:#fff}.ag-btn-primary:hover{background:#e59220}.ag-btn-secondary{background:#fff;color:#7a5a32;border:1px solid #dec1a0}.ag-btn-secondary:hover{background:#ffe9c9}.ag-btn-download{background:#3b8c5a;color:#fff}.ag-btn-download:hover{background:#317348}.ag-btn-primary,.ag-btn-secondary,.ag-btn-download{transition:transform 0.12s ease,box-shadow 0.12s ease}.ag-btn-primary:hover,.ag-btn-secondary:hover,.ag-btn-download:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgb(0 0 0 / .15)}#ag-preview-wrapper{margin-top:20px}.ag-preview-title{font-size:1.1rem;margin-bottom:8px;color:#5d4123}.ag-preview-box{background:#fff;border-radius:12px;border:1px solid #e2d2b3;padding:15px;min-height:80px}.ag-preview-placeholder{color:#9a845f;font-size:.9rem}.ag-preview-heading{text-align:center;margin-bottom:8px;font-size:1.1rem;color:#333}.ag-preview-top-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:8px}.ag-preview-instructions{font-size:.9rem;margin-bottom:10px}.ag-problems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.ag-problem{padding:6px 8px;border-radius:10px;background:#fffaf2;border:1px solid #f0dfc1;font-size:.95rem}.ag-problem-horizontal{display:flex;gap:6px;align-items:baseline}.ag-problem-number{font-weight:600;min-width:24px}.ag-problem-text{flex:1}.ag-problem-vertical{display:flex;gap:7px}.ag-vertical-stack{display:inline-flex;flex-direction:column;align-items:flex-end;font-family:"Courier New",monospace}.ag-vertical-stack .ag-line{line-height:1.1}.ag-vertical-stack .ag-underline{border-bottom:1px solid #333;min-width:40px}.ag-download-area{margin-top:12px;display:flex;flex-direction:column;gap:4px}.ag-note-footer{font-size:.8rem;color:#7a5a32}@media (max-width:600px){.ag-container{padding:16px}.ag-preview-top-row{flex-direction:column;gap:4px}.ag-problems-grid{grid-template-columns:1fr}}