:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#2d3748;background-color:#f7fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}#root{min-height:100vh}.main-layout{min-height:100vh;display:flex;flex-direction:column;background:#f7fafc}.app-header{background:#1a365d;color:#fff;padding:.75rem 1.5rem;display:flex;align-items:baseline;gap:1rem}.app-header h1{margin:0;font-size:1.25rem;font-weight:700}.app-subtitle{font-size:.8rem;opacity:.75}.content{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow:hidden}.form-panel{overflow-y:auto;max-height:calc(100vh - 52px);border-right:1px solid #e2e8f0;background:#fff}.preview-panel{overflow-y:auto;max-height:calc(100vh - 52px);background:#f7fafc}@media(max-width:900px){.content{grid-template-columns:1fr}.form-panel{max-height:none;border-right:none;border-bottom:1px solid #e2e8f0}.preview-panel{max-height:none}}.service-form{padding:1rem;max-width:600px}.service-form h2{margin:0 0 1rem;font-size:1.25rem;color:#1a365d}.service-form h3{margin:1.5rem 0 .5rem;font-size:1rem;color:#2d3748;border-bottom:1px solid #e2e8f0;padding-bottom:.25rem}.form-row{display:grid;grid-template-columns:160px 1fr 1fr auto;gap:.5rem;align-items:center;margin-bottom:.5rem}.form-row label:first-child{font-size:.875rem;font-weight:500;color:#4a5568}.form-row input,.form-row select{padding:.375rem .5rem;border:1px solid #cbd5e0;border-radius:4px;font-size:.875rem}.form-row input:focus,.form-row select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 1px #4299e1}.span-2{grid-column:span 2}.hymn-row{grid-template-columns:80px 80px 60px 1fr auto}.checkbox-group{display:flex;gap:1rem;grid-column:span 2}.checkbox-label{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:400!important;cursor:pointer}.btn-add{margin:.25rem 0 .5rem 160px;padding:.25rem .75rem;background:#edf2f7;border:1px dashed #a0aec0;border-radius:4px;cursor:pointer;font-size:.8rem;color:#4a5568}.btn-add:hover{background:#e2e8f0}.btn-remove{padding:.25rem .5rem;background:transparent;border:none;color:#e53e3e;cursor:pointer;font-size:1.1rem;line-height:1}.btn-remove:hover{color:#c53030}.form-actions{margin-top:1.5rem;text-align:center}.btn-generate{padding:.625rem 2rem;background:#2b6cb0;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer}.btn-generate:hover:not(:disabled){background:#2c5282}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.slide-preview{padding:1rem}.slide-preview h2{margin:0 0 1rem;font-size:1.25rem;color:#1a365d}.slides-container{display:flex;flex-direction:column;gap:.75rem}.slide{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #00000014}.slide-label{background:#2b6cb0;color:#fff;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.slide-content{padding:.75rem;min-height:60px;display:flex;align-items:center;justify-content:center}.slide-title{text-align:center;width:100%}.slide-date{font-size:1rem;font-weight:600;color:#1a365d;margin-bottom:.25rem}.slide-preacher{font-size:.9rem;color:#2d3748}.slide-city{font-size:.8rem;color:#718096}.slide-organist{font-size:.8rem;color:#718096;margin-top:.25rem}.slide-remarks{font-size:.8rem;color:#e53e3e;margin-top:.25rem;font-style:italic}.slide-liturgie{width:100%}.liturgie-hymn{font-size:.8rem;padding:.125rem 0}.hymn-type{display:inline-block;width:50px;color:#718096}.hymn-number{font-weight:600;color:#2d3748}.hymn-verses{color:#4a5568}.liturgie-sermon-text{margin-top:.5rem;font-size:.8rem;font-style:italic;color:#4a5568;border-top:1px solid #e2e8f0;padding-top:.25rem}.slide-banner{text-align:center;width:100%}.banner-text{font-size:.95rem;font-weight:600;color:#2d3748}.lyrics-indicator{font-size:.7rem;color:#38a169;font-style:italic;margin-top:.25rem}.slide-static{text-align:center;width:100%}.static-text{font-size:.9rem;color:#718096;font-style:italic}.slide-collecte{text-align:center;width:100%}.collecte-goal{font-size:.9rem;font-weight:600;color:#2d3748}.slide-einde{text-align:center;width:100%}.einde-preacher{font-size:.85rem;color:#4a5568}.slide-title .slide-label,.slide.slide-title>.slide-label{background:#2b6cb0}.slide.slide-liturgie>.slide-label{background:#2c7a7b}.slide.slide-voorzang>.slide-label,.slide.slide-slotzang>.slide-label{background:#6b46c1}.slide.slide-psalm>.slide-label{background:#38a169}.slide.slide-gebed>.slide-label,.slide.slide-dankgebed>.slide-label{background:#b7791f}.slide.slide-lezing>.slide-label{background:#c05621}.slide.slide-collecte>.slide-label{background:#9b2c2c}.slide.slide-thema>.slide-label{background:#553c9a}.slide.slide-einde>.slide-label{background:#1a365d}.slide.slide-doopdienst>.slide-label{background:#2b6cb0}.slide.slide-avondmaal>.slide-label{background:#744210}