.mode-toggle[data-v-9b8a123f]{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);background:var(--color-bg);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.mode-btn[data-v-9b8a123f]{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.75rem 1rem;background:0 0;border:0;border-radius:6px;color:var(--color-text-muted);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.mode-btn[data-v-9b8a123f]:hover{color:var(--color-text);background:var(--color-bg-elevated)}.mode-btn.active[data-v-9b8a123f]{background:var(--color-accent);color:#fff}.input-section[data-v-9b8a123f]{margin-bottom:var(--space-lg)}.input-label[data-v-9b8a123f]{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.main-input[data-v-9b8a123f]{width:100%;padding:1rem 1.25rem;font-size:1.125rem;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:all var(--transition-fast)}.main-input[data-v-9b8a123f]:focus{outline:0;border-color:var(--color-accent);box-shadow:0 0 0 4px #3b82f626}.main-input.mono[data-v-9b8a123f]{font-family:var(--font-mono);letter-spacing:.05em}.input-hint[data-v-9b8a123f]{margin-top:var(--space-xs);font-size:.8125rem;color:var(--color-text-dim)}.cron-fields[data-v-9b8a123f]{display:flex;justify-content:space-around;margin-top:var(--space-xs);font-size:.75rem;color:var(--color-text-dim);font-family:var(--font-mono)}.error-message[data-v-9b8a123f]{padding:var(--space-sm) var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#fca5a5;font-size:.875rem;margin-bottom:var(--space-lg)}.output-section[data-v-9b8a123f]{border-top:1px solid var(--color-border);padding-top:var(--space-lg)}.output-row[data-v-9b8a123f]{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md)0;border-bottom:1px solid var(--color-border)}.output-label[data-v-9b8a123f]{font-size:.875rem;font-weight:500;color:var(--color-text-muted);flex-shrink:0}.output-value[data-v-9b8a123f]{display:flex;align-items:center;gap:var(--space-sm);text-align:right}.cron-expression[data-v-9b8a123f]{font-family:var(--font-mono);font-size:1.25rem;color:var(--color-accent-light);background:var(--color-bg);padding:.5rem 1rem;border-radius:var(--radius-sm);letter-spacing:.05em}.human-text[data-v-9b8a123f]{color:var(--color-text);font-size:1rem}.copy-btn[data-v-9b8a123f]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.copy-btn[data-v-9b8a123f]:hover{border-color:var(--color-accent);color:var(--color-accent);background:#3b82f61a}.copy-btn.copied[data-v-9b8a123f],.copy-btn .check-icon[data-v-9b8a123f]{color:var(--color-success)}.next-runs[data-v-9b8a123f]{padding-top:var(--space-md)}.next-runs-header[data-v-9b8a123f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.toggle-runs[data-v-9b8a123f]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:0 0;border:0;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.toggle-runs[data-v-9b8a123f]:hover{color:var(--color-text)}.toggle-runs.collapsed svg[data-v-9b8a123f]{transform:rotate(-90deg)}.next-runs-list[data-v-9b8a123f]{display:grid;gap:var(--space-xs)}.next-run-item[data-v-9b8a123f]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-radius:var(--radius-sm);font-size:.875rem}.run-date[data-v-9b8a123f]{color:var(--color-text);font-family:var(--font-mono)}.run-relative[data-v-9b8a123f]{color:var(--color-text-dim)}.share-section[data-v-9b8a123f]{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.share-toast[data-v-9b8a123f]{color:var(--color-success);font-size:.875rem;animation:fadeIn-9b8a123f .2s ease-out}.presets-section h2[data-v-9b8a123f]{font-size:1.25rem;margin-bottom:var(--space-lg)}.presets-grid[data-v-9b8a123f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm)}.preset-btn[data-v-9b8a123f]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:inherit}.preset-btn[data-v-9b8a123f]:hover{border-color:var(--color-accent);background:#3b82f60d}.preset-label[data-v-9b8a123f]{font-size:.875rem;color:var(--color-text)}.preset-expression[data-v-9b8a123f]{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim)}.examples-section h2[data-v-9b8a123f]{font-size:1.25rem;margin-bottom:var(--space-sm)}.examples-intro[data-v-9b8a123f]{color:var(--color-text-muted);font-size:.9375rem;margin-bottom:var(--space-lg)}.examples-grid[data-v-9b8a123f]{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.example-btn[data-v-9b8a123f]{padding:.5rem .875rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.example-btn[data-v-9b8a123f]:hover{border-color:var(--color-accent);color:var(--color-accent-light);background:#3b82f60d}.mt-lg[data-v-9b8a123f]{margin-top:var(--space-lg)}@media (max-width:768px){.mode-btn[data-v-9b8a123f]{font-size:.8125rem;padding:.625rem .75rem}.mode-btn svg[data-v-9b8a123f]{display:none}.main-input[data-v-9b8a123f]{font-size:1rem;padding:.875rem 1rem}.cron-expression[data-v-9b8a123f]{font-size:1rem}.output-row[data-v-9b8a123f]{flex-direction:column;gap:var(--space-sm)}.output-value[data-v-9b8a123f]{width:100%;justify-content:flex-start}.presets-grid[data-v-9b8a123f]{grid-template-columns:1fr}.next-run-item[data-v-9b8a123f]{flex-direction:column;align-items:flex-start;gap:4px}}@keyframes fadeIn-9b8a123f{0%{opacity:0}to{opacity:1}}