:root{color-scheme:light;--bg: #f8fafc;--bg-subtle: #f1f5f9;--surface: #ffffff;--surface-raised: #f8fafc;--border: #e2e8f0;--border-focus: #3b82f6;--text: #0f172a;--text-muted: #64748b;--primary: #3b82f6;--primary-hover: #2563eb;--primary-soft: rgba(59, 130, 246, .12);--accent-cron: #059669;--accent-cron-soft: rgba(5, 150, 105, .12);--accent-regex: #8b5cf6;--accent-regex-soft: rgba(139, 92, 246, .12);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--error-bg: rgba(239, 68, 68, .08);--tok-class: #0369a1;--tok-class-bg: #e0f2fe;--tok-quant: #c2410c;--tok-quant-bg: #ffedd5;--tok-group: #6d28d9;--tok-group-bg: #ede9fe;--tok-anchor: #b91c1c;--tok-anchor-bg: #fee2e2;--tok-alt: #a21caf;--tok-alt-bg: #fae8ff;--tok-escape: #0f766e;--tok-escape-bg: #ccfbf1;--tok-literal: #334155;--seg-1: #0369a1;--seg-2: #6d28d9;--seg-3: #c2410c;--seg-4: #0f766e;--seg-5: #be185d;--match-color-0: rgba(16, 185, 129, .28);--match-border-0: #10b981;--match-color-1: rgba(59, 130, 246, .28);--match-border-1: #3b82f6;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;--header-h: 57px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--chrome-bg: var(--surface);--chrome-border: var(--border);--chrome-text: var(--text);--chrome-muted: var(--text-muted);--chrome-action-bg: var(--surface-raised);--chrome-action-hover: var(--border);--chrome-accent: var(--accent-cron)}[data-theme=dark]{color-scheme:dark;--bg: #090d16;--bg-subtle: #0f172a;--surface: #131d31;--surface-raised: #1c2742;--border: #273552;--border-focus: #60a5fa;--text: #f8fafc;--text-muted: #94a3b8;--primary: #60a5fa;--primary-hover: #3b82f6;--primary-soft: rgba(96, 165, 250, .18);--accent-cron: #34d399;--accent-cron-soft: rgba(52, 211, 153, .18);--accent-regex: #a78bfa;--accent-regex-soft: rgba(167, 139, 250, .18);--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--error-bg: rgba(248, 113, 113, .14);--tok-class: #38bdf8;--tok-class-bg: rgba(56, 189, 248, .18);--tok-quant: #fb923c;--tok-quant-bg: rgba(251, 146, 60, .18);--tok-group: #c084fc;--tok-group-bg: rgba(192, 132, 252, .18);--tok-anchor: #f87171;--tok-anchor-bg: rgba(248, 113, 113, .18);--tok-alt: #f472b6;--tok-alt-bg: rgba(244, 114, 182, .18);--tok-escape: #2dd4bf;--tok-escape-bg: rgba(45, 212, 191, .18);--tok-literal: #cbd5e1;--seg-1: #38bdf8;--seg-2: #c084fc;--seg-3: #fb923c;--seg-4: #2dd4bf;--seg-5: #f472b6;--match-color-0: rgba(52, 211, 153, .35);--match-border-0: #34d399;--match-color-1: rgba(96, 165, 250, .35);--match-border-1: #60a5fa;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6);--chrome-bg: var(--surface);--chrome-border: var(--border);--chrome-text: var(--text);--chrome-muted: var(--text-muted);--chrome-action-bg: var(--surface-raised);--chrome-action-hover: var(--border);--chrome-accent: var(--accent-cron)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;display:flex;flex-direction:column;transition:background-color .2s ease,color .2s ease}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-error{color:var(--color-error)}.app-header{border-bottom:1px solid var(--chrome-border);background-color:var(--chrome-bg);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-height:57px}.header-container{max-width:1280px;margin:0 auto;padding:.65rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-primary-bar{display:contents}.header-left{display:flex;align-items:center;gap:.75rem;order:1;flex:1 1 0}.brand-wrap{display:flex;align-items:center;gap:.75rem;color:inherit;cursor:default;user-select:none}.brand-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-cron),var(--accent-regex));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:var(--shadow-sm)}.brand-text{display:flex;flex-direction:column}.brand-title{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.brand-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .4rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-weight:600;align-self:flex-start}.mode-tabs{order:2;display:flex;align-items:center;justify-content:center;gap:.35rem;background-color:var(--bg-subtle);border:1px solid var(--border);padding:.25rem;border-radius:var(--radius-full);flex-shrink:0}.tab-btn{border:none;background:transparent;padding:.45rem 1.25rem;border-radius:var(--radius-full);font-family:inherit;font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .18s ease}.tab-btn:hover{color:var(--text)}.tab-btn.active{background-color:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}[data-tab=cron].active{color:var(--accent-cron)}[data-tab=regex].active{color:var(--accent-regex)}.header-actions{order:3;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex:1 1 0}.action-btn{background-color:var(--chrome-action-bg);border:1px solid var(--chrome-border);color:var(--chrome-text);border-radius:var(--radius-md);padding:.5rem .85rem;min-height:40px;box-sizing:border-box;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none;transition:all .15s ease;position:relative}.action-btn:hover{background-color:var(--chrome-action-hover)}.action-btn:focus-visible,.tab-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.action-btn.copied{background-color:var(--color-success);color:var(--on-success, #0f172a);border-color:var(--color-success)}.action-btn-icon{min-width:40px;padding:.5rem}.back-btn{font-weight:600}.back-label-short{display:none}@media(max-width:1023px){.back-label-long{display:none}.back-label-short{display:inline}}.main-content{flex:1;max-width:1320px;width:100%;margin:0 auto;padding:2rem 1.5rem 4rem}.panel-container{display:flex;flex-direction:column;gap:1.5rem;padding:.25rem 0 2rem;scroll-margin-top:calc(var(--header-h) + 16px)}.panel-container:focus:not(:focus-visible){outline:none}.panel-container:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.workspace{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media(min-width:1080px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.rail-card{position:sticky;top:calc(var(--header-h) + 1.5rem);max-height:calc(100vh - var(--header-h) - 3.5rem);overflow-y:auto;overscroll-behavior:contain}}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.25rem}.hero-card{border-color:var(--accent-soft-border, var(--border));box-shadow:var(--shadow-md)}.card-head{display:flex;flex-direction:column;gap:.2rem}.card-title{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}.card-title>i{color:var(--panel-accent, var(--text-muted));font-size:.95em}.card-hint{font-size:.82rem;color:var(--text-muted);line-height:1.45}#panel-cron{--panel-accent: var(--accent-cron);--panel-accent-soft: var(--accent-cron-soft)}#panel-regex{--panel-accent: var(--accent-regex);--panel-accent-soft: var(--accent-regex-soft)}.input-group{display:flex;flex-wrap:wrap;align-items:stretch;gap:.6rem;position:relative}.primary-input{flex:1 1 240px;min-width:0;font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.02em;padding:.8rem 1rem;background-color:var(--bg-subtle);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text);outline:none;transition:border-color .15s ease,background-color .15s ease}.primary-input:focus{border-color:var(--panel-accent, var(--primary));background-color:var(--surface)}.action-btn-strong{background-color:var(--panel-accent, var(--primary));border-color:var(--panel-accent, var(--primary));color:#fff;padding-inline:1rem}.action-btn-strong:hover{filter:brightness(1.08);background-color:var(--panel-accent, var(--primary))}.error-banner{background-color:var(--error-bg);border:1px solid var(--color-error);color:var(--color-error);border-radius:var(--radius-md);padding:.6rem .9rem;font-size:.85rem;font-weight:600}.presets-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.presets-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.chip-btn{background-color:var(--bg-subtle);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-full);padding:.3rem .75rem;font-size:.8rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s ease}.chip-btn:hover{background-color:var(--panel-accent-soft, var(--primary-soft));border-color:var(--panel-accent, var(--primary));color:var(--panel-accent, var(--primary))}.chip-btn:focus-visible{outline:2px solid var(--panel-accent, var(--primary));outline-offset:2px}.segment-strip{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.5rem}.segment-strip>li{display:flex;min-width:0}.segment{--seg: var(--text-muted);flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem;padding:.55rem .7rem;background-color:color-mix(in srgb,var(--seg) 12%,transparent);border:1px solid var(--border);border-top:3px solid var(--seg);border-radius:var(--radius-md);text-align:left;cursor:pointer;font:inherit;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.segment:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.segment:focus-visible{outline:2px solid var(--seg);outline-offset:2px}.segment[data-part=minute],.builder-field[data-part=minute]{--seg: var(--seg-1)}.segment[data-part=hour],.builder-field[data-part=hour]{--seg: var(--seg-2)}.segment[data-part=dayOfMonth],.builder-field[data-part=dayOfMonth]{--seg: var(--seg-3)}.segment[data-part=month],.builder-field[data-part=month]{--seg: var(--seg-4)}.segment[data-part=dayOfWeek],.builder-field[data-part=dayOfWeek]{--seg: var(--seg-5)}.segment-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--seg)}.segment-value{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--text);word-break:break-all}.segment-meaning{font-size:.72rem;color:var(--text-muted);line-height:1.35}.segment.is-invalid{--seg: var(--color-error)}.translation-banner{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.15rem;background:linear-gradient(135deg,var(--accent-cron-soft),transparent 70%);border:1px solid var(--border);border-left:4px solid var(--accent-cron);border-radius:var(--radius-md)}.translation-kicker{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent-cron)}.translation-text{font-size:1.2rem;font-weight:600;line-height:1.4;color:var(--text)}.tz-field{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.tz-select{font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:.2rem .45rem;max-width:100%;min-height:32px;width:auto}.builder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}.builder-field{--seg: var(--text-muted);display:flex;flex-direction:column;gap:.35rem}.builder-label{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.builder-dot{width:8px;height:8px;border-radius:50%;background-color:var(--seg);flex-shrink:0}.builder-select{font-family:var(--font-mono);font-size:.9rem;padding:.6rem .75rem;background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);outline:none;cursor:pointer;transition:border-color .15s ease}.builder-select:focus,.builder-select:focus-visible{border-color:var(--seg);outline:2px solid var(--seg);outline-offset:1px}.builder-field.is-flashing .builder-select{border-color:var(--seg);box-shadow:0 0 0 3px color-mix(in srgb,var(--seg) 28%,transparent)}@media(prefers-reduced-motion:reduce){.segment,.builder-field.is-flashing .builder-select{transition:none}.segment:hover{transform:none}}.timeline-list{list-style:none;display:flex;flex-direction:column;position:relative}.timeline-list:before{content:"";position:absolute;left:20px;top:15px;bottom:15px;width:2px;background-color:var(--border)}.timeline-item{display:flex;align-items:flex-start;gap:1.25rem;padding:.75rem 0;position:relative}.timeline-node-index{width:42px;height:42px;border-radius:50%;background-color:var(--surface);border:2px solid var(--accent-cron);color:var(--accent-cron);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:var(--shadow-sm);flex-shrink:0}.timeline-content{flex:1;background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.35rem}.timeline-top-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.timeline-date{font-weight:700;font-size:.95rem}.timeline-time{font-weight:600;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.timeline-relative{background-color:var(--accent-cron-soft);color:var(--accent-cron);margin-left:auto}.timeline-iso{font-size:.75rem;color:var(--text-muted)}.regex-literal{flex:1 1 320px;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.35rem .6rem;background-color:var(--bg-subtle);border:2px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s ease}.regex-literal:focus-within{border-color:var(--accent-regex)}.regex-delim{font-family:var(--font-mono);font-size:1.35rem;font-weight:700;color:var(--accent-regex);user-select:none;line-height:1}.regex-literal .primary-input{flex:1 1 180px;border:none;background:transparent;padding:.45rem .15rem;font-size:1.05rem}.regex-literal .primary-input:focus{background:transparent}.flags-bar{display:flex;align-items:center;gap:.25rem;flex-shrink:0;padding-left:.25rem;border-left:1px solid var(--border)}.flag-pill{min-width:36px;min-height:36px;padding:.3rem;border-radius:var(--radius-sm);border:1px solid transparent;background-color:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.flag-pill:hover{border-color:var(--accent-regex);color:var(--text)}.flag-pill.active{background-color:var(--accent-regex);border-color:var(--accent-regex);color:#fff}.flag-pill:focus-visible{outline:2px solid var(--accent-regex);outline-offset:1px}.tokens-block{display:flex;flex-direction:column;gap:.4rem}.block-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.syntax-tokens-bar{display:flex;flex-wrap:wrap;gap:.4rem;padding:.75rem;background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);min-height:48px;align-items:center;font-family:var(--font-mono)}.syntax-token{padding:.15rem .45rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:help}.syntax-token.tok-class{color:var(--tok-class);background-color:var(--tok-class-bg)}.syntax-token.tok-quant{color:var(--tok-quant);background-color:var(--tok-quant-bg)}.syntax-token.tok-group{color:var(--tok-group);background-color:var(--tok-group-bg)}.syntax-token.tok-anchor{color:var(--tok-anchor);background-color:var(--tok-anchor-bg)}.syntax-token.tok-alt{color:var(--tok-alt);background-color:var(--tok-alt-bg)}.syntax-token.tok-escape{color:var(--tok-escape);background-color:var(--tok-escape-bg)}.syntax-token.tok-literal{color:var(--tok-literal)}.test-text-wrapper{--test-h: 320px;position:relative;height:var(--test-h);border:2px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-subtle);overflow:hidden}.test-text-wrapper:focus-within{border-color:var(--accent-regex)}.test-backdrop,.test-textarea{font-family:var(--font-mono);font-size:.95rem;line-height:1.6;padding:.85rem;white-space:pre-wrap;word-wrap:break-word;width:100%;height:var(--test-h);margin:0;border:none;box-sizing:border-box}.test-backdrop{position:absolute;top:0;left:0;overflow:auto;pointer-events:none;color:transparent;background-color:transparent}.test-textarea{position:relative;background-color:transparent;color:var(--text);resize:none;outline:none;z-index:2}mark.regex-match{border-radius:3px;padding:1px 0}mark.match-alt-0{background-color:var(--match-color-0);outline:1px solid var(--match-border-0)}mark.match-alt-1{background-color:var(--match-color-1);outline:1px solid var(--match-border-1)}.matches-summary{display:inline-flex;align-items:center;align-self:flex-start;gap:.4rem;font-size:.8rem;font-weight:700;color:var(--accent-regex);background-color:var(--accent-regex-soft);border-radius:var(--radius-full);padding:.2rem .7rem}.matches-summary.text-error{color:var(--color-error);background-color:var(--error-bg)}.matches-summary:empty{display:none}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:2rem 1rem;text-align:center;color:var(--text-muted)}.empty-state i{font-size:1.5rem;opacity:.45}.empty-state-text{font-size:.85rem;line-height:1.5;max-width:34ch}.matches-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.match-card{background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1rem}.match-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.match-badge{background-color:var(--accent-regex-soft);color:var(--accent-regex)}.match-indices{font-size:.8rem;color:var(--text-muted)}.match-value{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .65rem;font-size:.95rem;white-space:pre-wrap;word-break:break-all}.match-groups{margin-top:.65rem;padding-top:.65rem;border-top:1px dashed var(--border)}.match-groups-title{font-size:.8rem;font-weight:700;color:var(--text-muted);margin-bottom:.35rem}.groups-table{width:100%;border-collapse:collapse;font-size:.85rem}.groups-table td{padding:.25rem .5rem;border-bottom:1px solid var(--border)}.group-name{color:var(--accent-regex);font-weight:600;width:110px}.toast{position:fixed;bottom:2rem;right:2rem;background-color:var(--surface);color:var(--text);border:1px solid var(--border);padding:.75rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;opacity:0;transform:translateY(12px);transition:all .2s ease;pointer-events:none;z-index:1000}.toast.show{opacity:1;transform:translateY(0);pointer-events:auto}.toast-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-.25rem -.5rem -.25rem 0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer}.toast-close:hover,.toast-close:focus-visible{color:var(--text)}.app-footer{margin-top:auto;border-top:1px solid var(--chrome-border);background-color:var(--chrome-bg);padding:1.5rem;text-align:center;font-size:.8rem;color:var(--chrome-muted)}.footer-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.footer-link{color:var(--chrome-muted);text-decoration:none}.footer-link:hover{color:var(--chrome-accent)}@media(max-width:860px){:root,[data-theme=dark]{--header-h: 88px}.main-content{padding:1.5rem 1rem 3rem}.panel-container{gap:1.25rem;padding:.25rem 0 1.5rem}.workspace{gap:1.25rem}.card{padding:1.25rem}.segment-strip{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:.4rem}.segment-value{font-size:1rem}.test-text-wrapper{--test-h: 260px}.app-header{min-height:88px}.header-container{flex-direction:column;align-items:stretch;gap:.45rem;padding:.45rem .85rem}.header-primary-bar{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;gap:.5rem}.header-left{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1 auto}.brand-wrap{min-width:0;gap:.5rem}.brand-icon{width:32px;height:32px;font-size:.95rem;flex-shrink:0}.brand-title{font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tag{display:none}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;flex-shrink:0}.action-btn{min-height:44px;min-width:44px;padding:.45rem .65rem}.back-btn{min-height:44px;min-width:44px;padding:.45rem .6rem}.mode-tabs{width:fit-content;max-width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;padding:.25rem;gap:.35rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mode-tabs::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;min-width:max-content;min-height:44px;padding:.4rem 1.1rem;font-size:.84rem;justify-content:center;gap:.4rem;white-space:nowrap}.timeline-list:before{left:17px}.timeline-node-index{width:36px;height:36px;font-size:.75rem}.builder-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.timeline-item{gap:.85rem;padding:.5rem 0}.timeline-content{padding:.6rem .85rem}}@media(max-width:640px){.back-btn .back-label,.action-btn .action-label{display:none}.input-group .primary-input{width:100%;flex:1 1 100%}.input-group .action-btn-strong,.regex-literal{flex:1 1 100%}.flags-bar{flex:1 1 100%;justify-content:flex-start;flex-wrap:wrap;padding-left:0;padding-top:.35rem;border-left:none;border-top:1px solid var(--border)}.primary-input{font-size:1rem;padding:.6rem .85rem}.translation-text{font-size:1.05rem}.translation-banner{padding:.85rem 1rem}.timeline-item{gap:.75rem;padding:.4rem 0}.timeline-content{padding:.55rem .75rem}.timeline-date{font-size:.85rem}.timeline-top-row{gap:.5rem}.match-card{padding:.65rem .75rem}.test-text-wrapper{--test-h: 220px}.test-backdrop,.test-textarea{font-size:.85rem;padding:.65rem}.syntax-token{font-size:.8rem;padding:.1rem .35rem}.syntax-tokens-bar{padding:.55rem;gap:.3rem}.app-footer{padding:1rem;font-size:.75rem}}@media(max-width:480px){.header-container{padding:.35rem .65rem;gap:.35rem}.back-btn,.action-btn{min-width:44px;min-height:44px;padding:.45rem}.brand-title{font-size:.92rem}.mode-tabs{width:100%;max-width:360px;margin-inline:auto;padding:.2rem;gap:.25rem}.tab-btn{flex:1 1 0;padding:.35rem .55rem;font-size:.76rem;min-height:44px;justify-content:center}.builder-grid{grid-template-columns:1fr;gap:.6rem}.builder-select{font-size:.85rem;padding:.5rem .6rem}.card{padding:1rem;border-radius:var(--radius-md)}.card-title{font-size:1rem}.presets-wrap{gap:.35rem;margin-bottom:.75rem}.chip-btn{padding:.25rem .6rem;font-size:.75rem}.translation-text{font-size:.95rem}.segment-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.segment{padding:.45rem .55rem}.segment-meaning{font-size:.68rem}.test-text-wrapper{--test-h: 190px}}@media(pointer:coarse){input[type=text],input[type=search],input[type=number],input[type=email],input[type=password],input[type=url],textarea,select{font-size:max(16px,1rem)}.flag-pill{min-width:44px;min-height:44px}}
/*# sourceMappingURL=cron-FPIO23FC.css.map */
