:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-bg-base: #f7f7f7;--color-bg-surface: #ffffff;--color-bg-input: #ffffff;--color-text-main: #1f1f1f;--color-text-muted: #737373;--color-border: #e5e5e5;--color-primary: #1f1f1f;--color-primary-hover: #000000;--color-primary-active: #000000;--color-primary-light: #e5e5e5;--color-success: #1f1f1f;--color-error: #1f1f1f;--color-warning: #1f1f1f;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-2xl: 0}[data-theme=dark]{--color-bg-base: #121212;--color-bg-surface: #1a1a1a;--color-bg-input: #262626;--color-text-main: #f5f5f5;--color-text-muted: #a3a3a3;--color-border: #262626;--color-primary-light: #404040;--shadow-sm: none;--shadow-md: none;--shadow-lg: none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--color-text-main);background-color:var(--color-bg-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}body{min-height:100vh;display:flex;flex-direction:column}#root,.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:1024px;margin:0 auto;padding:var(--space-8) var(--space-4)}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}h1{font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:var(--space-4);color:var(--color-text-main)}h2{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:var(--space-4);margin-top:var(--space-8);color:var(--color-text-main)}p{margin-bottom:var(--space-4);color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;transition:all .2s ease}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-text-main)}.btn-secondary:hover{background-color:var(--color-bg-base)}.card{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.input-field{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-input);color:var(--color-text-main);font-family:var(--font-sans);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}textarea.input-field{resize:vertical;min-height:120px}@media (max-width: 768px){h1{font-size:1.875rem}.main-content{padding:var(--space-4)}.input-field{font-size:1.125rem}textarea.input-field{min-height:80px}}.language-switcher{display:flex;align-items:center;margin-right:var(--space-4)}.language-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:var(--space-2) var(--space-5) var(--space-2) var(--space-3);font-family:inherit;font-size:.875rem;border-radius:var(--radius-md);cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1em;outline:none;transition:all var(--transition-fast)}.language-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}.language-select option{background-color:var(--bg-color);color:var(--text-color)}.header{background-color:transparent;border-bottom:1px solid var(--color-border);position:relative;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-mono);font-weight:700;font-size:1rem;letter-spacing:.1em;color:var(--color-text-main)}.header-right{display:flex;align-items:center;gap:var(--space-4)}.location-text{font-size:.875rem;color:var(--color-text-muted);font-family:var(--font-sans)}.theme-toggle{color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);transition:color .2s ease}.theme-toggle:hover{color:var(--color-text-main)}.theme-toggle-text{display:none}.mobile-menu-toggle{display:none;color:var(--color-text-main);padding:var(--space-2);cursor:pointer}@media (max-width: 768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.header-right{position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;gap:0;padding:0;display:none;box-shadow:var(--shadow-md)}.header-right.is-open{display:flex}.location-text{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);text-align:center}.theme-toggle{padding:var(--space-4) var(--space-6);justify-content:center;width:100%}.theme-toggle-text{display:inline-block;font-family:var(--font-sans);font-size:1rem}.header-right>div{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-6);display:flex;justify-content:center}}.footer{background-color:transparent;padding:var(--space-12) 0 var(--space-16) 0;text-align:center}.footer-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.footer-brand{font-family:var(--font-mono);font-size:.875rem;letter-spacing:.15em;font-weight:700;color:var(--color-text-main);margin-bottom:var(--space-2)}.footer-tagline{font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-muted)}.footer-copyright{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-8)}.app-container{background-image:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.03) 1px,transparent 1px);background-size:40px 40px;background-position:center top}[data-theme=dark] .app-container{background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px)}.homepage{max-width:1000px;margin:0 auto;padding:0 var(--space-6);text-align:center}.section-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-20) 0}.section-heading{font-family:var(--font-mono);font-size:.875rem;letter-spacing:.15em;color:var(--color-text-muted);font-weight:500;margin-bottom:var(--space-8);margin-top:0}.section-paragraph{max-width:680px;margin:0 auto;font-size:1.125rem;line-height:1.7;color:var(--color-text-main);font-weight:400}.hero-section{padding:var(--space-24) 0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.hero-mark{font-family:var(--font-mono);font-size:.875rem;letter-spacing:.2em;color:var(--color-text-muted);margin-bottom:var(--space-8)}.hero-headline{font-family:var(--font-mono);font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.4;letter-spacing:.05em;color:var(--color-text-main);margin-bottom:var(--space-8);font-weight:700}.hero-subtext{font-family:var(--font-sans);font-size:1rem;color:var(--color-text-muted);max-width:600px;margin:0 auto;letter-spacing:.02em}.about-section,.platform-section{padding:var(--space-8) 0}.platform-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);margin-top:var(--space-12)}.platform-col{text-align:center}.platform-col h3{font-family:var(--font-mono);font-size:.875rem;letter-spacing:.1em;color:var(--color-text-main);margin-bottom:var(--space-4)}.platform-col p{font-size:.9375rem;color:var(--color-text-muted);line-height:1.6;max-width:250px;margin:0 auto}.mission-section{padding:var(--space-8) 0}@media (min-width: 768px){.platform-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.text-tools-page{max-width:1000px;margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-20) var(--space-6)}.page-header{text-align:center}.page-heading{font-family:var(--font-mono);font-size:1.5rem;letter-spacing:.1em;color:var(--color-text-main);margin-bottom:var(--space-4)}.page-subtitle{font-size:1.125rem;color:var(--color-text-muted);max-width:600px;margin:0 auto;line-height:1.6}.tools-grid-full{display:grid;grid-template-columns:1fr;gap:var(--space-0);border:1px solid var(--color-border);background-color:transparent}.tool-card-minimal{display:flex;flex-direction:column;padding:var(--space-6);border-bottom:1px solid var(--color-border);background-color:transparent;color:inherit;text-decoration:none;transition:background-color .2s ease}.tool-card-minimal:last-child{border-bottom:none}.tool-card-minimal:hover{background-color:var(--color-bg-surface)}.tool-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.tool-title{font-family:var(--font-mono);font-size:.875rem;font-weight:600;letter-spacing:.05em;color:var(--color-text-main)}.tool-icon-minimal{color:var(--color-text-muted);display:flex;align-items:center;justify-content:center}.tool-desc{font-size:.9375rem;color:var(--color-text-muted);margin:0;line-height:1.5}.seo-content-minimal{text-align:center;padding:var(--space-4) 0}@media (min-width: 768px){.tools-grid-full{grid-template-columns:repeat(2,1fr)}.tool-card-minimal:nth-child(odd){border-right:1px solid var(--color-border)}.tool-card-minimal:nth-last-child(-n+2):nth-child(odd),.tool-card-minimal:last-child{border-bottom:none}.tools-grid-full:nth-last-child(1) .tool-card-minimal:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--color-border)}}.tool-page{max-width:1000px;margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-20) var(--space-6)}.tool-interface-minimal{margin-bottom:var(--space-12)}.stats-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:var(--space-6);border:1px solid var(--color-border);background-color:transparent}.stat-card{background-color:transparent;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-2);text-align:center;display:flex;flex-direction:column;justify-content:center}.stat-card:nth-child(3n){border-right:none}.stat-card:nth-last-child(-n+3){border-bottom:none}.stat-label{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:var(--space-1)}.stat-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:var(--color-text-main);line-height:1}.text-sm{font-size:1.125rem}.stat-sub{font-family:var(--font-sans);font-size:.6875rem;color:var(--color-text-muted);margin-top:var(--space-1)}.action-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.action-btn{font-size:.875rem}.main-textarea{min-height:300px;font-size:1.125rem;margin-bottom:var(--space-4);resize:vertical}.utility-actions{justify-content:flex-end;margin-bottom:0}.icon-btn{gap:var(--space-2)}.content-container{max-width:800px;margin:0 auto}.content-container h2{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);margin-top:var(--space-10)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin:var(--space-6) 0}.feature-item{background-color:var(--color-bg-surface);border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-lg)}.feature-item h3{font-size:1.125rem;margin-bottom:var(--space-2)}.feature-item p{margin:0;font-size:.9375rem}.faq-section{margin-top:var(--space-12)}.faq-item{margin-bottom:var(--space-6)}.faq-item h3{font-size:1.125rem;margin-bottom:var(--space-2)}.trust-section{text-align:center;background-color:var(--color-bg-base);border-radius:var(--radius-lg);padding:var(--space-8);margin-top:var(--space-12);border:1px solid var(--color-border)}.trust-section svg{color:var(--color-success);margin-bottom:var(--space-4)}@media (min-width: 768px){.stats-panel{grid-template-columns:repeat(6,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}}.options-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);padding:var(--space-4) 0;background-color:transparent;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-primary);cursor:pointer}.split-view{display:flex;flex-direction:column;gap:var(--space-4)}.split-panel{flex:1;display:flex;flex-direction:column}.split-divider{display:flex;align-items:center;justify-content:center;padding:var(--space-2)}.text-muted{color:var(--color-text-muted)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.panel-header h3{font-size:1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:var(--space-2)}.removed-badge{background-color:var(--color-error);color:#fff;font-size:.75rem;padding:2px var(--space-2);border-radius:9999px;font-weight:500}.panel-actions{display:flex;gap:var(--space-2)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:.75rem;border-radius:0}.split-textarea{flex:1;min-height:400px;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;white-space:pre;overflow-wrap:normal;overflow-x:auto}.output-textarea{background-color:var(--color-bg-base)}@media (min-width: 768px){.split-view{flex-direction:row}.split-divider{flex-direction:column}}.status-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:transparent;border:1px solid var(--color-border);margin-bottom:var(--space-4);font-size:.875rem;font-family:var(--font-mono);font-weight:500;transition:all .2s ease}.status-error{background-color:transparent;border-color:var(--color-error);color:var(--color-error)}.status-success{background-color:transparent;border-color:var(--color-success);color:var(--color-success)}.json-actions{display:flex;justify-content:space-between;background-color:transparent;padding:var(--space-2);border:1px solid var(--color-border);border-bottom:none;margin-bottom:0}.action-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.json-editor-container{position:relative}.json-textarea{min-height:500px;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;white-space:pre;overflow-wrap:normal;overflow-x:auto;border-radius:0;background-color:transparent;border:1px solid var(--color-border)}.json-textarea.has-error{border-color:var(--color-error)}.json-textarea.has-error:focus{box-shadow:none}.mode-toggle-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);background-color:transparent;padding:0;border-bottom:1px solid var(--color-border)}.mode-tabs{display:flex;gap:0}.mode-tab{padding:var(--space-3) var(--space-6);border-radius:0;font-family:var(--font-mono);font-weight:500;font-size:.875rem;color:var(--color-text-muted);background-color:transparent;border:none;border-bottom:2px solid transparent;transition:all .2s ease}.mode-tab:hover{color:var(--color-text-main);background-color:transparent}.mode-tab.active{background-color:transparent;color:var(--color-text-main);border-bottom:2px solid var(--color-primary)}.io-container{display:flex;flex-direction:column;gap:var(--space-4)}.io-panel{display:flex;flex-direction:column;flex:1}.io-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.io-header h3{font-size:1rem;font-weight:600;margin:0}.io-actions{display:flex;gap:var(--space-2)}.io-textarea{min-height:250px;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;border-radius:0}.io-textarea.output-textarea{background-color:transparent}.io-textarea.has-error{color:var(--color-error);border-color:var(--color-error)}@media (min-width: 768px){.io-container{flex-direction:row}}.slug-tool{max-width:800px}.slug-interface{padding:var(--space-8);display:flex;flex-direction:column;align-items:center}.input-block{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.block-label{font-weight:600;color:var(--color-text-main);font-size:1.125rem}.slug-textarea{min-height:100px;font-size:1.25rem;padding:var(--space-4)}.down-arrow{font-size:2rem;color:var(--color-text-muted);margin:var(--space-4) 0}.slug-result-container{display:flex;align-items:stretch;background-color:transparent;border:1px solid var(--color-border);border-radius:0;overflow:hidden;box-shadow:none}.slug-prefix{padding:var(--space-4);color:var(--color-text-muted);background-color:transparent;border-right:1px solid var(--color-border);font-weight:500;font-family:var(--font-mono);display:flex;align-items:center}.slug-result{flex:1;border:none;background:transparent;font-size:1.125rem;padding:var(--space-4);font-weight:600;font-family:var(--font-mono);color:var(--color-text-main)}.slug-result:focus{outline:none;box-shadow:none}.slug-actions{display:flex;gap:var(--space-4);margin-top:var(--space-8);width:100%}.slug-actions .action-btn{flex:1;padding:var(--space-3);font-size:1.125rem;display:flex;justify-content:center}.btn-icon{margin-right:var(--space-2)}.tool-article ul{padding-left:var(--space-6);color:var(--color-text-muted);margin-bottom:var(--space-4)}.tool-article li{margin-bottom:var(--space-2)}.tool-article li strong{color:var(--color-text-main)}.lorem-tool{max-width:800px}.lorem-interface{padding:var(--space-6)}.lorem-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4);background-color:transparent;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.control-group{display:flex;flex-direction:column;gap:var(--space-1)}.control-label{font-size:.875rem;font-weight:600;color:var(--color-text-main)}.num-input{width:100px;border-radius:0}.select-input{width:150px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2364748b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem top 50%;background-size:.65rem auto}.generate-btn{margin-left:auto;padding:var(--space-3) var(--space-6);border-radius:0}.lorem-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.lorem-header h3{font-size:1.125rem;font-weight:600;margin:0}.lorem-textarea{min-height:400px;background-color:transparent;font-size:1rem;line-height:1.6;border-radius:0}@media (max-width: 768px){.control-group,.num-input,.select-input{width:100%}.generate-btn{width:100%;margin-left:0}}.diff-tool{max-width:1024px}.diff-inputs{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.diff-panel{flex:1;display:flex;flex-direction:column}.diff-header{margin-bottom:var(--space-2)}.diff-header h3{font-size:1rem;font-weight:600;margin:0}.diff-textarea{min-height:250px;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;white-space:pre;border-radius:0}.diff-controls{display:flex;justify-content:flex-end;gap:var(--space-4);padding:var(--space-4) 0;background-color:transparent;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.diff-result-section{padding-top:var(--space-4)}.diff-legend{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);font-size:.875rem}.legend-item{padding:var(--space-1) var(--space-3);border-radius:0;font-weight:500}.added-legend{background-color:transparent;border:1px solid var(--color-success);color:var(--color-success)}.removed-legend{background-color:transparent;border:1px solid var(--color-error);color:var(--color-error)}.diff-output{min-height:200px;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;background-color:transparent;border:1px solid var(--color-border);border-radius:0;overflow-x:auto;white-space:pre;padding:var(--space-4) 0}.diff-line{display:flex;padding:0 var(--space-4)}.diff-indicator{width:20px;flex-shrink:0;-webkit-user-select:none;user-select:none;font-weight:700}.diff-added{background-color:#10b9811a;color:var(--color-success)}.diff-removed{background-color:#ef44441a;color:var(--color-error)}.diff-unchanged{color:var(--color-text-muted)}@media (min-width: 768px){.diff-inputs{flex-direction:row}}.regex-tool{max-width:1024px}.regex-interface{padding:var(--space-6)}.regex-input-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);background-color:transparent;border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:0;font-family:var(--font-mono)}.regex-slash{font-size:1.25rem;color:var(--color-text-main);font-weight:700;-webkit-user-select:none;user-select:none}.regex-pattern{flex:1;border:none;background:transparent;padding:var(--space-2);font-size:1.125rem;font-weight:500;font-family:var(--font-mono);color:var(--color-text-main);min-width:0}.regex-pattern:focus,.regex-flags:focus{outline:none;box-shadow:none}.regex-flags{width:60px;border:none;background:transparent;padding:var(--space-2);font-size:1.125rem;font-weight:500;font-family:var(--font-mono);color:var(--color-text-muted)}.regex-flag-toggles{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap}.flag-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background-color:transparent;border-radius:0;font-size:.875rem;font-weight:500;font-family:var(--font-mono);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.flag-btn:hover,.flag-btn.active{background-color:transparent;color:var(--color-text-main);border-color:var(--color-text-main)}.test-string-container{margin-top:var(--space-6)}.test-header{margin-bottom:var(--space-2)}.test-header h3{font-size:1.125rem;margin:0}.test-area-wrapper{position:relative;width:100%;min-height:200px;background-color:transparent;border:1px solid var(--color-border);border-radius:0;overflow:hidden}.test-textarea,.test-highlights{width:100%;min-height:200px;padding:var(--space-4);font-family:var(--font-mono);font-size:1rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.test-textarea{position:absolute;top:0;left:0;height:100%;resize:vertical;background:transparent;color:transparent;caret-color:var(--color-text-main);z-index:2;border:none}.test-textarea:focus{outline:none;box-shadow:none}.test-highlights{position:absolute;top:0;left:0;height:100%;padding-bottom:40px;z-index:1;color:var(--color-text-main);pointer-events:none}.regex-match{background-color:transparent;border-radius:0;color:inherit;box-shadow:0 0 0 1px var(--color-text-muted)}.mt-4{margin-top:var(--space-4)}.match-groups-container{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.groups-list{display:flex;flex-direction:column;gap:var(--space-4)}.group-item{background-color:transparent;padding:var(--space-4);border-radius:0;border:1px solid var(--color-border)}.group-item ul{margin-top:var(--space-2);padding-left:var(--space-6)}.group-item li{margin-top:var(--space-1)}.group-item code{background-color:transparent;padding:2px 4px;border-radius:0;font-family:var(--font-mono)}