:root{color:#1a1a1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#app{width:100%}.form-section{background:#fff;border-radius:8px;margin-bottom:20px;padding:24px;box-shadow:0 1px 3px #0000001a}.form-section h2{color:#333;border-bottom:1px solid #e0e0e0;margin:0 0 20px;padding-bottom:10px;font-size:18px}.form-section h3{color:#444;margin:24px 0 16px;font-size:16px}.field{margin-bottom:16px}.field label{color:#444;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.field input[type=text],.field input[type=date],.field input[type=tel],.field input[type=email],.field textarea{border:1px solid #d0d0d0;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus{border-color:#4a90d9;outline:none;box-shadow:0 0 0 3px #4a90d91a}.field textarea{resize:vertical;min-height:60px}.field-row{gap:16px;margin-bottom:16px;display:flex}.field-row .field{flex:1;margin-bottom:0}.hymn-group{margin-bottom:16px}.hymn-group>label{color:#444;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.hymn-inputs{gap:12px;display:flex}.hymn-number{text-align:center;border:1px solid #d0d0d0;border-radius:6px;flex:0 0 80px;padding:10px 12px;font-size:14px;width:80px!important}.hymn-title{border:1px solid #d0d0d0;border-radius:6px;flex:1;padding:10px 12px;font-size:14px}.hymn-number:focus,.hymn-title:focus{border-color:#4a90d9;outline:none;box-shadow:0 0 0 3px #4a90d91a}.dynamic-item{background:#f9f9f9;border:1px solid #e8e8e8;border-radius:6px;margin-bottom:12px;padding:16px}.dynamic-item-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.item-number{color:#666;font-size:13px;font-weight:500}.dynamic-item .field-row{margin-bottom:0}.dynamic-item input,.dynamic-item textarea{border:1px solid #d0d0d0;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.dynamic-item input:focus,.dynamic-item textarea:focus{border-color:#4a90d9;outline:none;box-shadow:0 0 0 3px #4a90d91a}.add-btn{color:#4a90d9;cursor:pointer;background:#f0f7ff;border:1px dashed #4a90d9;border-radius:6px;width:100%;padding:10px 16px;font-size:14px;transition:background-color .2s}.add-btn:hover{background:#e0efff}.remove-btn{color:#d9534f;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:13px;transition:background-color .2s}.remove-btn:hover:not(:disabled){background:#fff0f0}.remove-btn:disabled{color:#ccc;cursor:not-allowed}.form-actions{justify-content:center;gap:16px;padding:20px 0;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:6px;padding:14px 32px;font-size:16px;font-weight:500;transition:background-color .2s}.primary-btn:hover{background:#3a7bc8}.danger-btn{color:#d9534f;cursor:pointer;background:0 0;border:1px solid #d9534f;border-radius:6px;padding:14px 32px;font-size:16px;font-weight:500;transition:background-color .2s,color .2s}.danger-btn:hover{color:#fff;background:#d9534f}.image-preview{text-align:center;background:#f9f9f9;border-radius:6px;margin-top:12px;padding:12px}.image-preview img{border-radius:4px;max-width:200px;max-height:150px;margin-bottom:10px}.image-preview .remove-btn{margin:0 auto;display:block}input[type=file]{color:#666;font-size:14px}.info{color:#4a90d9;margin:8px 0 0;font-size:13px}.error{color:#d9534f;margin:8px 0 0;font-size:13px}@media (max-width:600px){.field-row{flex-direction:column;gap:0}.field-row .field{margin-bottom:16px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.section-hint[data-v-c8b78322]{color:#666;margin:-10px 0 15px;font-size:14px}.section-divider[data-v-c8b78322]{border-top:1px solid #e0e0e0;margin-top:40px;padding-top:20px}.app-container[data-v-0382c0f8]{max-width:800px;margin:0 auto;padding:20px}header[data-v-0382c0f8]{text-align:center;margin-bottom:30px}header h1[data-v-0382c0f8]{color:#1a1a1a;margin:0 0 8px}.subtitle[data-v-0382c0f8]{color:#666;margin:0}footer[data-v-0382c0f8]{text-align:center;color:#666;border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px;font-size:14px}