.builder-tabs button { cursor: pointer; }
.builder-tabs button.panel-active { color: #3d49a7; font-weight: 700; }
.editable-question { position: relative; }
.editable-question input { width: 100%; height: 31px; border: 1px solid #cbd6f0; border-radius: 5px; padding: 0 9px; font: 500 9px Inter, sans-serif; color: #30426f; background: #fbfcff; }
.editable-question input:focus { outline: 2px solid #9edfff; border-color: transparent; }
.remove-question { position: absolute; top: 14px; right: 0; border: 0; background: transparent; color: #a16e82; cursor: pointer; font-size: 13px; }
.builder-panel { position: absolute; z-index: 3; inset: 0; padding: 30px; overflow: auto; background: #eff4ff; display: none; }
.builder-panel.visible { display: block; }
.panel-card { max-width: 530px; margin: 0 auto; border: 1px solid #d8e0f3; border-radius: 14px; padding: 20px; background: #fff; box-shadow: 0 12px 28px rgba(74, 95, 172, .12); }
.panel-card h3 { margin: 0 0 8px; color: #243573; font: 700 20px Manrope, sans-serif; letter-spacing: -1px; }
.panel-card p, .panel-card li { color: #687897; font-size: 10px; line-height: 1.65; }
.panel-card ul { padding-left: 17px; }
.share-row { display: flex; gap: 8px; margin-top: 16px; }
.share-row input { flex: 1; border: 1px solid #d6def3; border-radius: 8px; padding: 10px; color: #516187; font-size: 10px; }
.small-action { border: 0; border-radius: 8px; padding: 0 12px; background: #334a9f; color: #fff; font: 600 10px Inter, sans-serif; cursor: pointer; }
.result-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #edf0f8; color: #46567a; font-size: 10px; }
.form-preview { text-align: left; }
.form-preview h2 { margin: 0 0 7px; color: #1d2a61; font: 700 27px/1.15 Manrope, sans-serif; letter-spacing: -1.5px; }
.form-preview p { margin-bottom: 22px; }
.form-preview label { display: block; margin: 15px 0 7px; color: #31406e; font: 600 11px Inter, sans-serif; }
.form-preview input, .form-preview textarea { width: 100%; border: 1px solid #d5ddf1; border-radius: 8px; padding: 11px; font: 12px Inter, sans-serif; resize: vertical; }
.preview-choices { display: flex; flex-wrap: wrap; gap: 7px; }
.preview-choices label { margin: 0; border: 1px solid #d5ddf1; border-radius: 8px; padding: 9px; cursor: pointer; font: 500 10px Inter, sans-serif; }
.preview-choices input { width: auto; margin-right: 5px; }
.submit-form { width: 100%; margin-top: 20px; }
.account-form { display: grid; gap: 10px; margin-top: 20px; text-align: left; }
.account-form label { color: #46577e; font-size: 10px; font-weight: 600; }
.account-form input { margin-top: 5px; width: 100%; border: 1px solid #d8e0f2; border-radius: 9px; padding: 11px; font: 12px Inter, sans-serif; }
.template-picker { display: grid; gap: 9px; margin-top: 17px; text-align: left; }
.template-option { border: 1px solid #dce3f4; background: #f9fbff; border-radius: 10px; padding: 12px; cursor: pointer; color: #334576; font: 600 11px Inter, sans-serif; text-align: left; }
.template-option small { display: block; margin-top: 4px; color: #7786a6; font-weight: 400; }
.template-option:hover { border-color: #8c95ec; background: #f0efff; }