@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#132033;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f4f8ff;--panel:#fff;--panel-alt:#f7faff;--sidebar:#f8fbff;--sidebar-brand:#fff;--sidebar-brand-dark:#eef4ff;--sidebar-border:#d7e3f7;--text:#132033;--muted:#5b6c86;--muted-soft:#8795ab;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#2563eb1f;--accent-tertiary:#2563eb;--accent-tertiary-soft:#2563eb2e;--danger:#db3a34;--danger-soft:#fff1f0;--shadow:0 16px 40px #2563eb14;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--sidebar-width:320px;--surface-strong:#edf3ff;--surface-subtle:#f8fbff;--surface-output:#f3f7ff;--surface-hover:#eef4ff;--surface-border-soft:#dbe7fb;--surface-border-strong:#d7e3f7;--surface-rail:#d8e4fb;--surface-track:#dde8fb;--scroll-thumb:#96b2ea;--scroll-thumb-hover:#6f94e8;--scroll-thumb-start:#c7d7f8;--scroll-thumb-hover-start:#abc3f5;--hint-border:#c0d0ee;--hint-bg:#ffffff80;--selection:#2563eb29;--focus-ring:#2563eb2e;--backdrop:#0f172a6b;--code-highlight-bg:#93c5fd52;--code-highlight-text:#1d4ed8;--danger-border:#f0c0be;--shadow-accent:0 14px 30px #2563eb3d;background:#f4f8ff;font-family:Manrope,sans-serif}:root[data-theme=dark]{color:#eff6ff;--bg:#0b1220;--panel:#111827;--panel-alt:#182235;--sidebar:#0f172a;--sidebar-brand:#111827;--sidebar-brand-dark:#182235;--sidebar-border:#22314a;--text:#eff6ff;--muted:#b7c4d9;--muted-soft:#8f9db5;--accent:#60a5fa;--accent-strong:#3b82f6;--accent-soft:#60a5fa29;--accent-tertiary:#60a5fa;--accent-tertiary-soft:#60a5fa33;--danger:#ff9d97;--danger-soft:#db3a3429;--shadow:0 18px 36px #00000057;--surface-strong:#18253d;--surface-subtle:#111b2d;--surface-output:#0f1929;--surface-hover:#17243b;--surface-border-soft:#29405f;--surface-border-strong:#22314a;--surface-rail:#35517a;--surface-track:#1f314d;--scroll-thumb:#4b74b5;--scroll-thumb-hover:#6a93d3;--scroll-thumb-start:#5a84c5;--scroll-thumb-hover-start:#7da6e5;--hint-border:#35517a;--hint-bg:#1118278f;--selection:#60a5fa47;--focus-ring:#60a5fa3d;--backdrop:#0000008a;--code-highlight-bg:#60a5fa2e;--code-highlight-text:#bfdbfe;--danger-border:#ff8a8442;--shadow-accent:0 12px 28px #2563eb57;background:#0b1220}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{scrollbar-gutter:stable;overflow-x:hidden}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;overflow-x:hidden}body,button,input,textarea{font-family:inherit}.brand-mark{align-items:center;gap:12px;display:inline-flex}.brand-mark svg{flex:none}.brand-mark__wordmark{flex-direction:column;gap:3px;display:inline-flex}.brand-mark__wordmark strong{color:inherit;letter-spacing:.18em;font-size:1rem;font-weight:800}.brand-mark__wordmark small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font:600 .72rem/1.2 IBM Plex Mono,monospace}button,a,input,textarea{transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s,transform .16s}::selection{background:var(--selection)}.app-shell{background:radial-gradient(circle at top right, #2563eb1a, transparent 28%), var(--bg);min-height:100vh;display:flex;overflow-x:clip}.sidebar{width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--sidebar-border);z-index:30;will-change:transform;flex-direction:column;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s,opacity .2s,visibility .2s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(0)}.sidebar--collapsed{transform:translateX(calc(-1 * var(--sidebar-width)));visibility:hidden;pointer-events:none}.sidebar__brand{background:var(--sidebar-brand);color:var(--text);border-bottom:1px solid var(--sidebar-border);padding:28px 22px 20px;position:relative}.sidebar__close{border:1px solid var(--sidebar-border);background:var(--panel);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;display:none;position:absolute;top:18px;right:18px}.sidebar__title{letter-spacing:.2em;margin:0;font-size:1rem;font-weight:800}.sidebar__brand-copy{gap:12px;display:grid}.sidebar__subtitle{max-width:240px;color:var(--muted);margin:0;font-size:.96rem;font-weight:600;line-height:1.5}.sidebar__section{padding:28px 22px 0}.sidebar__section--grow{flex:1;min-height:0;padding-bottom:24px;overflow:hidden}.sidebar__scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;height:100%;min-height:0;padding-right:8px;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0,#000 18px calc(100% - 18px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 18px calc(100% - 18px),#0000 100%)}.sidebar__scroll::-webkit-scrollbar{width:10px}.sidebar__scroll::-webkit-scrollbar-track{background:0 0}.sidebar__scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--scroll-thumb-start) 0%, var(--scroll-thumb) 100%);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.sidebar__scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--scroll-thumb-hover-start) 0%, var(--scroll-thumb-hover) 100%);background-clip:padding-box;border:2px solid #0000}.sidebar__section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar__label{color:var(--muted);margin:0 0 14px;font-size:.92rem;font-weight:700}.sidebar__count{background:var(--panel);min-width:32px;color:var(--muted);border:1px solid var(--sidebar-border);border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font:600 .76rem/1 IBM Plex Mono,monospace;display:inline-flex}.sidebar__group{flex-direction:column;gap:8px;display:flex}.sidebar__group--nested{gap:6px}.sidebar__item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;border-radius:0 14px 14px 0;padding:12px 14px;font-size:1rem;font-weight:600}.sidebar__item:hover,.sidebar__item.is-active{background:var(--surface-hover);border-left-color:var(--accent)}.sidebar__item--link{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;text-decoration:none;display:grid}.sidebar__item--link div{min-width:0}.sidebar__item--link p,.sidebar__item--link span{margin:0}.sidebar__item--link p{font-size:1rem}.sidebar__item--link span{color:var(--muted);text-transform:uppercase;font:500 .75rem/1.4 IBM Plex Mono,monospace}.sidebar__accordion{flex-direction:column;gap:18px;display:flex}.sidebar__accordion-section{flex-direction:column;gap:10px;display:flex}.sidebar__accordion-trigger{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:.98rem;font-weight:700;display:inline-flex}.sidebar__accordion-trigger svg{transition:transform .16s}.sidebar__accordion-trigger.is-open svg{transform:rotate(0)}.sidebar__accordion-trigger:not(.is-open) svg{transform:rotate(-90deg)}.sidebar__accordion-panel{padding-left:18px;display:none;position:relative}.sidebar__accordion-panel.is-open{display:block}.sidebar__accordion-rail{background:var(--surface-rail);border-radius:999px;width:2px;position:absolute;top:6px;bottom:6px;left:4px}.main-shell{margin-left:var(--sidebar-width);flex:1;min-width:0;transition:margin-left .26s cubic-bezier(.22,1,.36,1)}.main-shell--expanded{margin-left:0}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:16px;padding:26px 36px 18px;display:flex;position:sticky;top:0}.topbar__left,.topbar__actions{align-items:center;gap:14px;display:flex}.topbar__left{flex:1;min-width:0}.topbar__nav-toggle{flex:none;display:inline-flex}.icon-button{border:1px solid var(--sidebar-border);background:var(--panel);width:50px;height:50px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #2563eb0f}.icon-button:hover{color:var(--accent);transform:translateY(-1px)}.icon-button--brand .brand-mark{transform:scale(.92)}.searchbar{background:var(--surface-strong);border:1px solid var(--surface-border-strong);border-radius:16px;flex:1;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:260px;max-width:790px;height:54px;padding:0 16px 0 18px;display:grid}.searchbar input{color:var(--text);background:0 0;border:0;outline:none;font-size:1.05rem}.searchbar input::placeholder{color:var(--muted)}.searchbar__hint{border:1px solid var(--hint-border);background:var(--hint-bg);color:var(--muted);border-radius:12px;padding:8px 10px;font:500 .82rem/1 IBM Plex Mono,monospace}.cta-button{background:var(--accent-tertiary);color:#fff;height:52px;box-shadow:var(--shadow-accent);border-radius:999px;align-items:center;padding:0 20px;font-weight:800;text-decoration:none;display:inline-flex}.cta-button:hover{background:var(--accent-strong);color:#fff}.workspace{padding:12px 36px 40px}.catalog-page,.tool-page{flex-direction:column;gap:28px;display:flex}.hero-band{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.feature-card,.tool-note,.editor-panel,.tool-card{background:var(--panel);border:1px solid var(--sidebar-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.feature-card{background:linear-gradient(145deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;grid-template-columns:52px minmax(0,1fr);gap:18px;max-width:420px;padding:34px 36px;display:grid}.feature-card__icon{background:#ffffff29;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.feature-card h1,.tool-page h1,.catalog-section h2{margin:0}.feature-card h1{font-size:clamp(1.9rem,2.2vw,2.3rem);line-height:1.08}.feature-card p,.section-heading p,.tool-page__description,.tool-note p,.tool-card p{color:inherit;margin:10px 0 0;line-height:1.6}.hero-copy{border:1px solid var(--sidebar-border);border-radius:var(--radius-lg);background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 14%, transparent), transparent 32%), var(--panel);box-shadow:var(--shadow);padding:30px 34px}.hero-copy__eyebrow{color:var(--accent-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font:700 .78rem/1 IBM Plex Mono,monospace;display:inline-flex}.hero-copy h2{max-width:14ch;margin:0;font-size:clamp(1.85rem,2.3vw,2.5rem);line-height:1.04}.hero-copy p{max-width:70ch;color:var(--muted);margin:16px 0 0;line-height:1.7}.catalog-section{flex-direction:column;gap:18px;display:flex}.section-heading h2{font-size:2.2rem;line-height:1.1}.section-heading p{color:var(--muted)}.tool-grid,.insight-grid,.faq-grid,.workflow-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.tool-card{color:inherit;padding:30px;text-decoration:none}.tool-card:hover{transform:translateY(-3px)}.tool-card__top{justify-content:space-between;align-items:start;gap:12px;display:flex}.tool-card__icon{background:var(--panel-alt);width:68px;height:68px;color:var(--muted-soft);border-radius:22px;justify-content:center;align-items:center;display:inline-flex}.tool-card__favorite{color:#d1d8d4}.tool-card h3{margin:22px 0 0;font-size:1.8rem;line-height:1.1}.tool-card p{color:var(--muted);font-size:1.05rem}.stack-grid{gap:22px;display:grid}.result-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.tool-page__header{justify-content:space-between;align-items:start;gap:24px;display:flex}.tool-page__eyebrow,.editor-panel__head span:last-child{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font:600 .8rem/1.2 IBM Plex Mono,monospace}.tool-page h1{font-size:clamp(2rem,2.5vw,2.8rem);line-height:1.04}.tool-page__description{color:var(--muted);max-width:680px;font-size:1.05rem}.tool-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.action-button{border:1px solid var(--sidebar-border);background:var(--panel);height:48px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.action-button:hover:not(:disabled){color:var(--accent);transform:translateY(-1px)}.action-button:disabled{opacity:.55;cursor:not-allowed}.action-button--icon{justify-content:center;width:48px;min-width:48px;padding:0}.action-button--primary{background:var(--accent-tertiary);color:#fff;box-shadow:var(--shadow-accent);border-color:#0000}.action-button--primary:hover:not(:disabled){color:#fff;background:var(--accent-strong)}.mode-toggle{background:var(--surface-strong);border-radius:16px;gap:6px;width:fit-content;padding:6px;display:inline-flex}.mode-toggle button{min-width:112px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;font-weight:800}.mode-toggle button.is-active{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.editor-panel{padding:22px}.editor-panel__head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.editor-panel__head span:first-child{font-size:1.08rem;font-weight:800}.editor-panel__head--spaced{margin-top:22px}.editor-panel__heading-with-icon{align-items:center;gap:8px;display:inline-flex}.panel-helper{color:var(--muted);margin:-2px 0 14px;font-size:.96rem;line-height:1.55}.editor-textarea{border:1px solid var(--surface-border-soft);background:var(--surface-subtle);resize:vertical;width:100%;min-height:390px;color:var(--text);border-radius:16px;outline:none;padding:18px;font:500 .95rem/1.65 IBM Plex Mono,monospace}.editor-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring)}.editor-textarea--output{background:var(--surface-output)}.editor-textarea--compact{min-height:160px}.editor-error{border:1px solid var(--danger-border);background:var(--danger-soft);min-height:390px;color:var(--danger);border-radius:16px;padding:18px}.editor-error strong{margin-bottom:8px;display:block}.editor-error p{margin:0;line-height:1.6}.tool-note{padding:24px 26px}.tool-note h2{margin:0;font-size:1.12rem}.tool-note p{color:var(--muted)}.password-output{border:1px solid var(--surface-border-soft);background:var(--surface-subtle);min-height:112px;color:var(--text);word-break:break-all;border-radius:16px;align-items:start;gap:12px;margin-top:10px;padding:18px;font:600 1rem/1.6 IBM Plex Mono,monospace;display:flex}.strength-meter{margin-top:18px}.strength-meter__label{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.95rem;display:flex}.strength-meter__track{background:var(--surface-track);border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.strength-meter__fill{border-radius:999px;height:100%;transition:width .18s}.range-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-weight:700;display:flex}.field-range{width:100%;accent-color:var(--accent)}.toggle-list{gap:12px;margin-top:20px;display:grid}.toggle-card{border:1px solid var(--surface-border-soft);background:var(--surface-subtle);color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.toggle-card input{width:16px;height:16px;accent-color:var(--accent)}.timestamp-card-list{gap:12px;margin:10px 0 20px;display:grid}.timestamp-card{border:1px solid var(--surface-border-soft);background:var(--surface-subtle);border-radius:16px;padding:16px}.timestamp-card strong,.timestamp-output__item strong{margin-bottom:8px;font-size:.9rem;display:block}.timestamp-card span,.timestamp-output__item span{color:var(--text);word-break:break-word;font-family:IBM Plex Mono,monospace}.timestamp-card p{margin:10px 0 0}.tool-input{border:1px solid var(--surface-border-soft);background:var(--surface-subtle);width:100%;height:52px;color:var(--text);border-radius:16px;outline:none;padding:0 16px;font:500 .98rem/1 IBM Plex Mono,monospace}.tool-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring)}.timestamp-output{gap:12px;display:grid}.timestamp-output__item,.empty-panel-copy{border:1px solid var(--surface-border-soft);background:var(--surface-subtle);border-radius:16px;padding:16px}.empty-panel-copy{text-align:center;min-height:220px;color:var(--muted);justify-content:center;align-items:center;display:flex}.output-list{gap:12px;display:grid}.output-row{border:1px solid var(--surface-border-soft);background:var(--surface-subtle);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.output-row__value{min-width:0;color:var(--text);overflow-wrap:anywhere;font:600 .92rem/1.5 IBM Plex Mono,monospace}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat-card,.insight-card{border:1px solid var(--surface-border-soft);background:var(--surface-subtle);border-radius:16px}.stat-card{padding:16px 18px}.stat-card__label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font:600 .76rem/1.2 IBM Plex Mono,monospace;display:block}.stat-card strong{font-size:1.1rem;line-height:1.3}.insight-card{padding:18px}.insight-card__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.insight-card__title{align-items:center;gap:8px;font-weight:800;display:inline-flex}.insight-card__body{color:var(--muted);margin:12px 0 0;line-height:1.55}.insight-list{gap:12px;display:grid}.insight-row{border:1px solid var(--surface-border-soft);background:var(--surface-subtle);border-radius:14px;padding:14px 16px}.insight-row strong{margin-bottom:6px;display:block}.insight-row p{color:var(--muted);margin:0;line-height:1.55}.insight-row--high{border-color:color-mix(in srgb, var(--danger) 40%, var(--surface-border-soft));background:color-mix(in srgb, var(--danger-soft) 60%, var(--panel))}.insight-row--medium{border-color:color-mix(in srgb, #d97706 40%, var(--surface-border-soft));background:color-mix(in srgb, #d977061f 85%, var(--panel))}.insight-row--low{border-color:color-mix(in srgb, #2563eb 28%, var(--surface-border-soft));background:color-mix(in srgb, #2563eb14 90%, var(--panel))}.code-output{border:1px solid var(--surface-border-soft);background:var(--surface-output);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;margin:14px 0 0;padding:14px 16px;font:500 .9rem/1.6 IBM Plex Mono,monospace}.markdown-preview{border:1px solid var(--surface-border-soft);background:color-mix(in srgb, var(--surface-output) 78%, var(--panel));color:var(--text);border-radius:18px;margin-top:14px;padding:18px 20px;overflow-x:auto}.markdown-preview__empty{color:var(--muted)}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:var(--text);margin:0 0 12px;line-height:1.15}.markdown-preview h1{font-size:clamp(1.7rem,2vw,2.15rem)}.markdown-preview h2{font-size:clamp(1.35rem,1.5vw,1.7rem)}.markdown-preview p,.markdown-preview ul,.markdown-preview ol,.markdown-preview blockquote,.markdown-preview pre,.markdown-preview table{margin:0 0 14px}.markdown-preview ul,.markdown-preview ol{padding-left:22px}.markdown-preview li+li{margin-top:6px}.markdown-preview blockquote{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--text-soft);border-radius:0 14px 14px 0;padding:12px 14px}.markdown-preview code{background:color-mix(in srgb, var(--surface-subtle) 88%, transparent);border-radius:8px;padding:2px 6px;font:600 .82rem/1.4 IBM Plex Mono,monospace}.markdown-preview__code{border:1px solid var(--surface-border-soft);background:var(--surface-output);border-radius:16px;padding:14px 16px;overflow-x:auto}.markdown-preview__code code{background:0 0;padding:0}.markdown-preview__table-wrap{overflow-x:auto}.markdown-preview__table{border-collapse:collapse;width:100%;min-width:420px}.markdown-preview__table th,.markdown-preview__table td{border:1px solid var(--surface-border-soft);text-align:left;padding:10px 12px}.markdown-preview__table th{background:color-mix(in srgb, var(--surface-subtle) 92%, transparent);color:var(--text);font-weight:700}.markdown-preview__table td{background:color-mix(in srgb, var(--panel) 94%, transparent);color:var(--text-soft)}.markdown-preview hr{border:0;border-top:1px solid var(--surface-border-soft);margin:16px 0}.markdown-preview a{color:var(--accent);text-decoration:underline}.chip-list{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--surface-border-soft);background:var(--surface-subtle);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font:600 .82rem/1 IBM Plex Mono,monospace;display:inline-flex}.chip small{color:var(--muted);font-size:.76rem}.chip--muted{color:var(--muted)}.command-block{border:1px solid var(--surface-border-soft);background:var(--surface-output);border-radius:12px;gap:8px;margin:12px 0 10px;padding:12px 14px;display:grid}.command-block__line{display:block}.command-block code{color:var(--text);white-space:pre-wrap;font:600 .86rem/1.5 IBM Plex Mono,monospace;display:block}.diff-list{gap:10px;display:grid}.diff-summary{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.diff-summary__pill{border:1px solid var(--surface-border-soft);background:var(--surface-subtle);min-height:34px;color:var(--text);border-radius:999px;align-items:center;padding:0 12px;font:700 .78rem/1 IBM Plex Mono,monospace;display:inline-flex}.diff-summary__pill--added{border-color:color-mix(in srgb, var(--accent) 42%, var(--surface-border-soft));color:var(--accent)}.diff-summary__pill--removed{border-color:color-mix(in srgb, var(--danger) 40%, var(--surface-border-soft));color:var(--danger)}.diff-summary__pill--changed{border-color:color-mix(in srgb, #d97706 40%, var(--surface-border-soft));color:#d97706}.diff-code-fragment{border-radius:6px}.diff-code-fragment--added{background:color-mix(in srgb, var(--accent) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.diff-code-fragment--removed{background:color-mix(in srgb, var(--danger) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--danger) 26%, transparent)}.diff-code-fragment--empty{width:100%;display:inline-block}.pr-diff{gap:12px;display:grid}.pr-diff__frame{border:1px solid var(--surface-border-strong);background:var(--panel);box-shadow:none;border-radius:2px;overflow:hidden}.pr-diff__panes,.pr-diff__surfaces{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.pr-diff__pane,.pr-diff__surface{min-width:0}.pr-diff__pane-head{border-bottom:1px solid var(--surface-border-strong);background:color-mix(in srgb, var(--panel-alt) 72%, var(--panel));justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:12px 16px;display:flex}.pr-diff__pane-head strong{font-size:.98rem;line-height:1.2}.pr-diff__pane-head--removed strong{color:#e0553e}.pr-diff__pane-head--added strong{color:#149c89}.pr-diff__pane-meta,.pr-diff__pane-actions{align-items:center;gap:14px;display:inline-flex}.pr-diff__pane-actions{color:var(--muted);font:500 .82rem/1 IBM Plex Mono,monospace}.pr-diff__pane:first-child .pr-diff__pane-head,.pr-diff__surface:first-child{border-right:1px solid var(--surface-border-strong)}.pr-diff__copy{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:700;display:inline-flex}.pr-diff__copy:hover{color:var(--text)}.pr-diff__surface{background:var(--panel);overflow:hidden}.pr-diff__line{grid-template-columns:64px minmax(0,1fr);align-items:stretch;min-height:30px;display:grid}.pr-diff__line-number{color:var(--muted-soft);border-right:1px solid var(--surface-border-soft);-webkit-user-select:none;user-select:none;background:color-mix(in srgb, var(--panel-alt) 56%, var(--panel));justify-content:flex-end;align-items:start;padding:5px 10px 5px 8px;font:500 .78rem/1.5 IBM Plex Mono,monospace;display:flex}.pr-diff__code{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:5px 14px;font:500 .9rem/1.5 IBM Plex Mono,monospace;display:block}.pr-diff__line--unchanged{background:0 0}.pr-diff__line--removed{background:#f9e7e3d1}.pr-diff__line--removed .pr-diff__line-number{color:#d36a59;background:color-mix(in srgb, #f6d7cf 76%, var(--panel-alt))}.pr-diff__line--added{background:#e3f1cbe0}.pr-diff__line--added .pr-diff__line-number{color:#4e8d16;background:color-mix(in srgb, #d5ecae 74%, var(--panel-alt))}.pr-diff__line--placeholder{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--surface-subtle) 94%, transparent) 0, color-mix(in srgb, var(--surface-subtle) 94%, transparent) 6px, color-mix(in srgb, var(--panel) 94%, transparent) 6px, color-mix(in srgb, var(--panel) 94%, transparent) 12px)}.pr-diff__line--placeholder .pr-diff__line-number{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--surface-strong) 72%, transparent) 0, color-mix(in srgb, var(--surface-strong) 72%, transparent) 6px, color-mix(in srgb, var(--panel-alt) 94%, transparent) 6px, color-mix(in srgb, var(--panel-alt) 94%, transparent) 12px)}.pr-diff__line--removed+.pr-diff__line--removed,.pr-diff__line--added+.pr-diff__line--added,.pr-diff__line--placeholder+.pr-diff__line--placeholder{margin-top:0}.pr-diff__line--removed+.pr-diff__line--unchanged,.pr-diff__line--added+.pr-diff__line--unchanged,.pr-diff__line--placeholder+.pr-diff__line--unchanged,.pr-diff__line--unchanged+.pr-diff__line--removed,.pr-diff__line--unchanged+.pr-diff__line--added,.pr-diff__line--unchanged+.pr-diff__line--placeholder{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface-border-soft) 68%, transparent)}.pr-diff__placeholder{width:100%;min-height:1.2em;display:block}:root[data-theme=dark] .pr-diff__surface{background:var(--panel)}:root[data-theme=dark] .pr-diff__frame{border-color:var(--surface-border-strong)}:root[data-theme=dark] .pr-diff__pane-head{background:color-mix(in srgb, var(--panel-alt) 78%, var(--panel))}:root[data-theme=dark] .pr-diff__line--removed{background:#c6535327}:root[data-theme=dark] .pr-diff__line--added{background:#82c43b22}:root[data-theme=dark] .pr-diff__line-number{background:color-mix(in srgb, var(--panel-alt) 64%, var(--panel))}.regex-preview{border:1px solid var(--surface-border-soft);background:var(--surface-subtle);white-space:pre-wrap;word-break:break-word;border-radius:16px;min-height:220px;padding:16px;line-height:1.65}.regex-highlight{background:var(--code-highlight-bg);color:var(--code-highlight-text);border-radius:8px;padding:1px 4px}.qr-preview-shell{border:1px solid var(--surface-border-soft);background:var(--surface-subtle);border-radius:16px;justify-content:center;align-items:center;min-height:360px;padding:18px;display:flex}.qr-preview-canvas{max-width:100%;height:auto;display:block}.sidebar-backdrop{display:none}@media (width<=1100px){.hero-band,.tool-page__header,.editor-grid,.tool-grid,.insight-grid,.faq-grid,.workflow-copy,.pr-diff__panes,.pr-diff__surfaces{grid-template-columns:1fr}.tool-page__header{flex-direction:column;display:flex}.tool-actions{justify-content:flex-start}}@media (width<=960px){.sidebar{visibility:visible;pointer-events:auto;transition:transform .22s cubic-bezier(.22,1,.36,1);transform:translate(-100%)}.sidebar.sidebar--open{transform:translate(0)}.sidebar__scroll{padding-right:4px}.sidebar__close{display:inline-flex}.sidebar-backdrop{background:var(--backdrop);z-index:25;border:0;display:block;position:fixed;inset:0}.main-shell{margin-left:0}.topbar{gap:12px;padding:18px 18px 14px}.searchbar{min-width:0}.topbar__actions .icon-button,.cta-button{display:none}.workspace{padding:10px 18px 28px}}@media (width<=720px){.feature-card{grid-template-columns:1fr;max-width:none}.hero-copy{padding:22px}.feature-card__icon{width:48px;height:48px}.tool-card,.editor-panel,.tool-note{padding:20px}.editor-textarea,.editor-error{min-height:300px}}