.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent;background:transparent;color:var(--color-text-muted)}.badge.success{background:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success)}.badge.warning{background:var(--color-warning-soft);color:var(--color-warning);border-color:var(--color-warning)}.badge.danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger)}.badge.outline{background:transparent;color:var(--color-text-muted);border-color:var(--color-stroke-strong)}.tool-message.is-warning{border-color:var(--color-warning);background:var(--color-warning-soft);color:var(--color-warning)}.chip.soft{background:var(--color-accent-soft);color:var(--color-accent-strong);border:1px solid transparent}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:var(--color-surface-inset);border:1px solid var(--color-stroke);border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-base) var(--easing-standard),color var(--duration-base) var(--easing-standard),border-color var(--duration-base) var(--easing-standard)}.theme-toggle-btn:hover,.theme-toggle-btn:focus-visible{background:var(--color-accent-soft);color:var(--color-text-strong);border-color:var(--color-stroke-strong);outline:none}:root,[data-theme=dark]{--color-bg: #05060a;--color-bg-gradient: radial-gradient(circle at top, #10142a, #05060a 60%);--color-surface: #0c0f1a;--color-surface-alt: #111527;--color-surface-raised: rgba(12, 15, 26, .9);--color-surface-inset: rgba(230, 236, 255, .03);--color-code-bg: #03040b;--color-stroke: rgba(230, 236, 255, .08);--color-stroke-strong: rgba(230, 236, 255, .18);--color-text: #e6ecff;--color-text-strong: #ffffff;--color-text-muted: rgba(230, 236, 255, .6);--color-text-faint: rgba(230, 236, 255, .35);--color-accent: #7c5dfa;--color-accent-strong: #a58cff;--color-accent-soft: rgba(124, 93, 250, .15);--color-danger: #ff6b6b;--color-danger-soft: rgba(255, 107, 107, .12);--color-success: #4ade80;--color-success-soft: rgba(74, 222, 128, .12);--color-warning: #f5b971;--color-warning-soft: rgba(245, 185, 113, .12);--color-info: #8cb4ff;--code-comment: #6b7694;--code-keyword: #c792ea;--code-string: #8cb4ff;--code-number: #f5b971;--code-punct: #89ddff;--code-builtin: #7cf0c2;--color-overlay-02: rgba(230, 236, 255, .02);--color-overlay-03: rgba(230, 236, 255, .03);--color-overlay-04: rgba(230, 236, 255, .04);--color-overlay-05: rgba(230, 236, 255, .05);--color-overlay-06: rgba(230, 236, 255, .06);--color-overlay-07: rgba(230, 236, 255, .07);--color-overlay-08: rgba(230, 236, 255, .08);--color-overlay-09: rgba(230, 236, 255, .09);--color-overlay-12: rgba(230, 236, 255, .12);--color-overlay-15: rgba(230, 236, 255, .15);--color-overlay-18: rgba(230, 236, 255, .18);--color-overlay-20: rgba(230, 236, 255, .2);--color-overlay-25: rgba(230, 236, 255, .25);--color-overlay-30: rgba(230, 236, 255, .3);--color-hero-badge: #111833;--color-accent-overlay-12: rgba(124, 93, 250, .12);--color-accent-overlay-25: rgba(124, 93, 250, .25);--color-accent-overlay-28: rgba(124, 93, 250, .28);--color-accent-overlay-70: rgba(124, 93, 250, .7);--color-backdrop: rgba(5, 6, 10, .7);--color-floating-surface: rgba(8, 11, 20, .32)}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 999px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-md: .92rem;--font-size-lg: 1rem;--font-size-xl: 1.2rem;--font-size-2xl: 1.4rem;--font-size-3xl: clamp(1.7rem, 3vw, 2.3rem);--font-size-4xl: clamp(2rem, 4vw, 2.8rem);--line-height-tight: 1.2;--line-height-snug: 1.5;--line-height-normal: 1.6;--line-height-loose: 1.8;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-eyebrow: .2em;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 4px 12px rgba(12, 15, 26, .35);--shadow-md: 0 14px 32px rgba(124, 93, 250, .28);--shadow-lg: 0 20px 40px rgba(12, 15, 26, .6);--shadow-focus: 0 0 0 3px rgba(124, 93, 250, .35);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--easing-standard: cubic-bezier(.2, .8, .2, 1);--easing-emphasized: cubic-bezier(.2, 0, 0, 1);--control-height-sm: 34px;--control-height-md: 40px;--control-height-lg: 44px;--bp-xs: 480px;--bp-sm: 720px;--bp-md: 960px;--bp-lg: 1200px;--bg: var(--color-bg);--surface: var(--color-surface);--surface-alt: var(--color-surface-alt);--stroke: var(--color-stroke);--accent: var(--color-accent);--accent-strong: var(--color-accent-strong);--text-muted: var(--color-text-muted);--chip: var(--color-accent-soft);--danger: var(--color-danger);--success: var(--color-success);--tool-surface: var(--color-surface-raised);--tool-surface-strong: #080b14;--tool-stroke: var(--color-stroke);--tool-muted: var(--color-text-muted);--tool-code-bg: #02040a}[data-theme=light]{--color-bg: #f6f4fb;--color-bg-gradient: radial-gradient(circle at top, #ece8f7, #f6f4fb 60%);--color-surface: #ffffff;--color-surface-alt: #f3f0fa;--color-surface-raised: rgba(255, 255, 255, .92);--color-surface-inset: rgba(20, 22, 40, .03);--color-code-bg: #f0edf8;--color-stroke: rgba(20, 22, 40, .1);--color-stroke-strong: rgba(20, 22, 40, .22);--color-text: #1a1c2d;--color-text-strong: #0b0c18;--color-text-muted: rgba(20, 22, 40, .64);--color-text-faint: rgba(20, 22, 40, .4);--color-accent: #6e44ff;--color-accent-strong: #5830d6;--color-accent-soft: rgba(110, 68, 255, .12);--color-danger: #d64545;--color-danger-soft: rgba(214, 69, 69, .1);--color-success: #1f9d55;--color-success-soft: rgba(31, 157, 85, .1);--color-warning: #b45309;--color-warning-soft: rgba(180, 83, 9, .1);--color-info: #2563eb;--code-comment: #6b7694;--code-keyword: #7a3cff;--code-string: #1d7a46;--code-number: #a45a07;--code-punct: #1a1c2d;--code-builtin: #0b7b7b;--shadow-xs: 0 1px 2px rgba(20, 22, 40, .08);--shadow-sm: 0 4px 12px rgba(20, 22, 40, .08);--shadow-md: 0 14px 32px rgba(110, 68, 255, .18);--shadow-lg: 0 20px 40px rgba(20, 22, 40, .12);--shadow-focus: 0 0 0 3px rgba(110, 68, 255, .28);--color-overlay-02: rgba(20, 22, 40, .02);--color-overlay-03: rgba(20, 22, 40, .03);--color-overlay-04: rgba(20, 22, 40, .04);--color-overlay-05: rgba(20, 22, 40, .05);--color-overlay-06: rgba(20, 22, 40, .05);--color-overlay-07: rgba(20, 22, 40, .06);--color-overlay-08: rgba(20, 22, 40, .08);--color-overlay-09: rgba(20, 22, 40, .09);--color-overlay-12: rgba(20, 22, 40, .12);--color-overlay-15: rgba(20, 22, 40, .15);--color-overlay-18: rgba(20, 22, 40, .18);--color-overlay-20: rgba(20, 22, 40, .2);--color-overlay-25: rgba(20, 22, 40, .25);--color-overlay-30: rgba(20, 22, 40, .3);--color-hero-badge: #efeaff;--color-accent-overlay-12: rgba(110, 68, 255, .12);--color-accent-overlay-25: rgba(110, 68, 255, .25);--color-accent-overlay-28: rgba(110, 68, 255, .28);--color-accent-overlay-70: rgba(110, 68, 255, .7);--color-backdrop: rgba(20, 22, 40, .45);--color-floating-surface: rgba(255, 255, 255, .85)}:root{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg)}*{box-sizing:border-box}.is-hidden{display:none!important}.modal-backdrop{position:fixed;inset:0;background:var(--color-backdrop);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:400}.modal-card{width:min(100%,520px);background:var(--surface);border:1px solid var(--stroke);border-radius:20px;padding:1.25rem;max-height:min(80vh,720px);overflow-y:auto}body{margin:0;background:var(--color-bg-gradient);color:var(--color-text);min-height:100vh;transition:padding-left .2s ease,padding-right .2s ease}html,body{width:100%;overflow-x:hidden;max-width:100%}main,header,nav,section,footer{max-width:100%;box-sizing:border-box}main.content-page{display:flex;flex-direction:column;gap:1.5rem;width:100%}.content-block{background:var(--color-surface-raised);border:1px solid var(--stroke);border-radius:20px;padding:2rem;display:grid;gap:.85rem;width:100%;box-sizing:border-box;transition:border-color .2s ease}.content-block:hover{border-color:var(--color-overlay-12)}.content-block p,.content-block ul,.content-block ol{color:var(--text-muted);line-height:1.6;word-break:break-word}.content-block ul,.content-block ol{padding-left:1.2rem}.app-shell{max-width:min(1200px,100vw);width:100%;margin:0 auto;padding:2.25rem 1rem 6.5rem}.site-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;position:relative}.site-nav__logo{font-weight:700;font-size:1.05rem;color:var(--color-text-strong);text-decoration:none;margin-right:auto}.site-nav__categories{display:flex;gap:.25rem;align-items:center}.nav-category{position:relative}.nav-category__trigger{background:none;border:1px solid transparent;color:var(--text-muted);font-weight:600;font-size:.88rem;padding:.4rem .75rem;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:color .15s,background .15s,border-color .15s}.nav-category__trigger:hover,.nav-category__trigger:focus-visible{color:var(--color-text-strong);background:var(--color-overlay-06)}.nav-category__trigger.is-open{color:var(--color-text-strong);background:var(--color-accent-overlay-12);border-color:var(--color-accent-overlay-25)}.nav-category__trigger svg{transition:transform .2s ease}.nav-category__trigger.is-open svg{transform:rotate(180deg)}.nav-category__dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);min-width:180px;background:var(--surface);border:1px solid var(--stroke);border-radius:14px;padding:.5rem;z-index:300;display:grid;gap:2px;box-shadow:0 12px 40px #00000073;animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-category__link{display:block;padding:.55rem .85rem;color:var(--text-muted);text-decoration:none;font-size:.88rem;font-weight:500;border-radius:10px;transition:background .12s,color .12s}.nav-category__link:hover,.nav-category__link:focus-visible{background:var(--color-overlay-07);color:var(--color-text-strong)}.nav-category__link.is-active{background:var(--color-accent-soft);color:var(--accent-strong)}.nav-search-hint{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-overlay-05);border:1px solid var(--stroke);border-radius:10px;padding:.4rem .7rem;color:var(--text-muted);cursor:pointer;font-size:.82rem;transition:border-color .15s,color .15s;margin-left:.25rem}.nav-search-hint:hover{border-color:var(--color-overlay-20);color:var(--color-text-strong)}.nav-search-hint__key{font-size:.75rem;font-weight:600;opacity:.6}.nav-mobile-toggle{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-text-strong)}.hamburger{display:flex;flex-direction:column;gap:4px;width:20px}.hamburger span{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform .25s,opacity .25s}.hamburger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav-backdrop{position:fixed;inset:0;background:var(--color-backdrop);z-index:500;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mobile-nav-panel{position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--surface);border-left:1px solid var(--stroke);z-index:510;overflow-y:auto;padding:1.25rem;animation:slide-in-right .25s ease}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-nav-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.mobile-nav-panel__title{font-weight:700;font-size:1.1rem;color:var(--color-text-strong)}.mobile-nav-panel__close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.35rem;border-radius:8px;transition:color .15s}.mobile-nav-panel__close:hover{color:var(--color-text-strong)}.mobile-nav-group{margin-bottom:1.25rem}.mobile-nav-group__label{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:700;color:var(--accent-strong);margin:0 0 .5rem;padding:0 .5rem}.mobile-nav-group__link{display:block;padding:.6rem .75rem;color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:10px;transition:background .12s,color .12s}.mobile-nav-group__link:hover,.mobile-nav-group__link:focus-visible{background:var(--color-overlay-07);color:var(--color-text-strong)}.mobile-nav-group__link.is-active{background:var(--color-accent-soft);color:var(--accent-strong)}.site-nav__links{display:flex;gap:1rem;flex-wrap:wrap}.site-nav__links a{color:var(--text-muted);text-decoration:none;font-weight:600;padding:.35rem .85rem;border-radius:999px;border:1px solid transparent;transition:border-color .2s ease,color .2s ease}.site-nav__links a:hover,.site-nav__links a:focus-visible{color:var(--color-text-strong);border-color:var(--color-overlay-25)}@media(max-width:768px){.site-nav__categories,.nav-search-hint{display:none}.nav-mobile-toggle{display:block}}.cmd-palette-backdrop{position:fixed;inset:0;background:var(--color-backdrop);z-index:600;display:flex;align-items:flex-start;justify-content:center;padding-top:min(20vh,160px);animation:fade-in .12s ease}.cmd-palette{width:min(560px,92vw);background:var(--surface);border:1px solid var(--stroke);border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #0000008c;animation:dropdown-in .15s ease}.cmd-palette__input-wrap{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;border-bottom:1px solid var(--stroke);color:var(--text-muted)}.cmd-palette__input{flex:1;background:none;border:none;color:var(--color-text-strong);font-size:1rem;font-family:inherit;outline:none}.cmd-palette__input::placeholder{color:var(--text-muted)}.cmd-palette__esc{font-size:.7rem;padding:.2rem .45rem;border:1px solid var(--stroke);border-radius:6px;color:var(--text-muted);font-family:inherit}.cmd-palette__list{max-height:340px;overflow-y:auto;padding:.4rem}.cmd-palette__empty{color:var(--text-muted);text-align:center;padding:1.5rem;margin:0;font-size:.9rem}.cmd-palette__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem .85rem;background:none;border:none;border-radius:10px;color:var(--color-text-strong);font-size:.9rem;cursor:pointer;text-align:left;transition:background .1s}.cmd-palette__item:hover,.cmd-palette__item.is-selected{background:var(--color-accent-overlay-12)}.cmd-palette__item-label{font-weight:500}.cmd-palette__item-cat{font-size:.75rem;color:var(--text-muted)}.hero{background:linear-gradient(120deg,var(--color-accent-soft),transparent);border:1px solid var(--stroke);border-radius:24px;padding:2.5rem;display:flex;gap:2rem;align-items:stretch;margin-bottom:2rem;overflow:hidden;width:100%;box-sizing:border-box}.hero__content{flex:1;min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;color:var(--accent-strong);margin:0 0 .5rem}.hero h1{font-size:clamp(2rem,4vw,2.8rem);margin:0 0 1rem;line-height:1.2}.hero h1 span{display:block;font-weight:400;font-size:1.1rem;color:var(--text-muted);margin-top:.5rem;word-break:break-word}.lede{color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem;word-break:break-word}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.chip{border-radius:999px;border:1px solid transparent;padding:.6rem 1.4rem;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.35rem;text-decoration:none}.chip.primary{background:var(--accent);border-color:var(--accent);color:var(--color-text-strong);cursor:pointer}.chip.ghost{background:var(--color-overlay-05);border-color:var(--stroke);color:var(--text-muted)}.hero__badge{width:220px;background:var(--color-hero-badge);border-radius:18px;padding:1.5rem;border:1px solid var(--color-overlay-08);box-shadow:0 20px 40px #0c0f1a99;min-width:0}.hero__badge p{margin:0;color:var(--text-muted);font-size:.85rem}.hero__badge strong{display:block;margin-top:.5rem}.hero__badge span{display:block;margin-top:.35rem;color:var(--text-muted);font-size:.85rem}.workspace{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;width:100%;min-width:0}.panel{background:var(--surface);border-radius:24px;padding:1.75rem;border:1px solid var(--stroke);display:flex;flex-direction:column;min-height:620px;width:100%;box-sizing:border-box;min-width:0;transition:border-color .2s ease}.panel__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.panel__eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--text-muted);margin:0 0 .3rem}.panel__header h2{margin:0;font-size:1.4rem}.panel__actions{display:flex;gap:.75rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;min-width:0;box-sizing:border-box;max-width:100%}.panel__actions>button,.panel__actions>a{flex:1 1 0;min-width:0;box-sizing:border-box;max-width:100%}.primary-btn,.ghost-btn{border:1px solid var(--stroke);border-radius:999px;padding:.72rem 1.2rem;font-size:.92rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;min-height:44px;white-space:nowrap;text-decoration:none;font-weight:600}.ghost-btn{background:var(--color-overlay-04);color:var(--color-text-strong);transition:background .15s ease,border-color .15s ease,transform .1s ease}.ghost-btn:hover{background:var(--color-overlay-09)}.ghost-btn:active{transform:translateY(1px)}.primary-btn.primary-btn--compact{padding:.72rem 1.2rem;min-height:44px;font-size:.92rem;font-weight:600}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-muted)}.field textarea,.field input,.field select{background:var(--surface-alt);border:1px solid var(--color-overlay-08);border-radius:18px;color:var(--color-text-strong);padding:1rem 1.1rem;font-size:.95rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}.field textarea::placeholder,.field input::placeholder{color:var(--color-text-faint)}.field textarea:focus,.field input:focus,.field select:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.field select{font-family:Inter,sans-serif;border-radius:12px;padding:.85rem 2.75rem .85rem 1.1rem;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-strong) 50%),linear-gradient(135deg,var(--color-text-strong) 50%,transparent 50%),linear-gradient(90deg,var(--color-overlay-08),var(--color-overlay-08));background-position:calc(100% - 24px) center,calc(100% - 18px) center,center;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat;transition:border-color .2s ease,box-shadow .2s ease}.field select:focus-visible{outline:none;border-color:var(--color-accent-overlay-70);box-shadow:0 0 0 2px var(--color-accent-soft)}.field select::-ms-expand{display:none}.field textarea{min-height:clamp(420px,55vh,960px);resize:vertical}#jsonInput{min-height:704px}.field input[type=file]{padding:.65rem 1rem;border-style:dashed;border-color:var(--color-overlay-15);cursor:pointer;font-family:Inter,sans-serif}.field input[type=file]::file-selector-button{margin-right:.75rem;padding:.6rem .9rem;border:1px solid var(--color-overlay-15);border-radius:12px;background:var(--color-overlay-06);color:var(--color-text-strong);cursor:pointer;font-weight:600;transition:background .2s ease,border-color .2s ease}.field input[type=file]::file-selector-button:hover{background:var(--color-overlay-12);border-color:var(--color-overlay-20)}.field.small input,.field.small select{border-radius:12px;padding:.6rem .85rem;font-family:Inter,sans-serif}.settings{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:.5rem 0 1.25rem;flex-wrap:wrap}.toggles{display:flex;gap:1rem;flex-wrap:wrap}.toggle{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted)}.toggle input{accent-color:var(--accent);width:1rem;height:1rem}.primary-btn{background:linear-gradient(120deg,var(--accent),var(--accent-strong));border:none;color:var(--color-text-strong);transition:transform .2s ease,opacity .2s ease}.primary-btn:active{transform:translateY(1px)}.composer{position:relative}.composer>.primary-btn{position:fixed;bottom:1.25rem;right:1.5rem;left:auto;align-self:flex-start;box-shadow:0 14px 32px var(--color-accent-overlay-28);padding-inline:1.75rem;z-index:100;max-width:calc(100vw - 3rem);box-sizing:border-box}.composer>.primary-btn.primary-btn--floating-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}@media(max-width:720px){.composer>.primary-btn{left:1rem;right:1rem;width:auto;text-align:center;max-width:none}}.hint{margin-top:.75rem;color:var(--text-muted);font-size:.85rem;line-height:1.5}.hint--error{color:var(--danger)}.error-banner{margin-top:.8rem;padding:.8rem 1rem;border-radius:12px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:var(--danger);font-size:.9rem}.meta{display:flex;gap:1.2rem}.meta__item{background:var(--color-overlay-04);border-radius:16px;padding:.75rem 1rem;border:1px solid var(--stroke)}.meta__item p{margin:0;font-size:.75rem;color:var(--text-muted)}.meta__item strong{font-size:1.4rem}.tabs{display:inline-flex;background:var(--surface-alt);border-radius:999px;padding:.2rem;border:1px solid var(--stroke);margin-bottom:1.2rem}.tab{border:none;background:transparent;color:var(--text-muted);padding:.6rem 1.5rem;border-radius:999px;cursor:pointer;font-weight:600}.tab.active{background:var(--accent);color:var(--color-text-strong)}.tab-panels{flex:1;min-height:clamp(460px,62vh,1100px);min-width:0}.tab-panel{display:none;flex-direction:column;height:100%;min-width:0}.tab-panel.active{display:flex}pre{background:var(--color-code-bg);border-radius:18px;border:1px solid var(--color-overlay-05);padding:1.2rem;height:100%;overflow:auto;word-wrap:break-word;max-width:100%;box-sizing:border-box}.tab-panel>pre{flex:1 1 auto;min-height:clamp(360px,56vh,920px)}code{color:var(--color-text);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.9rem;white-space:pre-wrap;word-break:break-word;max-width:100%}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.75rem;min-width:0}.toolbar-actions{display:inline-flex;gap:.5rem;min-width:0}.download-chips{margin-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.download-chips p{margin:0;font-size:.85rem;color:var(--text-muted)}.download-chips__list{display:flex;flex-wrap:wrap;gap:.5rem}.download-btn{font-size:.85rem;padding:.35rem .9rem;border-radius:999px;display:inline-flex;align-items:center}.download-btn--all{font-weight:600;justify-content:center}.label{font-size:.75rem;border-radius:12px;padding:.3rem .8rem;border:1px solid transparent}.label.success{border-color:#4ade8066;color:var(--success);background:#4ade8014}.label.outline{border-color:var(--color-overlay-30);color:var(--color-text-strong);background:transparent}.markdown-stack{display:flex;gap:1rem;flex-wrap:wrap;min-width:0}.markdown-stack pre{flex:1 1 320px;min-height:200px;min-width:0}.markdown-preview{flex:1 1 260px;background:var(--color-overlay-02);border:1px solid var(--stroke);border-radius:18px;padding:1rem;min-width:0}.preview-label{margin:0 0 .75rem;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.preview-surface{background:#0003;border-radius:14px;border:1px solid var(--color-overlay-05);padding:1rem;min-height:160px;overflow-x:auto}.preview-surface.flash{animation:previewFlash 1s ease}.preview-section+.preview-section{margin-top:1.25rem}.markdown-preview h4{margin:0 0 .5rem;font-size:1rem}.markdown-preview table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:.75rem}.markdown-preview th,.markdown-preview td{border:1px solid var(--color-overlay-15);padding:.4rem .6rem;text-align:left}.markdown-preview th{background:var(--color-accent-soft);font-weight:600}@keyframes previewFlash{0%{box-shadow:0 0 #a58cffa6}70%{box-shadow:0 0 0 12px #a58cff00}to{box-shadow:0 0 #a58cff00}}.feature-hero{margin-bottom:2rem}.feature-input{border:1px solid var(--stroke);border-radius:24px;padding:2rem;background:var(--surface);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem;align-items:stretch;width:100%;box-sizing:border-box}.feature-input__copy p{color:var(--text-muted);line-height:1.6}.feature-input__actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.feature-input__toggles{display:flex;flex-direction:column;gap:.35rem}.feature-input__lombok{margin-bottom:1rem;padding:.75rem 0;border-top:1px solid var(--color-overlay-08);border-bottom:1px solid var(--color-overlay-08)}.feature-input__lombok-title{font-size:.85rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-strong)}.feature-input__lombok-options{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.feature-input textarea{min-height:clamp(420px,62vh,1000px);background:var(--color-code-bg);border-radius:16px;border:1px solid var(--color-overlay-08);padding:1rem;color:var(--color-text-strong)}.feature-input textarea::placeholder{color:var(--color-text-faint)}.feature-input__button{margin-top:.25rem;width:fit-content}.feature-output-block{border:1px solid var(--stroke);border-radius:24px;padding:1.5rem;background:var(--color-overlay-02);margin-bottom:2rem;width:100%;box-sizing:border-box}.feature-output__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem}.feature-output{margin:0;border-radius:18px;border:1px solid var(--color-overlay-08);background:var(--color-code-bg);padding:1rem;max-height:340px;overflow:auto}.feature-output code{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.9rem;color:var(--color-text);white-space:pre;display:block}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.csv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-top:1rem}.csv-panel{display:none}.csv-panel.active{display:block}.csv-toggle{display:inline-flex;gap:.5rem;margin-bottom:1rem;background:var(--color-overlay-04);border:1px solid var(--stroke);border-radius:14px;padding:.35rem}.csv-toggle__btn{border-radius:12px;border:1px solid transparent}.csv-toggle__btn.active{background:var(--color-overlay-08);border-color:var(--color-overlay-18);color:var(--color-text-strong)}.feature-card{background:var(--color-overlay-03);border-radius:18px;border:1px solid var(--stroke);padding:1.5rem}.feature-card h2{margin-top:0}.feature-card p{color:var(--text-muted);line-height:1.6}.feature-card ul{margin:.75rem 0 0;padding-left:1.2rem;color:var(--text-muted);line-height:1.5}.json-formatter-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;width:100%}.curl-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;width:100%}.formatter-panel .field{margin-bottom:0}.formatter-area{height:1051px;min-height:1051px;resize:vertical}.base64-area{height:704px;min-height:704px;resize:vertical}.curl-output-area{min-height:260px;height:260px;resize:vertical}.field textarea.curl-meta-area{height:108px;min-height:108px;resize:vertical}.curl-header-presets{margin-top:-.35rem}.curl-top-controls{display:flex;gap:.9rem;align-items:flex-start;flex-wrap:wrap}.curl-panel__header{align-items:center}.curl-panel__header .panel__actions{flex-wrap:wrap;justify-content:flex-end}.curl-panel__header .panel__actions>button{flex:0 0 auto;width:auto}.curl-floating-action{position:fixed;right:clamp(1rem,3vw,2rem);bottom:max(1rem,env(safe-area-inset-bottom));z-index:80}.curl-floating-action .primary-btn{min-width:172px;padding-inline:1.25rem;box-shadow:0 16px 32px #080c184d}.curl-top-controls>.field{margin-bottom:1rem}.curl-top-controls .base64-mode{flex:1 1 180px;max-width:220px}.curl-top-controls .curl-header-presets{flex:1 1 260px;margin-top:0}.curl-header-presets__controls{display:flex;gap:.6rem;align-items:center}.curl-header-presets__controls select{flex:1 1 auto;min-width:0}.curl-header-presets__controls .ghost-btn{flex:0 0 auto}.curl-headers-actions{display:flex;gap:.6rem;margin:.35rem 0 1rem;flex-wrap:wrap}.curl-env .hint{margin:.1rem 0 .75rem}.curl-env__table{min-width:0}.modal-card .curl-multipart{overflow-x:auto}.modal-card .curl-env__table{width:100%;min-width:0;table-layout:fixed}.modal-card .curl-env__table th,.modal-card .curl-env__table td{word-break:break-word}.curl-env__actions{white-space:nowrap}.curl-env__actions .ghost-btn{min-width:0}.curl-multipart{display:flex;flex-direction:column;gap:.75rem;min-width:0}.curl-multipart__table{width:100%;border-collapse:collapse;min-width:640px}.curl-multipart__table th,.curl-multipart__table td{border:1px solid var(--color-overlay-12);padding:.5rem;text-align:left;vertical-align:top}.curl-multipart__table th{font-size:.8rem;color:var(--text-muted);background:var(--color-overlay-04)}.curl-multipart__table input,.curl-multipart__table select{width:100%}.curl-multipart__value{display:flex;gap:.5rem;align-items:center}.curl-multipart__value [data-multipart-value]{flex:1 1 auto;min-width:0}.curl-multipart__value [data-multipart-pick]{flex:0 0 auto}.curl-multipart__table tr:not(.is-file-row) [data-multipart-pick]{display:none}.base64-mode{max-width:220px}.base64-page #base64Workspace{min-height:100vh}.base64-page #curlWorkspace{min-height:auto;padding-bottom:5.5rem}.formatter-hero{padding:1.6rem 2rem;margin-bottom:1.25rem}.formatter-hero h1{font-size:clamp(1.6rem,3vw,2rem);margin-bottom:.5rem}.formatter-hero .lede{margin-bottom:.75rem}.formatter-controls{display:flex;flex-wrap:nowrap;gap:.6rem;margin-top:.15rem;margin-bottom:.85rem}.formatter-controls--header{margin-top:0;margin-bottom:0;justify-content:flex-end;align-items:center}.formatter-controls .primary-btn,.formatter-controls .ghost-btn{width:auto;border-radius:12px;padding:.5rem .85rem;font-size:.82rem;line-height:1.1;white-space:nowrap}.formatter-panel .panel__header{align-items:center}@media(max-width:640px){.formatter-panel .panel__header{flex-direction:row;align-items:center}.formatter-controls--header{gap:.4rem;overflow-x:auto;padding-bottom:.1rem}.formatter-controls .primary-btn,.formatter-controls .ghost-btn{flex:0 0 auto}.base64-mode{max-width:100%}.base64-area{min-height:420px;height:420px}.curl-output-area{min-height:220px;height:220px}.field textarea.curl-meta-area{min-height:84px;height:84px}.curl-header-presets__controls{flex-direction:column;align-items:stretch}.curl-top-controls{flex-direction:column;gap:0}.curl-panel__header{align-items:flex-start}.curl-panel__header .panel__actions{width:100%;justify-content:flex-start}.curl-floating-action{left:1rem;right:1rem}.curl-floating-action .primary-btn{width:100%}.curl-top-controls .base64-mode,.curl-top-controls .curl-header-presets{flex:1 1 auto;width:100%;max-width:100%}.curl-header-presets__controls .ghost-btn{width:100%}.curl-multipart{overflow-x:auto}.curl-multipart__value{flex-direction:column;align-items:stretch}}.formatter-hint{margin-top:.6rem}.formatter-page #formatterWorkspace{min-height:100vh}.feature-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.feature-steps article{background:var(--color-overlay-02);border:1px solid var(--stroke);border-radius:16px;padding:1.25rem}.feature-steps h3{margin-top:0}.feature-steps ol{padding-left:1.3rem;margin:0;color:var(--text-muted);line-height:1.5}.feature-detail{background:var(--color-surface-raised);border:1px solid var(--color-overlay-08);border-radius:24px;padding:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;align-items:flex-start;width:100%;box-sizing:border-box}.feature-detail h3{margin-top:0}.feature-detail pre{margin:0;min-height:220px}.feature-detail__info p{color:var(--text-muted);line-height:1.6}.landing-hero{margin-bottom:1rem}.landing-toc{position:sticky;top:1rem;z-index:5;display:flex;gap:.75rem;flex-wrap:nowrap;overflow-x:auto;margin-bottom:2.5rem;padding:1rem 1.25rem;border-radius:999px;border:1px solid var(--color-stroke);background:#04070ff2;box-shadow:0 15px 40px #00000040;width:100%;box-sizing:border-box}.landing-toc a{color:var(--text-muted);font-weight:600;text-decoration:none;padding:.35rem .9rem;border-radius:999px;transition:background .2s ease,color .2s ease}.landing-toc a:hover,.landing-toc a:focus-visible{background:var(--color-overlay-08);color:var(--color-text-strong)}.seo-grid{margin-top:4rem;padding:3rem;border-radius:32px;border:1px solid var(--stroke);background:#0a0d17d9}.seo-grid__intro{max-width:720px;margin-bottom:2rem}.seo-grid__intro p{color:var(--text-muted);line-height:1.6}.seo-grid__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.seo-grid article{display:flex;flex-direction:column;gap:.75rem;padding:1.75rem;border-radius:20px;border:1px solid var(--color-overlay-08);background:#0e121fe6}.seo-grid article h2{margin:0}.seo-grid article p{margin:0;color:var(--text-muted);line-height:1.5}.seo-grid article .chip{align-self:flex-start;text-decoration:none}.global-accordion{margin-top:3rem;display:flex;flex-direction:column;gap:1rem}.global-accordion details{border:1px solid var(--color-overlay-08);border-radius:18px;padding:0;background:#0a0d17f2}.global-accordion summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-weight:600}.global-accordion summary::-webkit-details-marker{display:none}.accordion-title{font-size:1rem}.accordion-chip{font-size:.85rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.global-accordion details[open] summary{border-bottom:1px solid var(--color-overlay-08)}.accordion-panel{padding:1.25rem 1.5rem 1.75rem;color:var(--text-muted);line-height:1.5;display:grid;gap:1rem}.accordion-panel .primary-btn{max-width:fit-content}.global-links{margin:4rem 0 0;padding:2.5rem;border-radius:32px;border:1px solid var(--color-overlay-08);background:#04050cf2}.global-links h2{margin:0 0 1rem;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.global-links__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.global-links__grid a{display:inline-flex;align-items:center;justify-content:center;padding:.65rem .8rem;border-radius:999px;border:1px solid var(--color-overlay-08);text-decoration:none;color:var(--color-text-strong);font-weight:600;transition:border-color .2s ease,background .2s ease}.global-links__grid a:hover,.global-links__grid a:focus-visible{border-color:var(--accent);background:var(--color-overlay-08)}.seo-faq{margin:2.5rem 0 0;padding:2rem 2.5rem;border-radius:28px;border:1px solid var(--color-overlay-08);background:#00040ce6;display:grid;gap:.75rem}.seo-faq h2{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:1rem}.seo-faq details{border:1px solid var(--color-overlay-08);border-radius:16px;overflow:hidden;background:#090c14f2}.seo-faq summary{cursor:pointer;padding:.9rem 1.1rem;font-weight:600}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq details[open] summary{border-bottom:1px solid var(--color-overlay-08)}.seo-faq p{margin:0;padding:.9rem 1.1rem 1.1rem;color:var(--text-muted);line-height:1.5}.seo-tile{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem 1.5rem;border-radius:18px;border:1px solid var(--color-overlay-08);background:#11182799;color:var(--text);text-decoration:none;transition:border-color .2s ease,transform .2s ease}.seo-tile:hover{border-color:var(--accent);transform:translateY(-2px)}.seo-tile__keyword{font-weight:600;font-size:1rem}.seo-tile p{margin:0;color:var(--text-muted);line-height:1.4}.seo-tile__meta{font-size:.85rem;color:var(--accent)}.seo-keywords{margin-top:3rem;padding:2.5rem;border-radius:28px;border:1px solid var(--color-overlay-08);background:#060810f2}.seo-keywords__inner{max-width:640px;margin:0 auto;text-align:center}.seo-keywords h2{margin:0 0 1rem}.seo-keywords ul{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.5rem;color:var(--text-muted)}.seo-keywords li{padding-bottom:.4rem;border-bottom:1px dashed var(--color-overlay-15)}.seo-keywords .primary-btn{align-self:center}.lang-switch{display:inline-flex;gap:.4rem;align-items:center;margin-left:.5rem}.lang-switch .ghost-btn.active{border-color:var(--accent);color:var(--color-text-strong)}.site-footer{margin-top:3rem;border-top:1px solid var(--color-overlay-08);padding:2rem 1rem;background:#02040ae6}.site-footer__inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--text-muted)}.site-footer__links{display:flex;gap:1rem}.site-footer__links a{color:var(--color-text-strong);text-decoration:none;font-weight:600}.adfit-banner{max-width:980px;width:100%;margin:1.5rem auto 0;padding:1rem 1.1rem;border:1px solid var(--color-overlay-06);border-radius:18px;background:#ffffff06;box-shadow:0 10px 28px #00000038;box-sizing:border-box}.adfit-banner__label{font-size:.82rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em;margin-bottom:.45rem;display:flex;align-items:center;gap:.4rem;opacity:.88}.adfit-banner__label:before{content:"*";color:var(--accent);font-size:.65rem}.adfit-banner__frame{display:flex;justify-content:center;align-items:center;padding:.5rem;min-height:250px;background:linear-gradient(135deg,var(--color-overlay-04),rgba(255,255,255,.01));border:1px dashed var(--color-overlay-08);border-radius:14px}.adfit-banner.is-pending .adfit-banner__frame,.adfit-rail.is-pending{opacity:1;background:transparent;box-shadow:none}.adfit-banner.is-loaded .adfit-banner__frame,.adfit-rail.is-loaded{opacity:1;transition:opacity .18s ease}.adfit-rail{position:fixed;top:156px;left:12px;z-index:10;width:160px;height:600px;display:flex;justify-content:center;align-items:flex-start;padding:.25rem;border-radius:12px;background:var(--color-floating-surface);border:1px solid var(--color-overlay-08);box-shadow:0 14px 32px #00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.adfit-rail--right{left:auto;right:12px}@media(max-width:960px){.hero{flex-direction:column;padding:1.75rem}.hero__badge{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.panel{min-height:auto}.meta{gap:.75rem}.workspace{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.tab-panels{min-height:clamp(380px,58vh,820px)}.tab-panel>pre{min-height:clamp(320px,52vh,780px)}.field textarea{min-height:clamp(360px,52vh,820px)}.feature-detail,.seo-grid,.global-links,.seo-keywords{padding:1.75rem}.panel__header{align-items:stretch}.panel__actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.panel__actions .primary-btn--compact,.panel__actions .ghost-btn{flex:1 1 calc((100% - .75rem)/2)}}@media(max-width:640px){.app-shell{max-width:100%;width:100%;padding:1.5rem 1rem 7rem}body{font-size:16px}.lede,.content-block p,.content-block li,.content-block ol,.content-block ul{font-size:1rem;line-height:1.7}main.content-page{gap:1.1rem}.content-block{padding:1.35rem 1.1rem;border-radius:16px;width:100%}.site-nav{flex-direction:column;align-items:flex-start}.site-nav__links{width:100%;justify-content:flex-start;gap:.6rem;overflow-x:auto;padding-bottom:.25rem}.hero{padding:1.5rem;gap:1.25rem;border-radius:18px;flex-wrap:wrap;overflow:hidden;width:100%}.hero h1{font-size:clamp(1.9rem,8vw,2.3rem);word-break:break-word}.panel__header{flex-direction:column}.workspace{grid-template-columns:minmax(0,1fr)}.panel{min-height:auto;padding:1.35rem;width:100%}.panel__actions{width:100%;flex-wrap:wrap}.panel__actions .primary-btn--compact,.panel__actions .ghost-btn{flex:1 1 100%;width:100%;text-align:center;white-space:normal}.settings{flex-direction:column;align-items:stretch}.field textarea{min-height:clamp(280px,48vh,620px);font-size:.95rem}.meta{width:100%;flex-wrap:wrap}.meta__item{flex:1;text-align:center;min-width:0}.tabs{display:flex;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}.tab{flex:0 0 auto;white-space:nowrap}.panel-toolbar{flex-wrap:wrap}.toolbar-actions{width:100%;flex-wrap:wrap}.toolbar-actions .ghost-btn{flex:1 1 100%}.seo-grid,.seo-keywords{padding:2rem 1.25rem}.landing-toc{position:static;border-radius:24px;overflow-x:auto;width:100%;padding:.85rem 1rem}.global-accordion summary{flex-direction:column;align-items:flex-start}.global-links__grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.site-footer__inner{flex-direction:column;text-align:center}.site-footer__links{flex-wrap:wrap;justify-content:center}.adfit-banner{padding:.9rem;margin:1.25rem auto 0}.adfit-banner__frame{min-height:220px}.adfit-rail{display:none!important}.feature-detail,.seo-grid,.global-links,.seo-keywords,.seo-faq{padding:1.5rem 1.25rem;border-radius:20px}.feature-detail{grid-template-columns:1fr}pre{font-size:.85rem}.landing-toc a{white-space:nowrap}.feature-grid,.csv-grid,.json-formatter-layout,.global-links__grid{grid-template-columns:1fr}.feature-detail,.seo-grid,.global-links,.seo-faq,.seo-keywords,.feature-input,.feature-output-block,.workspace,.panel,.feature-hero,.global-links__grid{width:100%}.app-shell{max-width:100%;width:100%;padding-bottom:4.5rem}.composer{position:relative}.composer>.primary-btn{position:fixed;left:1rem;right:1rem;bottom:1.25rem;width:auto;text-align:center;z-index:120;max-width:calc(100vw - 2rem)}}@media(max-width:480px){.app-shell{padding:1.25rem .9rem 2.5rem}.site-nav__links a{padding:.3rem .75rem}.hero{padding:1.25rem;width:100%}.content-block{padding:1.2rem;width:100%}.hero__badge{width:100%}h1{font-size:clamp(1.8rem,8vw,2.4rem);line-height:1.2}h2{font-size:clamp(1.2rem,6vw,1.6rem)}pre{font-size:.82rem}.landing-toc{padding:.75rem .9rem}.panel{padding:1.1rem}.panel__actions{gap:.6rem}.panel__actions .primary-btn--compact,.panel__actions .ghost-btn{width:100%;padding-inline:.9rem;font-size:.82rem}.tabs{padding:.2rem}.tab{padding:.55rem 1rem}.meta{flex-direction:column}.panel-toolbar .label,.panel-toolbar .ghost-btn,.toolbar-actions,.toolbar-actions .ghost-btn{width:100%}.composer>.primary-btn{bottom:1rem;left:.9rem;right:.9rem;padding-inline:1rem}}.toast-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:700;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none;width:max-content;max-width:90vw}.toast{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem;border-radius:12px;font-size:.88rem;font-weight:500;color:var(--color-text-strong);pointer-events:auto;cursor:pointer;animation:toast-in .25s ease;box-shadow:0 8px 24px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.toast--success{background:#4ade802e;border:1px solid rgba(74,222,128,.3)}.toast--success .toast__icon{color:var(--success)}.toast--error{background:#ff6b6b2e;border:1px solid rgba(255,107,107,.3)}.toast--error .toast__icon{color:var(--danger)}.toast--info{background:var(--color-accent-overlay-25);border:1px solid var(--color-accent-overlay-28)}.toast--info .toast__icon{color:var(--accent-strong)}.toast__icon{display:flex;align-items:center;flex-shrink:0}.toast__message{line-height:1.3}.home-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:.5rem}.home-tool-group{background:var(--surface);border:1px solid var(--stroke);border-radius:16px;padding:1rem 1.15rem}.home-tool-group__label{text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:700;color:var(--accent-strong);margin:0 0 .65rem}.home-tool-group__links{display:flex;flex-wrap:wrap;gap:.4rem}.home-tool-chip{display:inline-block;padding:.35rem .7rem;font-size:.82rem;font-weight:500;color:var(--text-muted);background:var(--color-overlay-05);border:1px solid var(--stroke);border-radius:8px;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .15s}.home-tool-chip:hover{color:var(--color-text-strong);background:var(--color-accent-overlay-12);border-color:var(--color-accent-overlay-28);transform:translateY(-1px)}.collapsible-section{width:100%}.collapsible-section__trigger{cursor:pointer;list-style:none;display:grid;gap:.25rem;position:relative;padding-right:2rem}.collapsible-section__trigger::-webkit-details-marker{display:none}.collapsible-section__trigger:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(0);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-muted);transition:transform .2s ease}details[open]>.collapsible-section__trigger:after{transform:translateY(-50%) rotate(180deg)}.collapsible-section__trigger h2{margin:0;font-size:1.2rem}.collapsible-section__trigger .eyebrow{margin:0}.collapsible-section__body{margin-top:1.25rem;animation:collapse-open .2s ease}@keyframes collapse-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hero--home{align-items:center}.hero--home h1{font-size:clamp(1.6rem,3.5vw,2.4rem)}.hero--home .hero__actions{margin-top:1rem}.tools-nav{display:flex;gap:.75rem;flex-wrap:wrap}.tools-nav a{color:var(--tool-muted);text-decoration:none;padding:.4rem .85rem;border-radius:999px;border:1px solid transparent;font-weight:600}.tools-nav a:hover,.tools-nav a:focus-visible,.tools-nav a.is-active{color:var(--color-text-strong);border-color:var(--color-overlay-18);background:var(--color-overlay-05)}.tool-hero{align-items:flex-start}.tool-hero .lede{max-width:72ch}.tool-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.5rem;margin-bottom:1.5rem}.tool-layout--single{grid-template-columns:minmax(0,1fr)}.tool-stack{display:grid;gap:1.5rem}.tool-panel{min-height:auto}.tool-panel .field textarea,.tool-panel .field input,.tool-panel .field select{width:100%}.tool-panel .field textarea{min-height:280px}.tool-panel .field textarea.code-area,.tool-panel .field textarea.result-area,.tool-panel pre code,.tool-note pre code{font-size:.88rem;line-height:1.55}.tool-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tool-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tool-actions{display:flex;flex-wrap:wrap;gap:.75rem}.tool-actions .primary-btn,.tool-actions .ghost-btn{min-height:40px}.tool-message{margin-top:.75rem;padding:.9rem 1rem;border-radius:14px;border:1px solid var(--tool-stroke);background:var(--color-overlay-04);color:var(--tool-muted);font-size:.92rem;line-height:1.5}.tool-message[hidden]{display:none}.tool-message.is-error{color:#ffd1d1;border-color:#ff6b6b4d;background:#ff6b6b1f}.tool-message.is-success{color:#d7ffe6;border-color:#4ade8047;background:#4ade801f}.tool-result{display:grid;gap:1rem}.tool-result pre,.tool-note pre{margin:0;min-height:320px;background:var(--tool-code-bg)}.tool-note{background:var(--color-overlay-03);border:1px solid var(--tool-stroke);border-radius:24px;padding:1.5rem}.tool-note h2,.tool-note h3,.tool-result h2,.tool-result h3{margin:0 0 .75rem}.tool-note p,.tool-note li,.tool-result p,.tool-result li{color:var(--tool-muted);line-height:1.65}.tool-note ul,.tool-result ul{margin:0;padding-left:1.1rem}.tool-related{margin-top:1.5rem}.related-grid,.tool-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.related-card,.tool-card{background:var(--tool-surface);border:1px solid var(--tool-stroke);border-radius:20px;padding:1.25rem;display:grid;gap:.65rem}.related-card a,.tool-card a{color:var(--color-text-strong);text-decoration:none;font-weight:700}.related-card p,.tool-card p,.tool-card li{color:var(--tool-muted);margin:0;line-height:1.55}.tool-category{margin-top:1.5rem;display:grid;gap:1rem}.tool-category__header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.tool-category__header p{margin:0;color:var(--tool-muted)}.tool-card .eyebrow{margin:0}.tool-card ul{padding-left:1.1rem;margin:0}.inline-selects{display:flex;gap:.75rem;flex-wrap:wrap}.inline-selects .field{flex:1 1 180px;margin-bottom:0}.uuid-controls{align-items:end}.uuid-controls .field{max-width:220px}.uuid-controls input,.uuid-controls select{min-height:46px}.uuid-controls #uuidCount{max-width:140px;text-align:center;appearance:textfield;-moz-appearance:textfield}.password-options{display:grid;gap:.85rem;margin-top:1rem}.password-options label{display:flex;align-items:center;gap:.65rem;color:var(--tool-muted);line-height:1.5}.password-options input[type=checkbox]{width:18px;height:18px;accent-color:#8cb4ff}.password-strength{margin:.85rem 0 0;color:#d7e6ff;font-size:.95rem}.tool-note--article{margin-bottom:1.5rem}.uuid-controls #uuidCount::-webkit-outer-spin-button,.uuid-controls #uuidCount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.uuid-controls+.tool-message,.uuid-controls+.hint-inline{margin-top:.75rem}.token-table{width:100%;border-collapse:collapse;font-size:.9rem}.token-table th,.token-table td{border:1px solid var(--color-stroke);padding:.65rem .8rem;text-align:left;vertical-align:top}.token-table th{background:#7c5dfa29}.split-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hint-inline{color:var(--tool-muted);font-size:.84rem;line-height:1.5}.tool-cta-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.site-footer.site-footer--tools{margin-top:2rem}@media(max-width:980px){.tool-layout,.split-panels,.tool-grid-2,.tool-grid-3{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.tool-panel .field textarea{min-height:220px}.tool-result pre,.tool-note pre{min-height:240px}.tool-category__header{align-items:flex-start;flex-direction:column}}.react-shell{display:grid;gap:1.5rem;animation:page-fade-in .25s ease}.ad-unit{display:flex;justify-content:center;margin:1rem 0;min-height:50px;overflow:hidden}.ad-unit--footer{margin-top:2rem;padding:1rem 0}.ad-unit--content{margin:1.5rem 0}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.react-shell__footer{color:var(--text-muted);font-size:.92rem;padding-top:.5rem}.react-shell__footer p{margin:0}.stack{display:grid;gap:1.5rem}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.status-card{background:var(--color-surface-raised);border:1px solid var(--stroke);border-radius:20px;padding:1.25rem;display:grid;gap:.65rem}.status-card p,.status-card li{color:var(--text-muted);margin:0;line-height:1.6}.status-card h3{margin:0}.status-card ul{margin:0;padding-left:1.1rem}.modal-backdrop{position:fixed;inset:0;background:var(--color-overlay-30);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:400}.modal-card{width:min(100%,720px);background:var(--surface);border:1px solid var(--stroke);border-radius:20px;padding:1.25rem;max-height:min(80vh,760px);overflow-y:auto}.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.link-card{display:grid;gap:.5rem;padding:1.15rem;border-radius:18px;background:var(--color-surface-raised);border:1px solid var(--stroke);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.link-card:hover{transform:translateY(-2px);border-color:var(--color-accent-overlay-25);box-shadow:0 8px 24px #0003}.link-card strong{color:var(--color-text-strong)}.link-card span{color:var(--text-muted);line-height:1.5}.legacy-note{color:var(--text-muted);margin:0;line-height:1.6}.tool-grid-1{display:grid;gap:.65rem}.result-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--stroke);background:var(--color-surface-raised)}.result-row__meta{display:grid;gap:.25rem;min-width:0;flex:1}.result-row__label{color:var(--text-muted);font-size:.82rem;letter-spacing:.02em;text-transform:uppercase}.result-row__value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;color:var(--color-text-strong);word-break:break-all;white-space:pre-wrap}.inline-meta{display:flex;flex-wrap:wrap;gap:.75rem}.inline-meta span{padding:.35rem .75rem;border-radius:999px;background:var(--color-overlay-05);border:1px solid var(--stroke);color:var(--text-muted);font-size:.88rem}.article-page{display:grid;gap:1.5rem}.article-section{display:grid;gap:1rem}.article-section p,.article-section li,.article-cta p{line-height:1.8}.article-list{margin:0;padding-left:1.2rem;display:grid;gap:.5rem}.article-code{display:grid;gap:.5rem}.article-code pre{margin:0}.article-cta{display:grid;gap:1rem}.tool-result-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:1rem}.tool-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.mini-card{display:grid;gap:.75rem;padding:1.1rem 1.15rem;border-radius:18px;border:1px solid var(--stroke);background:var(--color-surface-raised);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.mini-card:hover{transform:translateY(-2px);border-color:var(--color-accent-overlay-25);box-shadow:0 8px 24px #0003}.mini-card h3,.mini-card p{margin:0}.mini-card a{color:var(--color-text-strong);text-decoration:none}.mini-card a:hover{text-decoration:underline}.mini-card p{color:var(--text-muted);line-height:1.7}.workspace{scroll-margin-top:1rem}.retention-block{display:grid;gap:1rem}.retention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.workflow-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.workflow-link-grid .mini-card{padding:.95rem 1rem}.workflow-link-grid .mini-card h3{font-size:1rem}.field-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem;flex-wrap:wrap}.field-title-row>span{color:var(--color-text-strong);font-size:.95rem}.field-title-actions,.field-button-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.field-hint{margin:.45rem 0 0;color:var(--text-muted);font-size:.88rem;line-height:1.5}.jwt-storage-modal{display:grid;gap:1rem}.jwt-storage-list{display:grid;gap:.85rem}.jwt-storage-item{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--stroke);border-radius:16px;background:var(--color-surface-raised)}.jwt-storage-item pre{margin:0;max-height:220px;overflow:auto}.jwt-storage-item__meta{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}@media(max-width:900px){.tool-result-grid{grid-template-columns:1fr}}@media(max-width:720px){.panel__actions,.panel__actions--compact,.field-button-row{width:100%}.panel__actions>*,.panel__actions--compact>*,.field-button-row>*{flex:1 1 calc(50% - .55rem);min-width:0}.workflow-link-grid,.retention-grid{grid-template-columns:1fr}}.jwt-storage-item__meta span{color:var(--text-muted);font-size:.82rem}.workspace--single-column{display:grid;grid-template-columns:minmax(0,1fr)!important}.workspace--two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace--two-column .panel:not(.panel--full){min-height:764px}.replace-panel{min-height:auto;height:auto;max-height:none;overflow:visible}@media(max-width:900px){.workspace--two-column{grid-template-columns:minmax(0,1fr)}.replace-panel{min-height:auto;height:auto;max-height:none;overflow:visible}.replace-panel .transform-area,.replace-panel .transform-output-area{min-height:320px!important;height:320px!important;max-height:none;resize:vertical}}.panel--full{grid-column:1 / -1}.panel--full.panel--compact{min-height:0;padding:.85rem 1.1rem}.panel--compact{min-height:auto;padding:1rem 1.25rem}.tool-mode-switch{display:flex;flex-wrap:wrap;gap:.75rem}.tool-mode-switch .primary-btn,.tool-mode-switch .ghost-btn{padding:.5rem 1rem;min-height:38px;font-size:.88rem}.tool-mode-switch--compact{gap:.5rem}.tool-mode-switch--compact .primary-btn,.tool-mode-switch--compact .ghost-btn{padding:.4rem .9rem;min-height:34px;font-size:.85rem}.panel__actions--compact{justify-content:flex-start}.panel__actions--compact>button,.panel__actions--compact>a{flex:0 0 auto;width:auto}.feature-hero{padding:1.45rem 1.75rem;margin-bottom:1rem;gap:1rem}.feature-hero h1{margin-bottom:.65rem;font-size:clamp(1.7rem,3vw,2.3rem)}.feature-hero .lede{margin-bottom:0}.feature-hero--compact{padding:1.2rem 1.5rem}@media(max-width:900px){.tool-result-grid,.tool-grid-3{grid-template-columns:1fr}}.workspace .panel__actions,.stack .panel__actions,.tool-actions{flex-wrap:wrap}.workspace .panel__actions>button,.workspace .panel__actions>a,.stack .panel__actions>button,.stack .panel__actions>a,.tool-actions>button,.tool-actions>a{flex:0 1 auto}.workspace .primary-btn,.workspace .ghost-btn,.stack .primary-btn,.stack .ghost-btn,.tool-actions .primary-btn,.tool-actions .ghost-btn{white-space:normal;text-align:center;word-break:keep-all}.field textarea{min-height:1400px}.field textarea.avro-decode-area{min-height:800px!important;height:800px}.field textarea.curl-headers-area{min-height:220px!important;height:220px;resize:none}.field textarea.curl-body-area{min-height:340px!important;height:340px;resize:none}.field textarea.curl-output-area{min-height:420px!important;height:420px;resize:none}.field textarea.transform-area,.field textarea.transform-output-area{min-height:460px!important;height:460px;resize:vertical}.field textarea.jwt-input-area{min-height:120px!important;height:120px;resize:vertical}.jwt-input-panel{min-height:auto!important}.field textarea.jwt-payload-area{min-height:440px!important;height:440px}.field textarea.jwt-verify-area{min-height:220px!important;height:220px;resize:none}.jwt-check-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.jwt-check-list li{display:grid;gap:.25rem;padding:.9rem 1rem;border-radius:14px;border:1px solid var(--stroke)}.jwt-check-list li.is-valid{background:var(--color-success-soft)}.jwt-check-list li.is-invalid{background:var(--color-danger-soft)}.jwt-check-list span{color:var(--text-muted)}.tool-message--note{color:var(--text-muted);border-color:var(--stroke);background:var(--color-overlay-03)}.curl-env-card,.curl-form-card{gap:.9rem}.curl-env-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.curl-env-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid var(--stroke);border-radius:14px;background:var(--color-overlay-03)}.curl-env-list__key{font-weight:700;color:var(--color-text-strong)}.curl-env-list code{color:var(--text-muted);word-break:break-all}.saved-state-panel{display:grid;gap:1rem}.saved-state-list{display:grid;gap:.75rem}.saved-state-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;border:1px solid var(--stroke);border-radius:16px;background:var(--color-surface-raised)}.saved-state-item strong,.saved-state-item p{display:block;margin:0}.saved-state-item p{color:var(--text-muted);font-size:.9rem;margin-top:.35rem}.curl-inline-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.curl-inline-row--triple{grid-template-columns:1.2fr .8fr 1.2fr}.curl-inline-row--quad{grid-template-columns:1.2fr .8fr 1.2fr auto;align-items:end}.ghost-btn--icon{padding:.4rem .6rem;min-height:34px;min-width:34px;font-size:1.1rem;line-height:1;border-radius:10px;display:flex;align-items:center;justify-content:center}.curl-options-grid{display:flex;flex-wrap:wrap;gap:1rem}.curl-option-check{display:flex;align-items:center;gap:.4rem;font-size:.88rem;color:var(--text-muted);cursor:pointer}.curl-option-check input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}@media(max-width:900px){.saved-state-item{flex-direction:column;align-items:stretch}.curl-inline-row,.curl-inline-row--triple,.curl-inline-row--quad{grid-template-columns:1fr}}.formatter-stats{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:var(--text-muted);padding:.5rem 0 0}.formatter-stats__badge{padding:.2rem .55rem;border-radius:6px;font-weight:600;font-size:.75rem;background:var(--color-overlay-06);border:1px solid var(--stroke)}.formatter-stats__badge--valid{color:var(--success);border-color:var(--color-success);background:var(--color-success-soft)}.formatter-stats__badge--invalid{color:var(--danger);border-color:var(--color-danger);background:var(--color-danger-soft)}.formatter-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.formatter-mode-switch,.formatter-indent{display:flex;gap:.35rem}.formatter-mode-switch .primary-btn,.formatter-mode-switch .ghost-btn,.formatter-indent .primary-btn,.formatter-indent .ghost-btn{padding:.4rem .85rem;font-size:.82rem;min-height:36px}.jwt-expiry-countdown{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:8px;font-size:.82rem;font-weight:600;animation:toast-in .3s ease}.jwt-expiry-countdown--valid{color:var(--success);background:var(--color-success-soft);border:1px solid var(--color-success)}.jwt-expiry-countdown--expired{color:var(--danger);background:var(--color-danger-soft);border:1px solid var(--color-danger)}.jwt-cross-link{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:10px;font-size:.85rem;font-weight:500;color:var(--accent-strong);background:var(--color-accent-overlay-12);border:1px solid var(--color-accent-overlay-25);text-decoration:none;transition:background .15s,border-color .15s}.jwt-cross-link:hover{background:var(--color-accent-soft);border-color:var(--color-accent-overlay-70)}.secret-field-wrap{position:relative}.secret-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.3rem;border-radius:6px;display:flex;align-items:center;transition:color .15s}.secret-toggle:hover{color:var(--color-text-strong)}.jwt-status-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.5rem 0 0}.jwt-status-row__meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.jwt-status-row__actions{display:flex;align-items:center;gap:.5rem}.jwt-status-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;border-radius:6px;font-size:.75rem;font-weight:600;background:var(--color-overlay-06);border:1px solid var(--stroke);color:var(--color-text-strong)}.jwt-status-tag--dim{color:var(--text-muted)}.jwt-status-tag--valid{color:var(--success);border-color:var(--color-success);background:var(--color-success-soft)}.jwt-status-tag--expired{color:var(--danger);border-color:var(--color-danger);background:var(--color-danger-soft)}.jwt-remember-label{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--text-muted);cursor:pointer;white-space:nowrap}.jwt-remember-label input{accent-color:var(--accent);width:.9rem;height:.9rem}.jwt-text-btn{background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:.15rem .35rem;border-radius:4px;transition:color .15s}.jwt-text-btn:hover{color:var(--danger)}.jwt-token-input{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-overlay-08);border-radius:14px;overflow:hidden;background:var(--surface-alt)}.jwt-token-input__field{background:transparent!important;border:none!important;border-radius:0!important;min-height:80px!important;height:80px;resize:vertical;padding:.85rem 1rem;font-size:.88rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;color:var(--color-text-strong);outline:none;word-break:break-all}.jwt-token-input__field::placeholder{color:var(--text-muted)}.jwt-token-input__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .75rem;border-top:1px solid var(--color-overlay-06);background:#00000026;flex-wrap:wrap}.jwt-token-input__tags{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.jwt-token-input__save{display:inline-flex;align-items:center;gap:.3rem;font-size:.73rem;color:var(--text-muted);cursor:pointer;white-space:nowrap;flex-shrink:0}.jwt-token-input__save input{accent-color:var(--accent);width:.85rem;height:.85rem}:root{--jwt-header-color: var(--color-accent);--jwt-header-soft: var(--color-accent-soft);--jwt-payload-color: var(--color-info);--jwt-payload-soft: rgba(140, 180, 255, .14);--jwt-signature-color: var(--color-warning);--jwt-signature-soft: rgba(245, 185, 113, .12)}.jwt-workbench{display:grid;gap:var(--space-4);min-width:0;max-width:100%}.jwt-workbench>*{min-width:0;max-width:100%}.jwt-input-wrap{position:relative;background:linear-gradient(180deg,var(--color-surface-raised),var(--color-surface));border:1px solid var(--color-stroke);border-radius:var(--radius-xl);padding:var(--space-5);overflow:hidden;min-width:0;max-width:100%;box-sizing:border-box}.jwt-input-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,var(--color-accent-overlay-12),transparent 40%),radial-gradient(circle at 100% 100%,rgba(140,180,255,.08),transparent 40%);pointer-events:none}.jwt-input-wrap>*{position:relative}.jwt-input-wrap__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.jwt-input-wrap__eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);margin:0}.jwt-input-wrap__header h2{margin:0;font-size:1.4rem;letter-spacing:-.015em}.jwt-input-wrap__actions{display:flex;gap:var(--space-2)}.jwt-input-wrap__field{width:100%;min-height:96px;max-height:200px;max-width:100%;padding:var(--space-4);background:var(--color-code-bg);border:1px solid var(--color-stroke);border-radius:var(--radius-md);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;color:var(--color-text);resize:vertical;word-break:break-all;line-height:1.6}.jwt-input-wrap__field::placeholder{color:var(--color-text-faint)}.jwt-input-wrap__field:focus{outline:none;border-color:var(--color-accent-overlay-70);box-shadow:0 0 0 3px var(--color-accent-overlay-25)}.jwt-segments{margin-top:var(--space-3);display:flex;align-items:stretch;gap:2px;background:var(--color-code-bg);border:1px solid var(--color-stroke);border-radius:var(--radius-md);padding:2px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;overflow:hidden}.jwt-segment{flex:1;padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-md) - 4px);display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.jwt-segment__label{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600}.jwt-segment__value{color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jwt-segment[data-seg=header]{background:var(--jwt-header-soft)}.jwt-segment[data-seg=header] .jwt-segment__label{color:var(--jwt-header-color)}.jwt-segment[data-seg=payload]{background:var(--jwt-payload-soft)}.jwt-segment[data-seg=payload] .jwt-segment__label{color:var(--jwt-payload-color)}.jwt-segment[data-seg=signature]{background:var(--jwt-signature-soft)}.jwt-segment[data-seg=signature] .jwt-segment__label{color:var(--jwt-signature-color)}.jwt-meta{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.jwt-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-overlay-05);border:1px solid var(--color-stroke);border-radius:999px;font-size:.8rem;color:var(--color-text)}.jwt-chip strong{color:var(--color-text-muted);font-weight:500;margin-right:var(--space-1);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.jwt-chip--valid{background:var(--color-success-soft);border-color:#4ade804d;color:var(--color-success)}.jwt-chip--invalid{background:var(--color-danger-soft);border-color:#ff6b6b4d;color:var(--color-danger)}.jwt-chip--dim{color:var(--color-text-faint);background:transparent}.jwt-chip svg{flex-shrink:0}.jwt-decoded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);min-width:0;max-width:100%}.jwt-decoded-panel{background:var(--color-surface-raised);border:1px solid var(--color-stroke);border-left-width:3px;border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);position:relative;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box}.jwt-decoded-panel[data-seg=header]{border-left-color:var(--jwt-header-color)}.jwt-decoded-panel[data-seg=payload]{border-left-color:var(--jwt-payload-color)}.jwt-decoded-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.jwt-decoded-panel__title{display:flex;align-items:center;gap:var(--space-2)}.jwt-decoded-panel__eyebrow{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin:0}.jwt-decoded-panel[data-seg=header] .jwt-decoded-panel__eyebrow{color:var(--jwt-header-color)}.jwt-decoded-panel[data-seg=payload] .jwt-decoded-panel__eyebrow{color:var(--jwt-payload-color)}.jwt-decoded-panel__title h3{margin:0;font-size:.92rem;font-weight:500;color:var(--color-text)}.jwt-decoded-panel__code{margin:0;padding:var(--space-4);background:var(--color-code-bg);border:1px solid var(--color-stroke);border-radius:var(--radius-sm);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.82rem;line-height:1.65;color:var(--color-text);white-space:pre;overflow-x:auto;max-height:340px;overflow-y:auto;max-width:100%}.jwt-timing{display:flex;flex-wrap:wrap;gap:var(--space-2)}.jwt-timing-badge{display:grid;gap:2px;padding:var(--space-2) var(--space-3);background:var(--color-overlay-04);border:1px solid var(--color-stroke);border-radius:var(--radius-sm);min-width:0}.jwt-timing-badge__key{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.jwt-timing-badge__value{font-size:.82rem;color:var(--color-text);font-family:JetBrains Mono,monospace}.jwt-timing-badge[data-status=valid]{border-color:#4ade804d}.jwt-timing-badge[data-status=valid] .jwt-timing-badge__key{color:var(--color-success)}.jwt-timing-badge[data-status=expired]{border-color:#ff6b6b4d}.jwt-timing-badge[data-status=expired] .jwt-timing-badge__key{color:var(--color-danger)}.jwt-verify{background:var(--color-surface-raised);border:1px solid var(--color-stroke);border-radius:var(--radius-xl);overflow:hidden}.jwt-verify>summary{list-style:none;cursor:pointer;padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);transition:background .15s ease}.jwt-verify>summary::-webkit-details-marker{display:none}.jwt-verify>summary:hover{background:var(--color-overlay-03)}.jwt-verify__summary-left{display:flex;align-items:center;gap:var(--space-3)}.jwt-verify__summary-title{margin:0;font-size:1.05rem;font-weight:500}.jwt-verify__summary-hint{margin:0;color:var(--color-text-muted);font-size:.82rem}.jwt-verify__caret{transition:transform .2s ease;color:var(--color-text-muted)}.jwt-verify[open] .jwt-verify__caret{transform:rotate(180deg)}.jwt-verify__body{padding:var(--space-5);display:grid;gap:var(--space-4);border-top:1px solid var(--color-stroke)}.jwt-verify__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.jwt-verify__field{display:grid;gap:var(--space-2)}.jwt-verify__field label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.jwt-verify__field input,.jwt-verify__field select,.jwt-verify__field textarea{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-stroke);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:.88rem}.jwt-verify__field textarea{font-family:JetBrains Mono,monospace;min-height:120px;resize:vertical}.jwt-verify__field input:focus,.jwt-verify__field select:focus,.jwt-verify__field textarea:focus{outline:none;border-color:var(--color-accent-overlay-70);box-shadow:0 0 0 2px var(--color-accent-overlay-25)}.jwt-verify__actions{display:flex;justify-content:flex-end}.jwt-verify__checks{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.jwt-verify__checks li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-overlay-03);border:1px solid var(--color-stroke);border-radius:var(--radius-sm)}.jwt-verify__checks li[data-valid=true]{border-left:3px solid var(--color-success)}.jwt-verify__checks li[data-valid=false]{border-left:3px solid var(--color-danger)}.jwt-verify__check-mark{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#0c0f1a;font-weight:700;font-size:.75rem}li[data-valid=true] .jwt-verify__check-mark{background:var(--color-success)}li[data-valid=false] .jwt-verify__check-mark{background:var(--color-danger)}.jwt-verify__check-label{font-weight:500}.jwt-verify__check-detail{color:var(--color-text-muted);font-size:.82rem;font-family:JetBrains Mono,monospace}.jwt-hero{padding:var(--space-6) var(--space-6) var(--space-4)}.jwt-hero .eyebrow{margin:0 0 var(--space-2)}.jwt-hero h1{margin:0 0 var(--space-3);font-size:2rem;letter-spacing:-.02em}.jwt-hero .lede{margin:0 0 var(--space-3);max-width:56ch}@media(max-width:960px){.jwt-decoded{grid-template-columns:1fr}}@media(max-width:720px){.jwt-hero{padding:var(--space-5) var(--space-4) var(--space-3)}.jwt-hero h1{font-size:1.55rem}.jwt-hero .lede{font-size:.92rem}.jwt-input-wrap{padding:var(--space-4)}.jwt-input-wrap__header{flex-direction:column;align-items:flex-start}.jwt-input-wrap__header h2{font-size:1.2rem}.jwt-input-wrap__field{padding:var(--space-3);font-size:.8rem;min-height:120px}.jwt-segments{flex-direction:column}.jwt-segment{flex-direction:row;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.jwt-segment__label{flex-shrink:0;min-width:64px}.jwt-segment__value{font-size:.72rem}.jwt-meta{gap:var(--space-1)}.jwt-chip{font-size:.72rem;padding:var(--space-1) var(--space-2)}.jwt-decoded{gap:var(--space-3)}.jwt-decoded-panel{padding:var(--space-4)}.jwt-decoded-panel__code{font-size:.76rem;padding:var(--space-3);max-height:260px}.jwt-timing-badge{flex:1 1 calc(50% - var(--space-2));padding:var(--space-2)}.jwt-verify>summary{padding:var(--space-3) var(--space-4)}.jwt-verify__summary-title{font-size:.98rem}.jwt-verify__summary-hint{font-size:.78rem}.jwt-verify__body{padding:var(--space-4)}.jwt-verify__row{grid-template-columns:1fr}.jwt-verify__checks li{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:var(--space-1) var(--space-3)}.jwt-verify__check-detail{grid-column:2;font-size:.76rem}}@media(max-width:420px){.jwt-hero h1{font-size:1.4rem}.jwt-segment__label{min-width:52px;font-size:.6rem}.jwt-timing-badge{flex:1 1 100%}}