@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.flex-shrink,.shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.translate-none{translate:none}.scale-none{scale:none}.rotate-none{rotate:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-none{transform:none}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\(--brand-color\){background-color:var(--brand-color)}.bg-\[--brand-color\]{background-color:--brand-color}.bg-red-500\!{background-color:var(--color-red-500)!important}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--color-primary:#171717;--color-on-primary:#fff;--color-ink:#171717;--color-body:#4d4d4d;--color-mute:#8f8f8f;--color-faint:#a1a1a1;--color-canvas:#fafafa;--color-canvas-elevated:#fff;--color-hairline:#ebebeb;--color-hairline-soft:#f2f2f2;--color-link:#0070f3;--color-link-deep:#0761d1;--color-link-soft:#d3e5ff;--color-violet:#7928ca;--color-violet-soft:#d8ccf1;--color-cyan:#50e3c2;--color-cyan-soft:#aaffec;--color-pink:#ff0080;--color-magenta:#eb367f;--color-error:#e00;--color-error-deep:#c50000;--color-error-soft:#fff0f0;--color-warning:#f5a623;--color-warning-soft:#ffefcf;--color-warning-deep:#ab570a;--color-success:#0070f3;--gradient-develop-start:#007cf0;--gradient-develop-end:#00dfd8;--gradient-preview-start:#7928ca;--gradient-preview-end:#ff0080;--gradient-ship-start:#ff4d4d;--gradient-ship-end:#f9cb28;--match-color-0:#0070f326;--match-color-1:#7928ca26;--match-color-2:#ff008026;--match-color-3:#50e3c233;--match-color-4:#f5a62333;--match-color-5:#eb367f26;--match-border-0:#0070f380;--match-border-1:#7928ca80;--match-border-2:#ff008080;--match-border-3:#50e3c299;--match-border-4:#f5a62399;--match-border-5:#eb367f80;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:64px;--space-4xl:96px;--space-section:128px;--radius-none:0px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-pill:100px;--radius-full:9999px;--shadow-whisper:0px 1px 1px #0000000a;--shadow-float:0px 2px 2px #0000000a, 0px 8px 16px -4px #00000014;--font-sans:"Geist", Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=dark]{--color-ink:#ededed;--color-body:#a1a1a1;--color-mute:#666;--color-faint:#444;--color-canvas:#111;--color-canvas-elevated:#1a1a1a;--color-hairline:#2e2e2e;--color-hairline-soft:#222;--color-primary:#ededed;--color-on-primary:#111;--match-color-0:#0070f340;--match-color-1:#7928ca40;--match-color-2:#ff008040;--match-color-3:#50e3c233;--match-color-4:#f5a62333;--match-color-5:#eb367f40;--color-error-soft:#2a1010;--shadow-whisper:0px 1px 1px #0000004d;--shadow-float:0px 2px 2px #0000004d, 0px 8px 16px -4px #00000080}.logo-mark{display:block}[data-theme=dark] .logo-mark{filter:invert()}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);background-color:var(--color-canvas);color:var(--color-ink);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s,color .2s}body{background-color:var(--color-canvas);min-height:100vh;color:var(--color-ink);margin:0}.text-display-xl{font-family:var(--font-sans);letter-spacing:-2.4px;font-size:clamp(32px,5vw,48px);font-weight:600;line-height:1}.text-heading-lg{font-family:var(--font-sans);letter-spacing:-1.28px;font-size:32px;font-weight:600;line-height:40px}.text-heading-md{font-family:var(--font-sans);letter-spacing:-.4px;font-size:20px;font-weight:600;line-height:28px}.text-body-lg{font-size:16px;font-weight:400;line-height:24px}.text-body-md{font-size:14px;font-weight:400;line-height:20px}.text-body-sm{font-size:12px;font-weight:400;line-height:16px}.text-label-sm{letter-spacing:-.28px;font-size:14px;font-weight:500;line-height:20px}.text-mono-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px}.text-code{font-family:var(--font-mono);font-size:14px;font-weight:400;line-height:20px}.text-ink{color:var(--color-ink)}.text-body{color:var(--color-body)}.text-mute{color:var(--color-mute)}.text-faint{color:var(--color-faint)}.text-link{color:var(--color-link)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;outline:none;height:36px;text-decoration:none;transition:opacity .15s,background-color .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-sans);border-radius:var(--radius-pill);padding:0 14px;font-size:14px;font-weight:500}.btn-primary:hover{opacity:.85}.btn-secondary{background-color:var(--color-canvas-elevated);color:var(--color-ink);font-family:var(--font-sans);border-radius:var(--radius-pill);border:1px solid var(--color-hairline);padding:0 14px;font-size:14px;font-weight:500}.btn-secondary:hover{background-color:var(--color-hairline-soft)}.btn-sm{background-color:var(--color-canvas-elevated);color:var(--color-ink);font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid var(--color-hairline);height:30px;padding:0 10px;font-size:13px;font-weight:500}.btn-sm:hover{background-color:var(--color-hairline-soft)}.btn-sm-primary{background-color:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid #0000;height:30px;padding:0 10px;font-size:13px;font-weight:500}.btn-sm-primary:hover{opacity:.85}.btn-icon{border-radius:var(--radius-full);background-color:var(--color-canvas-elevated);width:36px;height:36px;color:var(--color-ink);border:1px solid var(--color-hairline);padding:0;transition:background-color .15s}.btn-icon:hover{background-color:var(--color-hairline-soft)}.flag-pill{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background-color:var(--color-canvas-elevated);min-width:26px;height:26px;color:var(--color-mute);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.flag-pill:hover{border-color:var(--color-body);color:var(--color-body)}.flag-pill.active{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.card{background-color:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-lg)}.panel{background-color:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-md);overflow:hidden}.panel-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-hairline);background-color:var(--color-canvas);justify-content:space-between;align-items:center;min-height:40px;display:flex}.panel-body{padding:var(--space-md)}.input{background-color:var(--color-canvas-elevated);width:100%;color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-family:var(--font-sans);outline:none;font-size:14px;line-height:20px;transition:border-color .15s}.input:focus{border-color:var(--color-ink)}.input.error{border-color:var(--color-error);background-color:var(--color-error-soft)}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238f8f8f' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.regex-input-wrapper{background-color:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.regex-input-wrapper:focus-within{border-color:var(--color-ink)}.regex-input-wrapper.error{border-color:var(--color-error);background-color:var(--color-error-soft)}.regex-delimiter{color:var(--color-mute);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 8px;font-size:18px;line-height:1}.regex-input{color:var(--color-ink);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 4px;font-size:15px;line-height:1.5}.test-string-area{background-color:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);position:relative;overflow:hidden}.test-string-display{font-family:var(--font-mono);padding:var(--space-sm);pointer-events:none;white-space:pre-wrap;word-break:break-word;color:#0000;font-size:14px;line-height:1.6;position:absolute;inset:0;overflow:auto}.test-string-textarea{width:100%;height:100%;min-height:180px;color:var(--color-ink);font-family:var(--font-mono);padding:var(--space-sm);resize:vertical;caret-color:var(--color-ink);background:0 0;border:none;outline:none;font-size:14px;line-height:1.6;position:relative}.match-highlight{border-radius:2px;transition:background-color .1s}.match-0{background-color:var(--match-color-0);outline:1px solid var(--match-border-0);outline-offset:0}.match-1{background-color:var(--match-color-1);outline:1px solid var(--match-border-1);outline-offset:0}.match-2{background-color:var(--match-color-2);outline:1px solid var(--match-border-2);outline-offset:0}.match-3{background-color:var(--match-color-3);outline:1px solid var(--match-border-3);outline-offset:0}.match-4{background-color:var(--match-color-4);outline:1px solid var(--match-border-4);outline-offset:0}.match-5{background-color:var(--match-color-5);outline:1px solid var(--match-border-5);outline-offset:0}.container{max-width:1280px;padding:0 var(--space-lg);margin:0 auto}@media (width<=640px){.container{padding:0 var(--space-md)}}.tabs{border-bottom:1px solid var(--color-hairline);background-color:var(--color-canvas);padding:0 var(--space-md);gap:2px;display:flex}.tab-btn{align-items:center;gap:var(--space-xs);font-family:var(--font-sans);color:var(--color-mute);padding:var(--space-sm) var(--space-sm);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.tab-btn:hover{color:var(--color-body)}.tab-btn.active{color:var(--color-ink);border-bottom-color:var(--color-ink)}.tab-content{display:none}.tab-content.active{display:block}.badge{font-family:var(--font-mono);border-radius:var(--radius-full);background-color:var(--color-primary);min-width:18px;height:18px;color:var(--color-on-primary);justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:500;display:inline-flex}.badge-mute{background-color:var(--color-hairline);color:var(--color-body)}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip{background-color:var(--color-ink);color:var(--color-on-primary);font-size:12px;font-family:var(--font-sans);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;z-index:100;padding:4px 8px;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip{opacity:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-hairline);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-mute)}.modal-overlay{z-index:200;padding:var(--space-md);opacity:0;pointer-events:none;background-color:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background-color:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);flex-direction:column;width:100%;max-width:640px;max-height:80vh;transition:transform .2s;display:flex;overflow:hidden;transform:translateY(8px)}.modal-overlay.open .modal{transform:translateY(0)}.modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-hairline);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-lg);flex:1;overflow-y:auto}.cheatsheet-overlay{z-index:150;opacity:0;pointer-events:none;background-color:#0000004d;transition:opacity .2s;position:fixed;inset:0}.cheatsheet-overlay.open{opacity:1;pointer-events:all}.cheatsheet-panel{background-color:var(--color-canvas-elevated);border-left:1px solid var(--color-hairline);z-index:151;width:380px;max-width:100vw;box-shadow:var(--shadow-float);flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.cheatsheet-overlay.open .cheatsheet-panel{transform:translate(0)}.cheatsheet-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-hairline);background-color:var(--color-canvas);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.cheatsheet-search{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-hairline);flex-shrink:0}.cheatsheet-body{padding:var(--space-sm) 0;flex:1;overflow-y:auto}.cheatsheet-category{padding:var(--space-xs) var(--space-md)}.cheatsheet-category-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-mute);padding:var(--space-sm) 0 var(--space-xs);font-size:10px;font-weight:500}.cheatsheet-item{align-items:flex-start;gap:var(--space-sm);padding:6px var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .1s;display:flex}.cheatsheet-item:hover{background-color:var(--color-hairline-soft)}.cheatsheet-token{font-family:var(--font-mono);color:var(--color-link);flex-shrink:0;min-width:80px;font-size:13px;font-weight:500;line-height:20px}.cheatsheet-desc{color:var(--color-body);font-size:13px;line-height:20px}.match-item{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);overflow:hidden}.match-item-header{padding:6px var(--space-sm);background-color:var(--color-canvas);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-sm);font-size:13px;display:flex}.match-item-body{padding:var(--space-sm);border-top:1px solid var(--color-hairline);display:none}.match-item-body.open{display:block}.match-string{font-family:var(--font-mono);background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:4px var(--space-xs);word-break:break-all;color:var(--color-link);margin-bottom:var(--space-xs);font-size:13px}.group-row{align-items:center;gap:var(--space-sm);padding:3px 0;font-size:12px;display:flex}.group-label{color:var(--color-mute);min-width:80px;font-family:var(--font-mono);flex-shrink:0}.group-value{font-family:var(--font-mono);color:var(--color-ink);background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:3px;padding:1px 5px}.explain-token{align-items:flex-start;gap:var(--space-sm);border-bottom:1px solid var(--color-hairline-soft);padding:4px 0;font-size:13px;display:flex}.explain-token:last-child{border-bottom:none}.explain-char{font-family:var(--font-mono);color:var(--color-link);background-color:var(--color-link-soft);text-align:center;border-radius:3px;flex-shrink:0;min-width:60px;padding:1px 5px;font-size:13px}.explain-desc{color:var(--color-body);line-height:1.5}.code-block{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);color:var(--color-ink);white-space:pre;font-size:13px;line-height:1.6;position:relative;overflow-x:auto}.status-bar{align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);background-color:var(--color-canvas);border-top:1px solid var(--color-hairline);color:var(--color-mute);font-size:12px;font-family:var(--font-mono);flex-wrap:wrap;display:flex}.status-item{align-items:center;gap:5px;display:flex}.status-dot{background-color:var(--color-success);border-radius:50%;width:6px;height:6px}.status-dot.error{background-color:var(--color-error)}.status-dot.warning{background-color:var(--color-warning)}.mobile-tab-nav{background-color:var(--color-canvas-elevated);border-top:1px solid var(--color-hairline);z-index:100;padding-top:4px;padding-bottom:max(6px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);display:none;position:fixed;bottom:0;left:0;right:0}.mobile-tab-nav-inner{justify-content:space-around;align-items:center;max-width:500px;margin:0 auto;display:flex}.mobile-tab-item{cursor:pointer;min-width:52px;min-height:44px;font-size:11px;font-family:var(--font-sans);color:var(--color-mute);text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 8px;font-weight:500;transition:color .15s,transform .1s;display:flex;position:relative}.mobile-tab-item:active{transform:scale(.95)}.mobile-tab-item.active{color:var(--color-ink);font-weight:600}.mobile-tab-item svg{flex-shrink:0}@media (width<=768px){.mobile-tab-nav{display:block}.desktop-only{display:none!important}body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.copy-toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.flag-pill{min-width:32px;height:32px;padding:0 10px;font-size:13px}.mode-tab{height:32px;padding:0 12px;font-size:13px}.btn-sm{height:34px;padding:0 12px;font-size:13px}.btn-icon{width:38px;height:38px}.input,.select,.regex-input,.test-string-textarea,.test-string-display{font-size:16px!important}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;width:100%;max-width:100%;max-height:88vh}.modal-header{padding:var(--space-sm) var(--space-md)}.modal-body{padding:var(--space-md);padding-bottom:max(var(--space-md), env(safe-area-inset-bottom,0px))}}@media (width>=769px){.mobile-only{display:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 #0070f366}70%{box-shadow:0 0 0 6px #0070f300}to{box-shadow:0 0 #0070f300}}.fade-in{animation:.2s forwards fadeIn}.hero-gradient{pointer-events:none;background:radial-gradient(60% 50% at 50% 0,#007cf00f 0%,#7928ca0a 40%,#0000 70%);position:absolute;inset:0}[data-theme=dark] .hero-gradient{background:radial-gradient(60% 50% at 50% 0,#007cf01f 0%,#7928ca14 40%,#0000 70%)}.replace-output{font-family:var(--font-mono);padding:var(--space-sm);background-color:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;min-height:80px;color:var(--color-ink);font-size:14px;line-height:1.6}.replace-added{background-color:#00c85326}.replace-removed{color:var(--color-error);background-color:#ee00001a;text-decoration:line-through}.copy-toast{background-color:var(--color-ink);color:var(--color-on-primary);border-radius:var(--radius-pill);z-index:999;opacity:0;pointer-events:none;white-space:nowrap;padding:8px 16px;font-size:13px;transition:all .2s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(8px)}.copy-toast.show{opacity:1;transform:translate(-50%)translateY(0)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.site-header[data-astro-cid-nen7h5rs]{z-index:50;background-color:var(--color-canvas);border-bottom:1px solid var(--color-hairline);-webkit-backdrop-filter:blur(8px);position:sticky;top:0}.header-inner[data-astro-cid-nen7h5rs]{justify-content:space-between;align-items:center;gap:var(--space-md);height:56px;display:flex}.logo[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-xs);color:var(--color-ink);flex-shrink:0;text-decoration:none;display:flex}.logo-text[data-astro-cid-nen7h5rs]{letter-spacing:-.3px;color:var(--color-ink);font-size:15px;font-weight:600}@media (width<=480px){.logo-text[data-astro-cid-nen7h5rs]{letter-spacing:-.2px;font-size:14px}}.nav-links[data-astro-cid-nen7h5rs]{align-items:center;gap:4px;display:flex}.nav-link[data-astro-cid-nen7h5rs]{color:var(--color-body);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);cursor:pointer;font-size:14px;font-weight:400;font-family:var(--font-sans);background:0 0;border:none;align-items:center;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.nav-link[data-astro-cid-nen7h5rs]:hover{color:var(--color-ink);background-color:var(--color-hairline-soft)}.nav-link-btn[data-astro-cid-nen7h5rs]{font-family:inherit}.header-actions[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.mobile-menu[data-astro-cid-nen7h5rs]{border-top:1px solid var(--color-hairline);background-color:var(--color-canvas-elevated);padding:var(--space-sm) 0}.mobile-nav[data-astro-cid-nen7h5rs]{padding:0 var(--space-md);flex-direction:column;display:flex}.mobile-nav-link[data-astro-cid-nen7h5rs]{text-align:left;width:100%;color:var(--color-body);padding:var(--space-sm) var(--space-xs);border-bottom:1px solid var(--color-hairline-soft);cursor:pointer;font-size:15px;font-weight:400;font-family:var(--font-sans);background:0 0;border-top:none;border-left:none;border-right:none;text-decoration:none;transition:color .15s;display:block}.mobile-nav-link[data-astro-cid-nen7h5rs]:last-child{border-bottom:none}.mobile-nav-link[data-astro-cid-nen7h5rs]:hover{color:var(--color-ink)}.mobile-nav-btn[data-astro-cid-nen7h5rs]{border-bottom:1px solid var(--color-hairline-soft)}.site-footer[data-astro-cid-jo6i4kqk]{background-color:var(--color-canvas);border-top:1px solid var(--color-hairline);padding:var(--space-xl) 0;margin-top:var(--space-3xl)}.footer-inner[data-astro-cid-jo6i4kqk]{align-items:center;gap:var(--space-md);flex-wrap:wrap;justify-content:space-between;display:flex}.footer-brand[data-astro-cid-jo6i4kqk]{align-items:center;gap:var(--space-xs);color:var(--color-ink);display:flex}.footer-brand-name[data-astro-cid-jo6i4kqk]{color:var(--color-ink);letter-spacing:-.2px;font-size:14px;font-weight:600}.footer-links[data-astro-cid-jo6i4kqk]{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.footer-link[data-astro-cid-jo6i4kqk]{color:var(--color-mute);cursor:pointer;font-size:13px;font-family:var(--font-sans);background:0 0;border:none;padding:0;text-decoration:none;transition:color .15s}.footer-link[data-astro-cid-jo6i4kqk]:hover{color:var(--color-body)}.footer-sep[data-astro-cid-jo6i4kqk]{color:var(--color-faint);font-size:13px}.footer-copy[data-astro-cid-jo6i4kqk]{color:var(--color-faint);margin:0;font-size:12px}@media (width<=640px){.footer-inner[data-astro-cid-jo6i4kqk]{align-items:flex-start;gap:var(--space-sm);flex-direction:column}}