:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);background-color:var(--color-page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-page-bg:#f5f5f5;--color-surface:#fff;--color-surface-muted:#f9f9f9;--color-surface-hover:#f0f0f0;--color-text:#1a1a1a;--color-text-heading:#333;--color-text-label:#444;--color-text-muted:#666;--color-text-subtle:#777;--color-text-placeholder:#777;--color-text-disabled:#ccc;--color-border:#e0e0e0;--color-border-strong:#d0d0d0;--color-primary:#4a90d9;--color-primary-hover:#3a7bc8;--color-primary-text:#fff;--color-primary-soft:#f0f7ff;--color-primary-soft-hover:#e0efff;--color-primary-active-text:#1f5f9f;--color-danger:#d9534f;--color-danger-strong:#b33a36;--color-danger-hover-bg:#fff0f0;--color-danger-text-on-fill:#fff;--shadow-surface:0 1px 3px #0000001a;--shadow-popover:0 8px 20px #0000001f;--focus-ring:0 0 0 3px #4a90d91a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page-bg:#111418;--color-surface:#1b2027;--color-surface-muted:#232932;--color-surface-hover:#2b323c;--color-text:#f3f5f7;--color-text-heading:#f7f9fb;--color-text-label:#e5e9ee;--color-text-muted:#b4bcc7;--color-text-subtle:#9ca6b3;--color-text-placeholder:#8d97a4;--color-text-disabled:#68717e;--color-border:#343c47;--color-border-strong:#4a5360;--color-primary:#74b7ff;--color-primary-hover:#9ac9ff;--color-primary-text:#102233;--color-primary-soft:#17324d;--color-primary-soft-hover:#1f4162;--color-primary-active-text:#d7ebff;--color-danger:#ff8f89;--color-danger-strong:#ffaaa6;--color-danger-hover-bg:#422;--color-danger-text-on-fill:#241111;--shadow-surface:0 1px 3px #00000059;--shadow-popover:0 10px 24px #00000073;--focus-ring:0 0 0 3px #74b7ff40}}*{box-sizing:border-box}body{background:var(--color-page-bg);min-width:320px;min-height:100vh;margin:0}#app{width:100%}.form-section{background:var(--color-surface);box-shadow:var(--shadow-surface);border-radius:8px;margin-bottom:20px;padding:24px}.form-section h2{color:var(--color-text-heading);border-bottom:1px solid var(--color-border);margin:0 0 20px;padding-bottom:10px;font-size:18px}.form-section h3{color:var(--color-text-label);margin:24px 0 16px;font-size:16px}.checkbox-field{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:16px}.checkbox-field label{cursor:pointer;color:var(--color-text-label);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.checkbox-field input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.field{margin-bottom:16px}.field label{color:var(--color-text-label);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{width:100%;min-width:0;max-width:100%;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-placeholder);opacity:1}.field textarea{resize:vertical;min-height:60px}.field-row{gap:16px;margin-bottom:16px;display:flex}.field-row .field{flex:1;margin-bottom:0}.segmented-control{background:var(--color-surface-muted);border:1px solid var(--color-border-strong);border-radius:6px;max-width:100%;margin-bottom:16px;padding:3px;display:inline-flex}.segmented-button{min-width:0;color:var(--color-text-label);cursor:pointer;font:inherit;overflow-wrap:anywhere;background:0 0;border:0;border-radius:4px;padding:8px 12px;font-size:14px;font-weight:500;line-height:1.2}.segmented-button:hover{background:var(--color-surface-hover);color:var(--color-text-heading)}.segmented-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.segmented-button.is-active{color:var(--color-primary-active-text);background:var(--color-primary-soft-hover)}.mid-program-music,.special-music-fields{margin-bottom:16px}.mid-program-music .hymn-select,.special-music-fields .field:last-child{margin-bottom:0}.hymn-select{margin-bottom:16px}.hymn-select>label{color:var(--color-text-label);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.hymn-combobox{position:relative}.hymn-combobox-input{width:100%;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:10px 40px 10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.hymn-combobox-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.hymn-clear-btn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:22px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.hymn-clear-btn:hover{background:var(--color-surface-hover);color:var(--color-text-heading)}.hymn-options{z-index:20;background:var(--color-surface);border:1px solid var(--color-border-strong);max-height:260px;box-shadow:var(--shadow-popover);border-radius:6px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.hymn-option,.hymn-option-empty{color:var(--color-text-heading);overflow-wrap:anywhere;border-radius:4px;padding:9px 10px;font-size:14px;line-height:1.35}.hymn-option{cursor:pointer}.hymn-option:hover,.hymn-option.is-active{background:var(--color-primary-soft-hover);color:var(--color-primary-active-text)}.hymn-option-empty{color:var(--color-text-subtle)}.dynamic-item{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:6px;margin-bottom:12px;padding:16px}.dynamic-item-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dynamic-item-title{align-items:center;gap:4px;min-width:0;display:flex}.item-number{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:13px;font-weight:500}.empty-state{color:var(--color-text-subtle);margin:0 0 12px;font-size:14px}.drag-handle{cursor:grab;color:var(--color-text-subtle);touch-action:none;border-radius:4px;align-items:center;padding:4px 8px;transition:color .2s,background-color .2s;display:flex}.drag-handle:hover{color:var(--color-text-muted);background:var(--color-surface-hover)}.drag-handle:active{cursor:grabbing}.dragging{opacity:.5;background:var(--color-primary-soft);border:1px dashed var(--color-primary);border-radius:8px}.dynamic-item .field-row{margin-bottom:0}.dynamic-item input,.dynamic-item textarea{width:100%;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:10px 12px;font-size:14px}.dynamic-item input:focus,.dynamic-item textarea:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.add-btn{background:var(--color-primary-soft);color:var(--color-primary);border:1px dashed var(--color-primary);cursor:pointer;border-radius:6px;width:100%;padding:10px 16px;font-size:14px;transition:background-color .2s}.add-btn:hover{background:var(--color-primary-soft-hover)}.remove-btn{color:var(--color-danger);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:var(--color-danger-hover-bg)}.remove-btn:disabled{color:var(--color-text-disabled);cursor:not-allowed}.form-actions{flex-wrap:wrap;justify-content:center;gap:16px;padding:20px 0;display:flex}.validation-summary{color:var(--color-danger-strong);text-align:center;flex-basis:100%;margin:0;font-size:14px}.primary-btn{background:var(--color-primary);color:var(--color-primary-text);cursor:pointer;border:none;border-radius:6px;padding:14px 32px;font-size:16px;font-weight:500;transition:background-color .2s}.primary-btn:hover{background:var(--color-primary-hover)}.primary-btn:disabled,.secondary-btn:disabled{cursor:wait;opacity:.7}.secondary-btn{background:var(--color-surface);color:var(--color-primary-active-text);border:1px solid var(--color-primary);cursor:pointer;border-radius:6px;padding:14px 32px;font-size:16px;font-weight:500;transition:background-color .2s,color .2s}.secondary-btn:hover:not(:disabled){background:var(--color-primary-soft)}.danger-btn{color:var(--color-danger);border:1px solid var(--color-danger);cursor:pointer;background:0 0;border-radius:6px;padding:14px 32px;font-size:16px;font-weight:500;transition:background-color .2s,color .2s}.danger-btn:hover{background:var(--color-danger);color:var(--color-danger-text-on-fill)}.image-preview{background:var(--color-surface-muted);text-align:center;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]{max-width:100%;color:var(--color-text-muted);font-size:14px}.info{color:var(--color-primary);margin:8px 0 0;font-size:13px}.error{color:var(--color-danger);margin:8px 0 0;font-size:13px}@media (width<=600px){.app-container{padding:16px 12px}.form-section{padding:18px 14px}.field-row{flex-direction:column;gap:0}.field-row .field{margin-bottom:16px}.form-actions{flex-direction:column;gap:10px;padding:12px}.field input[type=date]{appearance:none;inline-size:100%;min-inline-size:0;min-width:0;display:block}.field input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}.form-actions button{width:100%}.dynamic-item{padding:14px 12px}.dynamic-item-header{flex-wrap:wrap;align-items:flex-start}.dynamic-item-title{flex:160px}.drag-handle{margin-left:-8px;padding:8px 10px}}.section-hint[data-v-f925d5aa]{color:var(--color-text-muted);margin:-10px 0 15px;font-size:14px}.section-divider[data-v-f925d5aa]{border-top:1px solid var(--color-border);margin-top:40px;padding-top:20px}.app-container[data-v-22dca610]{max-width:800px;margin:0 auto;padding:20px}header[data-v-22dca610]{text-align:center;margin-bottom:30px}header h1[data-v-22dca610]{color:var(--color-text-heading);margin:0 0 8px}.subtitle[data-v-22dca610]{color:var(--color-text-muted);margin:0}footer[data-v-22dca610]{text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:30px;padding-top:20px;font-size:14px}