:root{--bg:#f5f5f7;--panel:#ffffff;--panel-2:#f0f0f3;--border:#d8dae0;--text:#1a1a2e;--muted:#6b7280;--accent:#7c3aed;--accent-2:#5b21b6;--chip:#eef0f4}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page{height:100vh;display:grid;grid-template-columns:340px 1fr;grid-gap:14px;gap:14px;padding:14px;overflow:hidden}.leftPanel,.rightPanelCard{background:var(--panel);border:1px solid var(--border);border-radius:24px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.leftPanel{padding:14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.sectionCard{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:10px}.sectionTitle{font-size:11px;color:var(--muted);margin-bottom:5px}.textarea{min-height:100px;padding:8px 10px;resize:vertical;border-radius:12px;border:1px solid var(--border)}.input,.select,.textarea{width:100%;font-size:12px;background:var(--panel-2);color:var(--text)}.input,.select{padding:6px 8px;border-radius:10px;border:1px solid var(--border)}.tagGrid{display:flex;flex-wrap:wrap;gap:10px}.tag{padding:4px 8px;font-size:11px;border-radius:999px;border:1px solid var(--border);background:var(--chip);color:var(--text);cursor:pointer;transition:.18s ease}.tagActive{background:rgba(124,58,237,.12);border-color:rgba(124,58,237,.5);color:var(--accent)}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.primaryButton{width:100%;border:none;border-radius:12px;background:linear-gradient(180deg,var(--accent),var(--accent-2));color:white;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer}.rightPanel{display:flex;flex-direction:column;gap:8px;min-height:0}.resultsHeader{padding:8px 8px 2px;color:var(--muted);font-size:14px}.outputs{flex-direction:column;gap:8px}.outputs,.rightPanelCard{display:flex;flex:1 1;min-height:0}.rightPanelCard{padding:14px;flex-direction:column}.cardTitle{font-size:14px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px}.muted{color:var(--muted)}.contentBox{white-space:pre-wrap;line-height:1.55;font-size:13px;flex:1 1;overflow-y:auto;min-height:0}.scriptureItem{border-top:1px solid var(--border);padding:12px 0}.scriptureItem:first-child{border-top:none;padding-top:0}.scriptureRef{font-weight:700;margin-bottom:6px}.topBar{display:flex;justify-content:space-between;align-items:center;gap:10px}.bmcButton{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:center;padding:6px 12px;border-radius:8px;background:#ffdd00;color:#000;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity .15s}.bmcButton:hover{opacity:.85}.subtlePill{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--muted);font-size:13px}.spinnerWrapper{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:860px){.page{grid-template-columns:1fr}}