.header[data-v-7a41c08d]{z-index:10;border-bottom:1px solid color-mix(in oklch, var(--border) 70%, transparent);background:color-mix(in oklch, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);position:sticky;top:0}.header-inner[data-v-7a41c08d]{justify-content:space-between;align-items:center;gap:12px;height:60px;display:flex}.brand[data-v-7a41c08d]{min-width:0;color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.logo[data-v-7a41c08d]{color:oklch(100% 0 0);width:32px;height:32px;font-family:var(--font-mono);letter-spacing:-.04em;background:linear-gradient(135deg,oklch(62% .2 285),oklch(55% .22 260));border-radius:9px;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid;box-shadow:inset 0 1px oklch(100% 0 0/.25),0 2px 8px oklch(55% .2 275/.35)}.brand-text[data-v-7a41c08d]{align-items:baseline;gap:10px;min-width:0;display:flex}.title[data-v-7a41c08d]{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.tagline[data-v-7a41c08d]{border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11.5px}.header-actions[data-v-7a41c08d]{align-items:center;gap:2px;display:flex}.chevron[data-v-7a41c08d]{opacity:.6;margin-left:-2px;width:14px!important;height:14px!important}@media (width<=720px){.tagline[data-v-7a41c08d],.header-actions .label[data-v-7a41c08d],.chevron[data-v-7a41c08d]{display:none}.header-actions[data-v-7a41c08d] .btn{width:36px;padding:0}}.status[data-v-dcc68bf1]{align-items:center;gap:6px;display:inline-flex}.pane-alert[data-v-dcc68bf1]{border-radius:var(--radius);background:var(--warning-soft);color:var(--text);gap:10px;margin:12px 12px 0;padding:10px 12px;font-size:13px;line-height:1.6;display:flex}.pane-alert svg[data-v-dcc68bf1]{width:16px;height:16px;color:var(--warning);flex-shrink:0;margin-top:3px}.is-stale .editor[data-v-dcc68bf1]{opacity:.55}.rule[data-v-b239b09f]{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lead fields trail";align-items:start;gap:8px 12px;padding:10px 12px 10px 6px;display:grid}.rule-lead[data-v-b239b09f]{grid-area:lead;align-items:center;gap:6px;height:36px;display:flex}.rule-handle[data-v-b239b09f]{border-radius:var(--radius-sm);width:22px;height:30px;color:var(--text-faint);cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;padding:0;display:grid}.rule-handle[data-v-b239b09f]:hover{background:var(--surface-hover);color:var(--text-muted)}.rule-handle[data-v-b239b09f]:active{cursor:grabbing}.rule-handle svg[data-v-b239b09f]{width:16px;height:16px}.rule-number[data-v-b239b09f]{min-width:18px;color:var(--text-faint);font-variant-numeric:tabular-nums;text-align:right;font-size:12px;font-weight:600}.rule-fields[data-v-b239b09f]{grid-area:fields;grid-template-columns:minmax(0,1.15fr) auto minmax(0,1fr);align-items:center;gap:6px 8px;display:grid}.rule-arrow[data-v-b239b09f]{width:16px;height:16px;color:var(--text-faint)}.field[data-v-b239b09f]{border:1px solid var(--border);border-radius:var(--radius);background:var(--field-bg);align-items:center;min-width:0;height:36px;transition:border-color .12s,box-shadow .12s,opacity .12s;display:flex}.field[data-v-b239b09f]:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.has-error .pattern-field[data-v-b239b09f]{border-color:var(--danger)}.has-error .pattern-field[data-v-b239b09f]:focus-within{box-shadow:0 0 0 3px color-mix(in oklch, var(--danger) 22%, transparent)}.field-affix[data-v-b239b09f]{color:var(--text-faint);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;padding-left:10px;font-size:14px}.field-affix+.field-input[data-v-b239b09f]{padding-left:4px}.field-input+.field-affix[data-v-b239b09f]{padding-left:0}.field-input[data-v-b239b09f]{min-width:0;height:100%;font-family:var(--font-mono);background:0 0;border:0;outline:none;flex:1;padding:0 10px;font-size:14px}.field-input[data-v-b239b09f]::placeholder{color:var(--text-faint);font-family:var(--font-sans);font-size:13px}.pattern-field[data-v-b239b09f] .flags-button{border-radius:var(--radius-sm);min-width:28px;height:26px;color:var(--accent-text);font-family:var(--font-mono);background:0 0;border:0;flex-shrink:0;margin:0 4px 0 2px;padding:0 6px;font-size:13px;font-weight:600}.pattern-field[data-v-b239b09f] .flags-button:hover,.pattern-field[data-v-b239b09f] .flags-button[aria-expanded=true]{background:var(--accent-soft)}.flag-check[data-v-b239b09f]{border:1px solid var(--border-strong);color:#0000;border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:1px;display:grid}.flag-check.is-checked[data-v-b239b09f]{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.flag-check svg[data-v-b239b09f]{stroke-width:3px;width:13px;height:13px}.flag-code[data-v-b239b09f]{width:1.4em;color:var(--accent-text);font-weight:600;display:inline-block}.rule-error[data-v-b239b09f]{color:var(--danger);grid-column:1/-1;align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.5;display:flex}.rule-error svg[data-v-b239b09f]{flex-shrink:0;width:14px;height:14px;margin-top:2px}.rule-trail[data-v-b239b09f]{grid-area:trail;justify-content:flex-end;align-items:center;gap:2px;min-width:128px;height:36px;display:flex}.rule-trail .badge[data-v-b239b09f]{margin-right:6px}.is-disabled .field[data-v-b239b09f],.is-disabled .rule-arrow[data-v-b239b09f]{opacity:.5}@container rules (width<=720px){.rule[data-v-b239b09f]{grid-template-columns:auto 1fr;grid-template-areas:"lead trail""fields fields";padding:10px 10px 12px 4px}.rule-fields[data-v-b239b09f]{grid-template-columns:minmax(0,1fr);padding-left:8px}.rule-arrow[data-v-b239b09f]{display:none}.rule-lead[data-v-b239b09f],.rule-trail[data-v-b239b09f]{height:32px}}.rules-panel[data-v-27d9b357]{container:rules/inline-size}.rule-list[data-v-27d9b357]{margin:0;padding:4px 0;list-style:none}.rule-list>li[data-v-27d9b357]{position:relative}.rule-list>li+li[data-v-27d9b357]{border-top:1px solid var(--border)}.rule-list.is-dragging[data-v-27d9b357]{cursor:grabbing;-webkit-user-select:none;user-select:none}.is-drag-source[data-v-27d9b357]{opacity:.45}.drop-before[data-v-27d9b357]:before,.drop-after[data-v-27d9b357]:after{content:"";z-index:1;background:var(--accent);border-radius:2px;height:2px;position:absolute;left:12px;right:12px}.drop-before[data-v-27d9b357]:before{top:-1px}.drop-after[data-v-27d9b357]:after{bottom:-1px}.rule-move[data-v-27d9b357]{transition:transform .2s}.rule-enter-active[data-v-27d9b357]{transition:opacity .18s,transform .18s}.rule-enter-from[data-v-27d9b357]{opacity:0;transform:translateY(-4px)}.rules-footer[data-v-27d9b357]{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:8px 12px 10px;display:flex}.add-rule[data-v-27d9b357]{color:var(--accent-text)}.add-rule[data-v-27d9b357]:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-text)}.rules-hint[data-v-27d9b357]{color:var(--text-faint);font-size:12px}@container rules (width<=720px){.rules-hint[data-v-27d9b357]{display:none}}.toast-region[data-v-7e3351cf]{bottom:max(20px, env(safe-area-inset-bottom));z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;left:50%;translate:-50%}.toast[data-v-7e3351cf]{background:var(--toast-bg);min-height:42px;box-shadow:var(--shadow-lg);color:var(--toast-text);pointer-events:auto;border-radius:12px;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-size:13px;display:flex}.toast-icon[data-v-7e3351cf]{flex-shrink:0;width:16px;height:16px}.toast-success .toast-icon[data-v-7e3351cf]{color:oklch(78% .15 155)}.toast-error .toast-icon[data-v-7e3351cf]{color:oklch(74% .16 25)}.toast-message[data-v-7e3351cf]{padding-block:4px}.toast-action[data-v-7e3351cf]{height:30px;color:var(--toast-action);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:13px;font-weight:600}.toast-action[data-v-7e3351cf]:hover{background:oklch(100% 0 0/.08)}.toast-close[data-v-7e3351cf]{width:30px;height:30px;color:color-mix(in oklch, var(--toast-text) 60%, transparent);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.toast-close[data-v-7e3351cf]:hover{color:var(--toast-text);background:oklch(100% 0 0/.08)}.toast-close svg[data-v-7e3351cf]{width:15px;height:15px}.toast-enter-active[data-v-7e3351cf],.toast-leave-active[data-v-7e3351cf]{transition:opacity .2s,transform .2s}.toast-enter-from[data-v-7e3351cf],.toast-leave-to[data-v-7e3351cf]{opacity:0;transform:translateY(8px)scale(.97)}.main[data-v-316d9fe0]{gap:20px;padding-block:24px;display:grid}.editors[data-v-316d9fe0]{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width<=900px){.editors[data-v-316d9fe0]{grid-template-columns:minmax(0,1fr)}}.footer[data-v-316d9fe0]{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-block:8px 40px;font-size:12.5px;display:flex}.privacy[data-v-316d9fe0]{align-items:center;gap:6px;display:flex}.privacy svg[data-v-316d9fe0]{width:15px;height:15px;color:var(--success);flex-shrink:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(98.4% .004 265);--glow:oklch(93% .05 280/.7);--surface:oklch(100% 0 0);--surface-raised:oklch(100% 0 0);--surface-2:oklch(97.2% .005 265);--surface-hover:oklch(95.5% .007 265);--field-bg:oklch(98.6% .003 265);--border:oklch(91.5% .008 265);--border-strong:oklch(84% .012 265);--text:oklch(23% .02 265);--text-muted:oklch(50% .018 265);--text-faint:oklch(64% .014 265);--accent:oklch(54% .2 278);--accent-hover:oklch(49% .21 278);--accent-text:oklch(48% .2 278);--accent-soft:oklch(95% .03 278);--accent-contrast:oklch(100% 0 0);--ring:oklch(54% .2 278/.22);--danger:oklch(57% .2 25);--danger-soft:oklch(96% .025 25);--warning:oklch(58% .13 70);--warning-soft:oklch(96.5% .04 85);--success:oklch(56% .14 155);--toast-bg:oklch(25% .02 265);--toast-text:oklch(97% .005 265);--toast-action:oklch(80% .11 278);--shadow-sm:0 1px 2px oklch(20% .02 265/.05);--shadow-md:0 1px 2px oklch(20% .02 265/.04), 0 4px 16px oklch(20% .02 265/.06);--shadow-lg:0 2px 6px oklch(20% .02 265/.06), 0 16px 40px oklch(20% .02 265/.14);--radius-sm:6px;--radius:9px;--radius-lg:14px;--font-sans:system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, "BIZ UDGothic", "Noto Sans Mono CJK JP", monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(15.5% .012 270);--glow:oklch(30% .08 285/.45);--surface:oklch(19.5% .013 270);--surface-raised:oklch(22.5% .014 270);--surface-2:oklch(23% .014 270);--surface-hover:oklch(26.5% .016 270);--field-bg:oklch(17.5% .012 270);--border:oklch(29% .016 270);--border-strong:oklch(37% .018 270);--text:oklch(94% .006 270);--text-muted:oklch(70% .014 270);--text-faint:oklch(56% .014 270);--accent:oklch(68% .17 280);--accent-hover:oklch(73% .15 280);--accent-text:oklch(78% .13 280);--accent-soft:oklch(30% .07 280);--accent-contrast:oklch(16% .02 280);--ring:oklch(68% .17 280/.3);--danger:oklch(70% .17 25);--danger-soft:oklch(28% .07 25);--warning:oklch(80% .13 80);--warning-soft:oklch(28% .05 80);--success:oklch(74% .14 155);--toast-bg:oklch(30% .016 270);--toast-text:oklch(96% .005 270);--toast-action:oklch(80% .12 280);--shadow-sm:0 1px 2px oklch(0% 0 0/.3);--shadow-md:0 1px 2px oklch(0% 0 0/.3), 0 4px 16px oklch(0% 0 0/.25);--shadow-lg:0 2px 6px oklch(0% 0 0/.3), 0 16px 40px oklch(0% 0 0/.45)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(15.5% .012 270);--glow:oklch(30% .08 285/.45);--surface:oklch(19.5% .013 270);--surface-raised:oklch(22.5% .014 270);--surface-2:oklch(23% .014 270);--surface-hover:oklch(26.5% .016 270);--field-bg:oklch(17.5% .012 270);--border:oklch(29% .016 270);--border-strong:oklch(37% .018 270);--text:oklch(94% .006 270);--text-muted:oklch(70% .014 270);--text-faint:oklch(56% .014 270);--accent:oklch(68% .17 280);--accent-hover:oklch(73% .15 280);--accent-text:oklch(78% .13 280);--accent-soft:oklch(30% .07 280);--accent-contrast:oklch(16% .02 280);--ring:oklch(68% .17 280/.3);--danger:oklch(70% .17 25);--danger-soft:oklch(28% .07 25);--warning:oklch(80% .13 80);--warning-soft:oklch(28% .05 80);--success:oklch(74% .14 155);--toast-bg:oklch(30% .016 270);--toast-text:oklch(96% .005 270);--toast-action:oklch(80% .12 280);--shadow-sm:0 1px 2px oklch(0% 0 0/.3);--shadow-md:0 1px 2px oklch(0% 0 0/.3), 0 4px 16px oklch(0% 0 0/.25);--shadow-lg:0 2px 6px oklch(0% 0 0/.3), 0 16px 40px oklch(0% 0 0/.45)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:radial-gradient(1100px 420px at 50% -160px, var(--glow), transparent 70%) no-repeat, var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.6}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}code,kbd{font-family:var(--font-mono);font-size:.92em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:color-mix(in oklch, var(--accent) 28%, transparent)}.container{width:100%;max-width:1360px;margin-inline:auto;padding-inline:24px}@media (width<=640px){.container{padding-inline:16px}}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:32px;box-shadow:var(--shadow-sm);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;line-height:1;transition:background-color .12s,border-color .12s,color .12s,opacity .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:active:not(:disabled){translate:0 .5px}.btn:disabled{opacity:.45}.btn svg{flex-shrink:0;width:16px;height:16px}.btn-primary{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{box-shadow:none;color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--text)}.btn-danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.btn-sm{height:28px;padding:0 9px;font-size:12.5px}.btn-icon{width:32px;padding:0}.btn-sm.btn-icon{width:28px}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md)}.panel-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:52px;padding:10px 12px 10px 16px;display:flex}.panel-title{align-items:center;gap:8px;font-size:14px;font-weight:650;display:flex}.panel-title svg{width:16px;height:16px;color:var(--text-muted)}.panel-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12.5px}.panel-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.pane{flex-direction:column;min-width:0;transition:border-color .12s,box-shadow .12s;display:flex}.pane:has(.editor:focus){border-color:color-mix(in oklch, var(--accent) 60%, var(--border));box-shadow:var(--shadow-md), 0 0 0 3px var(--ring)}.pane-body{flex-direction:column;flex:1;min-height:0;display:flex}.editor{border-radius:0 0 var(--radius-lg) var(--radius-lg);width:100%;min-height:320px;font-family:var(--font-mono);tab-size:4;resize:vertical;background:0 0;border:0;outline:none;flex:1;margin:0;padding:14px 16px;font-size:13.5px;line-height:1.7}.editor::placeholder{color:var(--text-faint);font-family:var(--font-sans)}textarea.editor:not(.editor-output){field-sizing:content;max-height:70vh}.editor-output{resize:none;height:0}@media (width<=900px){.editor{min-height:200px}}@media (width<=640px){.panel-actions .label{display:none}}.switch{appearance:none;background:var(--border-strong);cursor:pointer;border-radius:999px;flex-shrink:0;width:30px;height:18px;margin:0;transition:background-color .15s;position:relative}.switch:before{content:"";background:oklch(100% 0 0);border-radius:50%;width:14px;height:14px;transition:translate .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px oklch(0% 0 0/.25)}.switch:checked{background:var(--accent)}.switch:checked:before{translate:12px}.badge{background:var(--surface-2);height:22px;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.badge svg{width:13px;height:13px}.badge-accent{background:var(--accent-soft);color:var(--accent-text)}.badge-danger{background:var(--danger-soft);color:var(--danger)}kbd{border:1px solid var(--border-strong);background:var(--surface);text-align:center;border-bottom-width:2px;border-radius:5px;min-width:1.6em;padding:0 5px;font-size:11px;line-height:1.6;display:inline-block}.menu{border:1px solid var(--border);background:var(--surface-raised);min-width:220px;max-width:calc(100vw - 16px);max-height:min(480px,100dvh - 80px);box-shadow:var(--shadow-lg);color:var(--text);opacity:1;transition:opacity .12s, transform .12s, display .12s allow-discrete, overlay .12s allow-discrete;border-radius:12px;margin:0;padding:6px;inset:auto;overflow:auto;transform:none}.menu:not(:popover-open){opacity:0;transform:translateY(-4px)}@starting-style{.menu:popover-open{opacity:0;transform:translateY(-4px)}}.menu-item{text-align:left;background:0 0;border:0;border-radius:7px;align-items:flex-start;gap:10px;width:100%;padding:7px 10px;font-size:13px;line-height:1.45;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-hover);outline:none}.menu-item:disabled{opacity:.4}.menu-item>svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;margin-top:1px}.menu-item-body{gap:1px;min-width:0;display:grid}.menu-item-description{color:var(--text-muted);font-size:12px}.menu-label{color:var(--text-faint);padding:6px 10px 4px;font-size:11.5px;font-weight:600}.menu-separator{background:var(--border);border:0;height:1px;margin:5px 4px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}