:root{--bg:#f8f9fa;--card-bg:#fff;--border:#dcdcdc;--text-main:#1a1a1a;--text-dim:#555;--accent:#2563eb;--radius-lg:16px;--radius-sm:8px;--shadow-card:0 12px 32px rgba(0,0,0,.06);--shadow-header:0 4px 16px rgba(0,0,0,.05);--space:16px}*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,sans-serif}body{margin:0;background:var(--bg);color:var(--text-main);line-height:1.4}.container{max-width:900px;margin:0 auto;padding:24px}.topbar{background:var(--card-bg);box-shadow:var(--shadow-header);border-bottom:1px solid var(--border)}.brand{font-size:1rem;font-weight:600;color:var(--text-main);margin:0}.footer{border-top:1px solid var(--border);margin-top:48px;font-size:.8rem;color:var(--text-dim);text-align:center;padding-bottom:40px}.card-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:24px;gap:24px}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border);padding:24px;display:flex;flex-direction:column;justify-content:space-between}.card h2{margin-top:0;font-size:1.1rem}.primary-btn{background:var(--accent);color:#fff;font-weight:600;border:0;border-radius:var(--radius-sm);padding:12px 16px;cursor:pointer;font-size:.95rem;margin-top:16px}.primary-btn[disabled]{opacity:.5;cursor:not-allowed}.page-section h2{margin-top:24px;font-size:1.25rem;font-weight:600}.form-card{margin-top:24px;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border);padding:24px;display:grid;grid-gap:16px;gap:16px}.field{display:grid;grid-gap:8px;gap:8px}.field-inline{display:grid;grid-gap:16px;gap:16px}@media (min-width:640px){.field-inline{grid-template-columns:repeat(2,minmax(0,1fr))}}.field label{font-size:.8rem;color:var(--text-dim);font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:.9rem;width:100%;font-family:inherit;resize:vertical;min-height:40px;background:#fff}.checkbox-field label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:var(--text-main)}.resultado-wrapper{margin-top:32px;display:grid;grid-gap:24px;gap:24px}.resultado-bloco{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-card);padding:16px}.resultado-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.resultado-header strong{font-size:.9rem}.copy-btn{background:transparent;border:1px solid var(--accent);border-radius:var(--radius-sm);padding:6px 10px;font-size:.8rem;font-weight:600;color:var(--accent);cursor:pointer}.resultado-textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;min-height:100px;font-size:.9rem;line-height:1.4;padding:10px 12px;font-family:inherit}