@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}.tool-page{padding-bottom:148px;position:relative}.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}.ad-slot{border:1px solid var(--surface-border-soft);background:color-mix(in srgb, var(--panel) 92%, transparent);box-shadow:var(--shadow);border-radius:16px;gap:6px;display:grid;position:relative;overflow:hidden}.ad-slot__eyebrow{color:var(--muted-soft);letter-spacing:.08em;text-transform:uppercase;font:600 .7rem/1.2 IBM Plex Mono,monospace}.ad-slot strong{font-size:.9rem;line-height:1.45}.ad-slot--banner{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 28%), color-mix(in srgb, var(--panel) 94%, transparent);min-height:72px;padding:14px 18px}.ad-slot--floating{z-index:18;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(228px,100vw - 40px);min-height:92px;padding:12px 14px;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 26px #0f172a29}.ad-slot--fallback{color:var(--text)}.ad-slot__unit{min-height:56px}.ad-slot--floating .ad-slot__unit{min-height:72px}.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)}.tool-field-label{font-size:.9rem;font-weight:700}.tool-note--link{color:inherit;text-decoration:none}.tool-promo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.guide-hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.guide-cta-card{flex-direction:column;gap:14px;display:flex}.guide-cta-card__icon{background:var(--surface-strong);width:40px;height:40px;color:var(--accent-tertiary);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.guide-inline-link{color:var(--accent-tertiary);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.guide-inline-link:hover{color:var(--accent-strong)}.topbar__link{color:var(--muted);font-weight:700;text-decoration:none}.topbar__link:hover{color:var(--accent-tertiary)}.submission-form{flex-direction:column;gap:18px;display:flex}.submission-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.submission-form__field{gap:14px;display:grid}.submission-form__field span{margin-bottom:6px;font-weight:700;display:inline-block}.submission-form__field input,.submission-form__field select,.submission-form__field textarea{border:1px solid var(--surface-border-strong);background:var(--surface-subtle);width:100%;color:var(--text);border-radius:14px;outline:none;padding:14px 16px;font-size:1rem}.submission-form__field textarea{resize:vertical;min-height:148px;line-height:1.6}.submission-form__field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.25 5.25L7 9L10.75 5.25' stroke='%237f8da5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:14px 14px;padding-right:44px}.submission-form__field input:focus,.submission-form__field select:focus,.submission-form__field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring)}.submission-form__checkbox{color:var(--muted);align-items:center;gap:10px;font-weight:600;display:flex}.submission-form__checkbox input{width:18px;height:18px}.submission-form__actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;padding-top:4px;display:flex}.docs-form>.submission-form__field,.docs-form>.submission-form__grid,.docs-form>.submission-form__actions{margin-top:16px}.docs-form>.docs-section+.submission-form__grid,.docs-form>.docs-section+.submission-form__field{margin-top:0}.submission-form__status{align-items:center;gap:8px;margin:0;font-weight:700;display:inline-flex}.submission-form__status--success{color:var(--accent-tertiary)}.submission-form__status--error{color:var(--danger)}.docs-shell{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:32px;display:grid}.docs-sidebar{align-self:start;position:sticky;top:108px}.docs-sidebar__section{border:1px solid var(--surface-border-soft);background:var(--panel);box-shadow:var(--shadow);border-radius:18px;padding:18px 16px}.docs-sidebar__label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font:600 .76rem/1.2 IBM Plex Mono,monospace}.docs-sidebar__list{gap:4px;display:grid}.docs-sidebar__item{color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;padding:10px 12px;font-size:.96rem;font-weight:600;text-decoration:none;display:block}.docs-sidebar__item:hover,.docs-sidebar__item.is-active{background:var(--surface-subtle)}.docs-main{width:100%;min-width:0}.docs-article{min-width:0}.docs-breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:20px;font-size:.94rem;display:flex}.docs-breadcrumbs a{color:var(--muted);text-decoration:none}.docs-breadcrumbs a:hover{color:var(--text)}.docs-article__head{border-bottom:1px solid var(--surface-border-soft);grid-template-columns:42px minmax(0,1fr);align-items:start;gap:16px;margin-bottom:28px;padding-bottom:26px;display:grid}.docs-article__icon{background:var(--surface-subtle);width:42px;height:42px;color:var(--accent-tertiary);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.docs-article__head h1{letter-spacing:-.03em;margin:0;font-size:clamp(2.1rem,2.8vw,3rem);line-height:1.05}.docs-article__head p,.docs-section__intro,.docs-prose-card p,.docs-note-card p,.docs-callout p,.docs-step p,.docs-faq-item p,.docs-guide-card__body p{color:var(--muted);margin:0;line-height:1.7}.docs-article__head p{max-width:62ch;margin-top:10px;font-size:1.04rem}.docs-article__intro{margin-bottom:36px}.docs-article__intro p{color:var(--text);margin:0;font-size:1.03rem;line-height:1.75}.docs-section{margin-bottom:40px}.docs-section h2{margin:0 0 10px;font-size:1.6rem;line-height:1.15}.docs-callout-list,.docs-steps,.docs-faq-list,.docs-note-grid,.docs-guide-grid{gap:16px;margin-top:18px;display:grid}.docs-plain-list,.docs-step-list{gap:0;margin-top:18px;display:grid}.docs-callout,.docs-step,.docs-note-card,.docs-faq-item,.docs-guide-card,.docs-prose-card,.docs-form{border:1px solid var(--surface-border-soft);background:var(--panel);border-radius:18px}.docs-callout,.docs-note-card,.docs-faq-item,.docs-prose-card{padding:18px 20px}.docs-step{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:18px 20px;display:grid}.docs-step__number{background:var(--surface-subtle);width:36px;height:36px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;font:700 .94rem/1 IBM Plex Mono,monospace;display:inline-flex}.docs-step h3,.docs-note-card h3,.docs-faq-item h3{margin:0 0 8px;font-size:1.04rem;line-height:1.3}.docs-plain-item{border-bottom:1px solid color-mix(in srgb, var(--surface-border-soft) 84%, transparent);padding:16px 0}.docs-plain-item:last-child{border-bottom:0}.docs-step-item{border-bottom:1px solid color-mix(in srgb, var(--surface-border-soft) 84%, transparent);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:18px;padding:18px 0;display:grid}.docs-step-item:last-child{border-bottom:0}.docs-step-item h3{margin:0 0 8px;font-size:1.08rem;line-height:1.3}.docs-prose-minimal p{color:var(--muted);margin:0;line-height:1.75}.docs-faq-simple{gap:0;margin-top:18px;display:grid}.docs-faq-simple__item{border-bottom:1px solid color-mix(in srgb, var(--surface-border-soft) 84%, transparent);padding:18px 0}.docs-faq-simple__item:last-child{border-bottom:0}.docs-faq-simple__item h3{margin:0 0 8px;font-size:1.04rem;line-height:1.35}.docs-link-list{gap:0;margin-top:18px;display:grid}.docs-link-item{color:inherit;border-bottom:1px solid color-mix(in srgb, var(--surface-border-soft) 84%, transparent);grid-template-columns:32px minmax(0,1fr);gap:14px;padding:16px 0;text-decoration:none;display:grid}.docs-link-item:last-child{border-bottom:0}.docs-link-item__icon{width:32px;height:32px;color:var(--accent-tertiary);background:color-mix(in srgb, var(--surface-subtle) 80%, transparent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.docs-link-item__body h2{margin:0 0 6px;font-size:1.02rem;line-height:1.3}.docs-link-item__body p{color:var(--muted);margin:0;line-height:1.7}.docs-side-note{border-bottom:1px solid color-mix(in srgb, var(--surface-border-soft) 84%, transparent);gap:12px;padding:0 0 18px;display:grid}.docs-side-note:last-child{border-bottom:0;padding-bottom:0}.docs-side-note h2{margin:0;font-size:1.02rem;line-height:1.3}.docs-side-note p{color:var(--muted);margin:0;line-height:1.7}.docs-guide-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.docs-guide-card{color:inherit;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:18px 20px;text-decoration:none;display:grid}.docs-guide-card:hover{border-color:var(--surface-border-strong);transform:translateY(-1px)}.docs-guide-card__icon{background:var(--surface-subtle);width:40px;height:40px;color:var(--accent-tertiary);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.docs-guide-card__body h2{margin:0 0 8px;font-size:1.05rem;line-height:1.3}.docs-form{padding:24px}.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)}.upload-field{border:1px solid var(--surface-border-soft);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, var(--surface-subtle)) 0%, var(--surface-subtle) 100%);min-height:108px;box-shadow:var(--shadow);cursor:pointer;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid;position:relative;overflow:hidden}.upload-field:before{content:"";border:1px dashed color-mix(in srgb, var(--accent) 34%, var(--surface-border-soft));pointer-events:none;border-radius:20px;position:absolute;inset:0}.upload-field:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--surface-border-soft));transform:translateY(-1px)}.upload-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring), var(--shadow)}.upload-field--selected{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, var(--surface-subtle)) 0%, var(--surface-subtle) 100%)}.upload-field__input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-field__icon{z-index:1;background:color-mix(in srgb, var(--accent) 14%, var(--panel));width:52px;height:52px;color:var(--accent-tertiary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:18px;justify-content:center;align-items:center;display:inline-flex;position:relative}.upload-field__copy{z-index:1;gap:6px;min-width:0;display:grid;position:relative}.upload-field__copy strong{font-size:1rem}.upload-field__copy span{color:var(--muted);word-break:break-word;line-height:1.55}.upload-field__cta{z-index:1;background:var(--panel);min-height:44px;color:var(--text);box-shadow:var(--shadow);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;padding:0 16px;font-weight:800;display:inline-flex;position:relative}.upload-field__meta{color:var(--muted);flex-wrap:wrap;gap:10px 18px;font-size:.95rem;display:flex}.upload-field__meta span{align-items:center;gap:8px;display:inline-flex}.upload-field__meta span:before{content:"";background:color-mix(in srgb, var(--accent) 55%, var(--muted-soft));border-radius:999px;width:6px;height:6px}.media-preview-heading{align-items:center;gap:.5rem;display:inline-flex}.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,.tool-promo-grid,.docs-shell,.docs-guide-grid{grid-template-columns:1fr}.docs-sidebar{position:static}.pr-diff__panes,.pr-diff__surfaces{grid-template-columns:1fr}.tool-page__header{flex-direction:column;display:flex}.tool-actions{justify-content:flex-start}.ad-slot--floating{width:min(208px,100vw - 32px);bottom:16px;right:16px}}@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,.topbar__link,.cta-button{display:none}.workspace{padding:10px 18px 28px}.docs-shell{gap:20px}.docs-sidebar,.ad-slot--floating{display:none}.tool-page{padding-bottom:0}}@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}.submission-form__grid{grid-template-columns:1fr}.upload-field{grid-template-columns:1fr;align-items:start}.upload-field__cta{width:fit-content}.editor-textarea,.editor-error{min-height:300px}}
