.g9-app{background:#fff;border:1px solid #d9e2dd;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(24,54,45,.07)}.g9-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.g9-app label{display:block;font-weight:700;margin:0 0 6px}.g9-app input,.g9-app textarea,.g9-app select{width:100%;padding:11px 12px;border:1px solid #cfdad4;border-radius:10px;font:inherit}.g9-app textarea{min-height:95px;resize:vertical}.g9-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.g9-actions button{border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;background:#1f5c4e;color:#fff}.g9-actions button.alt{background:#eef4f1;color:#19483e}.g9-preview{border:1px solid #d8e0dc;border-radius:14px;overflow:hidden;background:#fff;max-width:640px}.g9-image{height:260px;background:#e9efec center/cover no-repeat}.g9-copy{padding:16px}.g9-copy h3{margin:0 0 8px;font-size:21px;line-height:1.25}.g9-copy p{margin:0 0 8px;color:#52625c}.g9-copy small{color:#73817b}.g9-report{margin-top:14px;padding:14px;border-radius:12px;background:#f6f9f7}.g9-ok{color:#17633f}.g9-warn{color:#9a5a00}.g9-bad{color:#a12d2d}.g9-code{white-space:pre-wrap;word-break:break-word;background:#13211c;color:#ecf6f1;padding:14px;border-radius:12px;max-height:320px;overflow:auto}@media(max-width:720px){.g9-grid{grid-template-columns:1fr}.g9-image{height:200px}}