:root{--color-bg: #ffffff;--color-text: #213547;--color-primary: #3b82f6;--color-muted: #6b7280;--color-accent: #0078d4;--color-output-bg: #f9f9f9;--color-border: #ccc;--color-background-hover: #f0f0f0;--font-title: clamp(1.5rem, 1.2rem + 1vw, 2rem);--font-section: clamp(1.25rem, 1.1rem + .7vw, 1.75rem);--font-body: clamp(1rem, .9rem + .5vw, 1.125rem);--font-small: clamp(.875rem, .8rem + .3vw, 1rem);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark}html.dark-mode{--color-bg: #1a1a1a;--color-text: #f1f1f1;--color-primary: #60a5fa;--color-muted: #cbd5e1;--color-output-bg: #232323;--color-border: #444;--color-background-hover: #2e2e2e;color-scheme:dark}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-body)}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}input,select,textarea{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);padding:.5rem;font-size:1em;border-radius:8px}button{background:var(--color-background-hover);color:var(--color-text);border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:700;font-family:inherit;cursor:pointer;transition:border-color .25s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px var(--color-accent);outline:none;z-index:2}.nav-item{list-style:none;background:var(--color-background);color:var(--color-text);padding:16px;border-radius:4px;font-size:1.2rem;cursor:pointer}.nav-item:hover{background:var(--color-background-hover);border-radius:.75rem}.pattern-output-container{background-color:var(--color-output-bg);color:var(--color-text);border-radius:8px;border:1px solid var(--color-border);padding:1rem;margin-top:1.5rem}.markdown-body h1{font-size:2rem;margin:1.5rem 0 1rem}.markdown-body h2{font-size:1.5rem;margin:1.2rem 0 .8rem}.markdown-body h3{font-size:1.15rem;margin:1rem 0 .5rem}.markdown-body ul,.markdown-body ol{margin:.5em 0 1em 1.5em}.markdown-body li{margin-bottom:.3em}.markdown-body pre,.markdown-body code{background:#222;color:#f1f1f1;border-radius:4px;padding:2px 6px;font-size:.97em}.markdown-body hr{border:none;border-top:1px solid var(--color-muted);margin:1.5em 0}.markdown-body p{margin:.5em 0 1em}._container_1q6oj_1{padding:1rem;max-width:42rem;margin:0 auto;font-family:inherit;font-size:var(--font-body);color:var(--color-text);background-color:var(--color-bg)}._title_1q6oj_11{font-size:var(--font-title);font-weight:700;margin-bottom:1rem}._grid_1q6oj_17{display:grid;gap:1.5rem}._inputGroup_1q6oj_22{display:flex;flex-direction:column}._label_1q6oj_27{font-weight:600;margin-bottom:.5rem;font-size:var(--font-body)}._input_1q6oj_22,._textarea_1q6oj_34{border:1px solid var(--color-border);padding:.5rem;border-radius:.5rem;font-size:var(--font-body);background-color:var(--color-bg);color:var(--color-text)}._helperText_1q6oj_43{font-size:var(--font-small);color:var(--color-muted);margin-top:.25rem}._button_1q6oj_49{background-color:var(--color-primary);color:var(--color-bg);padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;font-size:var(--font-body)}._button_1q6oj_49:hover{filter:brightness(1.1)}._updatedHeader_1q6oj_63{font-size:var(--font-section);font-weight:600;margin-top:2rem}._updatedBox_1q6oj_69{border:1px solid var(--color-border);background:var(--color-output-bg);border-radius:.5rem;padding:1rem;margin-top:1rem;font-size:var(--font-body);line-height:1.6;color:var(--color-text)}._sectionTitle_1q6oj_80{font-weight:600;margin-top:1rem;font-size:var(--font-section)}._updatedLine_1q6oj_86{margin-top:.5rem;font-size:var(--font-body)}