.cron-explainer-container{display:flex;flex-direction:column;gap:1.5rem}.cron-input-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--bg-secondary, #f8f9fa);border-radius:12px}.cron-input-wrapper{display:flex;gap:.5rem}.cron-input{flex:1;padding:1rem;font-family:SF Mono,Consolas,monospace;font-size:1.25rem;text-align:center;border:2px solid var(--border-color, #dee2e6);border-radius:8px}.cron-input:focus{outline:none;border-color:var(--primary-color, #007bff)}.presets{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.preset-btn{padding:.375rem .75rem;font-size:.75rem;background:#fff;border:1px solid var(--border-color, #dee2e6);border-radius:4px;cursor:pointer;transition:all .2s ease}.preset-btn:hover{background:var(--primary-color, #007bff);color:#fff;border-color:var(--primary-color, #007bff)}.explanation-section{padding:1.5rem;background:#fff;border:1px solid var(--border-color, #dee2e6);border-radius:12px}.human-readable{text-align:center;padding:1rem;margin-bottom:1.5rem;background:var(--color-success-subtle);border-radius:8px}.human-readable p{margin:0;font-size:1.25rem;color:var(--color-success);font-weight:500}.parts-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.cron-part{text-align:center;padding:1rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px}.part-value{font-family:monospace;font-size:1.5rem;font-weight:700;color:var(--primary-color, #007bff)}.part-label{font-size:.75rem;color:var(--text-secondary, #6c757d);text-transform:uppercase;margin-top:.25rem}.part-meaning{font-size:.75rem;margin-top:.5rem}.next-runs{padding:1rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px}.next-runs h4{margin:0 0 .75rem;font-size:.875rem}.next-runs ul{margin:0;padding:0;list-style:none}.next-runs li{padding:.375rem 0;font-family:monospace;font-size:.875rem;border-bottom:1px solid var(--border-color, #dee2e6)}.next-runs li:last-child{border-bottom:none}.error-message{padding:1rem;background:var(--color-error-subtle);border:1px solid var(--color-error);border-radius:8px;color:var(--color-error);text-align:center}.syntax-help{padding:1rem;background:var(--color-warning-subtle);border-radius:8px;font-size:.875rem}.syntax-help h4{margin:0 0 .5rem}.syntax-help code{background:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.75rem}.privacy-note{text-align:center;padding:1rem;color:var(--text-secondary, #6c757d);font-size:.875rem}