: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}.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}.app-shell pre,.legacy-document 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}.inline-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:.85rem}.inline-checkboxes label{display:inline-flex;align-items:center;gap:.45rem;color:var(--tool-muted);font-size:.92rem;line-height:1.5}.inline-checkboxes input[type=checkbox]{width:16px;height:16px;accent-color:#8cb4ff}.inline-checkboxes code{font-size:.85rem;padding:.05rem .35rem;border-radius:4px;background:#7c5dfa2e;color:#e7e0ff}.json-tree details{margin:.1rem 0 .1rem .65rem;border-left:1px dashed rgba(255,255,255,.08);padding-left:.55rem}.json-tree summary{cursor:pointer;list-style:none;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;padding:.15rem 0;color:#d7e6ff;font-size:.92rem}.json-tree summary::-webkit-details-marker{display:none}.json-tree summary:before{content:"▸";color:#8cb4ff;font-size:.75rem;width:.9rem}.json-tree details[open]>summary:before{content:"▾"}.json-tree .node-leaf{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-left:1.55rem;padding:.1rem 0;color:#d7e6ff;font-size:.92rem}.json-tree .node-key{color:#8cb4ff;font-weight:600}.json-tree .node-value{color:#a4f4cf;font-family:ui-monospace,SFMono-Regular,monospace}.type-badge{font-size:.72rem;padding:.05rem .4rem;border-radius:999px;background:#ffffff0f;color:#c7d3e6}.type-badge.type-object{background:#7c5dfa2e;color:#d7c7ff}.type-badge.type-array{background:#52adff2e;color:#cce2ff}.type-badge.type-string{background:#7ce6a72e;color:#c8f1d6}.type-badge.type-number{background:#ffb86c33;color:#ffd9b0}.type-badge.type-bool{background:#f191c033;color:#ffd0e6}.type-badge.type-null{background:#ffffff0d;color:#8b94a8}.path-btn{background:#7c5dfa1f;color:#d7c7ff;border:1px solid rgba(124,93,250,.25);border-radius:6px;padding:.05rem .45rem;font-size:.78rem;font-family:ui-monospace,SFMono-Regular,monospace;cursor:pointer}.path-btn:hover{background:#7c5dfa40}.regex-highlight{white-space:pre-wrap;word-break:break-word;background:#0000002e;padding:.85rem;border-radius:8px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.92rem;color:#d7e6ff;min-height:4rem}.regex-highlight mark{background:#ffd70059;color:#fff8c8;padding:.02rem .15rem;border-radius:3px}.color-preview{width:100%;min-height:6rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#7c5dfa;margin-bottom:.85rem}.color-swatches{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.65rem}.color-swatches button{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.15);cursor:pointer;padding:0}.viz-canvas{background:#0000002e;border-radius:10px;padding:.85rem;overflow:auto;max-height:70vh}.viz-canvas svg{display:block}.viz-stats{display:flex;gap:.85rem;flex-wrap:wrap;color:var(--tool-muted);font-size:.88rem;margin:.55rem 0}.viz-stats strong{color:#d7e6ff}.md-preview{background:#0000002e;border-radius:10px;padding:1.1rem 1.25rem;color:#d7e6ff;line-height:1.6;min-height:320px;overflow:auto;max-height:70vh}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4{color:#ecf2ff;margin:1rem 0 .45rem;line-height:1.3}.md-preview h1{font-size:1.6rem}.md-preview h2{font-size:1.3rem}.md-preview h3{font-size:1.1rem}.md-preview p{margin:.55rem 0}.md-preview ul,.md-preview ol{padding-left:1.4rem;margin:.55rem 0}.md-preview code{background:#7c5dfa2e;color:#e7e0ff;padding:.05rem .35rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,monospace}.md-preview pre{background:#00000059;padding:.85rem;border-radius:8px;overflow-x:auto}.md-preview pre code{background:transparent;padding:0}.md-preview blockquote{border-left:3px solid rgba(124,93,250,.5);padding:.25rem 0 .25rem .9rem;color:#b6c4dc;margin:.85rem 0}.md-preview a{color:#8cb4ff;text-decoration:underline}.md-preview table{border-collapse:collapse;margin:.65rem 0}.md-preview th,.md-preview td{border:1px solid rgba(255,255,255,.12);padding:.4rem .65rem}.md-preview th{background:#7c5dfa2e}.md-preview hr{border:none;border-top:1px solid rgba(255,255,255,.12);margin:1rem 0}.qr-canvas-wrap{display:flex;flex-direction:column;gap:.65rem;align-items:center}.qr-canvas-wrap canvas{background:#fff;border-radius:10px;max-width:100%;height:auto}.qr-info{color:var(--tool-muted);font-size:.85rem}.qr-color-row{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.qr-color-row input[type=color]{width:38px;height:38px;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:0;background:transparent}.site-nav__links{scroll-snap-type:x proximity}.site-nav__links a{scroll-snap-align:start;flex-shrink:0}@media(max-width:720px){.site-nav__links{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.site-nav__links:after{content:"";flex:0 0 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}}.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}.stack{display:grid;gap:1.5rem}.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}.legacy-note{color:var(--text-muted);margin:0;line-height:1.6}.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%}}.wt-shell{--wt-font-sans: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;--wt-font-mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--blue-50: #eef4ff;--blue-100: #d9e6ff;--blue-200: #b8d0ff;--blue-300: #8ab1ff;--blue-400: #5b8eff;--blue-500: #3366ff;--blue-600: #2049ff;--blue-700: #1635cc;--blue-800: #122a9a;--blue-900: #0e2078;--mint-50: #e7faf4;--mint-100: #c7f2e3;--mint-200: #8ee5c8;--mint-300: #55d6ad;--mint-400: #28c692;--mint-500: #0fb37c;--mint-600: #088f63;--mint-700: #066b4b;--gray-0: #ffffff;--gray-25: #fafafb;--gray-50: #f4f5f7;--gray-100: #eaecef;--gray-200: #d8dbe0;--gray-300: #b8bcc4;--gray-400: #8b909a;--gray-500: #5f6470;--gray-600: #44474f;--gray-700: #2e3138;--gray-800: #1c1e23;--gray-900: #0e1014;--success-50: #e6f7ee;--success-500: #16a36b;--success-600: #0e8856;--warning-50: #fff4e0;--warning-500: #f59f0a;--warning-600: #d4870a;--danger-50: #fdecec;--danger-500: #e54848;--danger-600: #c73838;--wt-bg: var(--gray-0);--wt-bg-subtle: var(--gray-25);--wt-bg-muted: var(--gray-50);--wt-bg-inverse: var(--gray-900);--wt-surface: var(--gray-0);--wt-surface-raised: var(--gray-0);--wt-surface-overlay: rgba(14, 16, 20, .55);--wt-border: var(--gray-100);--wt-border-strong: var(--gray-200);--wt-border-focus: var(--blue-600);--wt-divider: var(--gray-100);--wt-text: var(--gray-900);--wt-text-strong: var(--gray-900);--wt-text-secondary: var(--gray-600);--wt-text-muted: var(--gray-400);--wt-text-disabled: var(--gray-300);--wt-text-inverse: var(--gray-0);--wt-text-link: var(--blue-600);--wt-brand: var(--blue-600);--wt-brand-hover: var(--blue-700);--wt-brand-pressed: var(--blue-800);--wt-brand-subtle: var(--blue-50);--wt-brand-border: var(--blue-200);--wt-brand-text: var(--blue-700);--wt-on-brand: var(--gray-0);--wt-success: var(--success-500);--wt-success-subtle: var(--success-50);--wt-warning: var(--warning-500);--wt-warning-subtle: var(--warning-50);--wt-danger: var(--danger-500);--wt-danger-subtle: var(--danger-50);--wt-info: var(--blue-500);--wt-info-subtle: var(--blue-50);--wt-space-0: 0;--wt-space-1: 2px;--wt-space-2: 4px;--wt-space-3: 8px;--wt-space-4: 12px;--wt-space-5: 16px;--wt-space-6: 20px;--wt-space-7: 24px;--wt-space-8: 32px;--wt-space-9: 40px;--wt-space-10: 48px;--wt-space-11: 64px;--wt-space-12: 80px;--wt-space-13: 96px;--wt-radius-xs: 4px;--wt-radius-sm: 6px;--wt-radius-md: 8px;--wt-radius-lg: 12px;--wt-radius-xl: 16px;--wt-radius-2xl: 20px;--wt-radius-3xl: 28px;--wt-radius-pill: 999px;--wt-shadow-xs: 0 1px 2px rgba(14, 16, 20, .04);--wt-shadow-sm: 0 1px 3px rgba(14, 16, 20, .06), 0 1px 2px rgba(14, 16, 20, .04);--wt-shadow-md: 0 4px 12px rgba(14, 16, 20, .06), 0 2px 4px rgba(14, 16, 20, .04);--wt-shadow-lg: 0 12px 32px rgba(14, 16, 20, .08), 0 4px 12px rgba(14, 16, 20, .04);--wt-shadow-xl: 0 24px 56px rgba(14, 16, 20, .12);--wt-shadow-focus: 0 0 0 3px rgba(32, 73, 255, .18);--wt-t-display-1-size: 56px;--wt-t-display-1-line: 64px;--wt-t-display-1-tracking: -.02em;--wt-t-display-2-size: 44px;--wt-t-display-2-line: 52px;--wt-t-display-2-tracking: -.02em;--wt-t-h1-size: 32px;--wt-t-h1-line: 40px;--wt-t-h1-tracking: -.015em;--wt-t-h2-size: 26px;--wt-t-h2-line: 34px;--wt-t-h2-tracking: -.012em;--wt-t-h3-size: 22px;--wt-t-h3-line: 30px;--wt-t-h3-tracking: -.01em;--wt-t-h4-size: 18px;--wt-t-h4-line: 26px;--wt-t-h4-tracking: -.005em;--wt-t-h5-size: 16px;--wt-t-h5-line: 24px;--wt-t-h5-tracking: -.003em;--wt-t-body-lg-size: 17px;--wt-t-body-lg-line: 26px;--wt-t-body-md-size: 15px;--wt-t-body-md-line: 22px;--wt-t-body-sm-size: 13px;--wt-t-body-sm-line: 20px;--wt-t-body-xs-size: 12px;--wt-t-body-xs-line: 16px;--wt-t-label-size: 13px;--wt-t-label-line: 16px;--wt-t-caption-size: 12px;--wt-t-caption-line: 16px;--wt-t-micro-size: 11px;--wt-t-micro-line: 14px;--wt-weight-regular: 400;--wt-weight-medium: 500;--wt-weight-semibold: 600;--wt-weight-bold: 700;--color-bg: var(--wt-bg);--color-bg-gradient: var(--wt-bg);--color-surface: var(--wt-surface);--color-surface-alt: var(--wt-bg-muted);--color-surface-raised: var(--wt-surface);--color-surface-inset: var(--wt-bg-subtle);--color-code-bg: var(--wt-bg-inverse);--color-stroke: var(--wt-border);--color-stroke-strong: var(--wt-border-strong);--color-text: var(--wt-text);--color-text-strong: var(--wt-text-strong);--color-text-muted: var(--wt-text-secondary);--color-text-faint: var(--wt-text-muted);--color-accent: var(--wt-brand);--color-accent-strong: var(--wt-brand-hover);--color-accent-soft: var(--wt-brand-subtle);--color-danger: var(--wt-danger);--color-danger-soft: var(--wt-danger-subtle);--color-success: var(--wt-success);--color-success-soft: var(--wt-success-subtle);--color-warning: var(--wt-warning);--color-warning-soft: var(--wt-warning-subtle);--color-info: var(--wt-info);--color-backdrop: rgba(14, 16, 20, .55);--color-floating-surface: var(--wt-surface);--color-hero-badge: var(--wt-brand-subtle);--color-overlay-02: rgba(14, 16, 20, .02);--color-overlay-03: rgba(14, 16, 20, .03);--color-overlay-04: rgba(14, 16, 20, .04);--color-overlay-05: rgba(14, 16, 20, .05);--color-overlay-06: rgba(14, 16, 20, .06);--color-overlay-07: rgba(14, 16, 20, .07);--color-overlay-08: rgba(14, 16, 20, .08);--color-overlay-09: rgba(14, 16, 20, .09);--color-overlay-12: rgba(14, 16, 20, .12);--color-overlay-15: rgba(14, 16, 20, .15);--color-overlay-18: rgba(14, 16, 20, .18);--color-overlay-20: rgba(14, 16, 20, .2);--color-overlay-25: rgba(14, 16, 20, .25);--color-overlay-30: rgba(14, 16, 20, .3);--color-accent-overlay-12: rgba(32, 73, 255, .12);--color-accent-overlay-25: rgba(32, 73, 255, .25);--color-accent-overlay-28: rgba(32, 73, 255, .28);--color-accent-overlay-70: rgba(32, 73, 255, .7);--code-comment: #8b909a;--code-keyword: #c026d3;--code-string: #15803d;--code-number: #b45309;--code-punct: var(--wt-text);--code-builtin: #0b7b7b;--bg: var(--wt-bg);--surface: var(--wt-surface);--surface-alt: var(--wt-bg-muted);--stroke: var(--wt-border);--accent: var(--wt-brand);--accent-strong: var(--wt-brand-hover);--text-muted: var(--wt-text-secondary);--chip: var(--wt-brand-subtle);--danger: var(--wt-danger);--success: var(--wt-success);--tool-surface: var(--wt-surface);--tool-surface-strong: var(--wt-bg-inverse);--tool-stroke: var(--wt-border);--tool-muted: var(--wt-text-secondary);--tool-code-bg: var(--wt-bg-inverse);--shadow-xs: var(--wt-shadow-xs);--shadow-sm: var(--wt-shadow-sm);--shadow-md: var(--wt-shadow-md);--shadow-lg: var(--wt-shadow-lg);--shadow-focus: var(--wt-shadow-focus)}[data-theme=dark] .wt-shell{--wt-bg: var(--gray-900);--wt-bg-subtle: var(--gray-800);--wt-bg-muted: var(--gray-800);--wt-bg-inverse: var(--gray-0);--wt-surface: var(--gray-800);--wt-surface-raised: #25282f;--wt-surface-overlay: rgba(0, 0, 0, .6);--wt-border: #2a2d35;--wt-border-strong: #3a3e48;--wt-divider: #2a2d35;--wt-text: var(--gray-50);--wt-text-strong: var(--gray-0);--wt-text-secondary: var(--gray-300);--wt-text-muted: var(--gray-400);--wt-text-disabled: var(--gray-500);--wt-text-inverse: var(--gray-900);--wt-text-link: var(--blue-300);--wt-brand: var(--blue-500);--wt-brand-hover: var(--blue-400);--wt-brand-pressed: var(--blue-300);--wt-brand-subtle: rgba(32, 73, 255, .16);--wt-brand-border: rgba(32, 73, 255, .4);--wt-brand-text: var(--blue-300);--wt-on-brand: var(--gray-0);--wt-success-subtle: rgba(22, 163, 107, .16);--wt-warning-subtle: rgba(245, 159, 10, .18);--wt-danger-subtle: rgba(229, 72, 72, .16);--wt-info-subtle: rgba(32, 73, 255, .16);--wt-shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--wt-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--wt-shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--wt-shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--wt-shadow-focus: 0 0 0 3px rgba(91, 142, 255, .4);--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-backdrop: rgba(0, 0, 0, .6)}.wt-shell{display:grid;grid-template-columns:264px 1fr;grid-template-rows:64px 1fr;grid-template-areas:"appbar appbar" "sidebar main";min-height:100vh;background:var(--wt-bg-subtle);color:var(--wt-text);font-family:var(--wt-font-sans);font-size:var(--wt-t-body-md-size);line-height:var(--wt-t-body-md-line);word-break:keep-all}.wt-shell a{color:inherit;text-decoration:none}.wt-shell button{font-family:inherit;cursor:pointer}.wt-shell .wt-code-input-wrap,.wt-shell .wt-code-pane,.wt-shell .wt-jwt-encoded,.wt-shell .wt-chip--mono{word-break:break-all}.wt-shell ::-webkit-scrollbar{width:10px;height:10px}.wt-shell ::-webkit-scrollbar-thumb{background:var(--wt-border-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.wt-shell ::-webkit-scrollbar-track{background:transparent}.wt-appbar{grid-area:appbar;background:var(--wt-surface);border-bottom:1px solid var(--wt-border);position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--wt-space-7);padding:0 var(--wt-space-7)}@media(max-width:1300px){.wt-appbar__search{display:none}}.wt-appbar__logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;letter-spacing:-.02em;color:var(--wt-text-strong);white-space:nowrap;flex-shrink:0}.wt-appbar__logo-mark{width:28px;height:28px;border-radius:8px;background:var(--wt-brand);color:var(--wt-on-brand);display:grid;place-items:center;font-weight:800;font-size:13px;letter-spacing:-.04em;font-family:var(--wt-font-mono)}.wt-appbar__nav{display:flex;gap:var(--wt-space-6);align-items:center;white-space:nowrap;flex-shrink:0}.wt-appbar__nav a,.wt-appbar__nav button{background:none;border:none;font-size:13px;font-weight:500;color:var(--wt-text-secondary);padding:6px 0;border-bottom:2px solid transparent;transition:color .12s;white-space:nowrap;flex-shrink:0;cursor:pointer}.wt-appbar__nav a:hover,.wt-appbar__nav button:hover{color:var(--wt-text)}.wt-appbar__nav a.is-active,.wt-appbar__nav button.is-active{color:var(--wt-text);font-weight:600}.wt-appbar__nav .is-mint{color:var(--mint-700);font-weight:600}[data-theme=dark] .wt-shell .wt-appbar__nav .is-mint{color:var(--mint-300)}.wt-appbar__search{flex:1;max-width:320px;height:38px;background:var(--wt-bg-muted);border-radius:var(--wt-radius-md);padding:0 var(--wt-space-5);display:flex;align-items:center;gap:var(--wt-space-3);color:var(--wt-text-muted);font-size:13px;border:1px solid transparent;cursor:pointer}.wt-appbar__search:hover{border-color:var(--wt-border)}.wt-appbar__search kbd{margin-left:auto;font-family:var(--wt-font-mono);font-size:11px;padding:2px 6px;border-radius:4px;background:var(--wt-surface);border:1px solid var(--wt-border);color:var(--wt-text-secondary)}.wt-appbar__right{margin-left:auto;display:flex;align-items:center;gap:var(--wt-space-3);flex-shrink:0}.wt-appbar .wt-appbar__mobile-menu{display:none}@media(max-width:900px){.wt-appbar .wt-appbar__mobile-menu{display:grid}}.wt-icon-btn{width:36px;height:36px;border-radius:var(--wt-radius-md);background:transparent;border:none;display:grid;place-items:center;color:var(--wt-text-secondary);transition:background .12s,color .12s}.wt-icon-btn:hover{background:var(--wt-bg-muted);color:var(--wt-text)}.wt-icon-btn svg,.wt-icon-btn img{width:20px;height:20px}.wt-iimg{width:16px;height:16px;vertical-align:-3px;display:inline-block}.wt-iimg--14{width:14px;height:14px}.wt-iimg--18{width:18px;height:18px}.wt-iimg--20{width:20px;height:20px}[data-theme=dark] .wt-shell .wt-iimg,[data-theme=dark] .wt-shell .wt-icon-btn img,[data-theme=dark] .wt-shell .wt-btn--secondary img,[data-theme=dark] .wt-shell .wt-btn--ghost img,[data-theme=dark] .wt-shell .wt-sidebar__item-icon img,[data-theme=dark] .wt-shell .wt-appbar__search img{filter:invert(.85)}.wt-lang-toggle{display:inline-flex;align-items:center;background:var(--wt-bg-muted);border-radius:999px;padding:3px;font-size:12px;font-weight:600;letter-spacing:.02em}.wt-lang-toggle button{border:none;background:transparent;color:var(--wt-text-muted);padding:4px 10px;border-radius:999px}.wt-lang-toggle button.is-active{background:var(--wt-surface);color:var(--wt-text);box-shadow:var(--wt-shadow-xs)}.wt-sidebar{grid-area:sidebar;background:var(--wt-surface);border-right:1px solid var(--wt-border);padding:var(--wt-space-7) var(--wt-space-5);align-self:stretch}.wt-sidebar__group{margin-bottom:var(--wt-space-5)}.wt-sidebar__group-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wt-text-muted);padding:0 var(--wt-space-4) var(--wt-space-3)}.wt-sidebar__item{display:flex;align-items:center;gap:var(--wt-space-4);padding:7px 12px;border-radius:var(--wt-radius-md);font-size:13px;font-weight:500;color:var(--wt-text-secondary);border:1px solid transparent;transition:background .12s,color .12s;cursor:pointer;width:100%;background:transparent;text-align:left;white-space:nowrap;text-decoration:none}.wt-sidebar__item:hover{background:var(--wt-bg-muted);color:var(--wt-text)}.wt-sidebar__item.is-active{background:var(--wt-brand-subtle);color:var(--wt-brand-text);font-weight:600}.wt-sidebar__item.is-active .wt-sidebar__item-icon{color:var(--wt-brand)}.wt-sidebar__item-icon{width:18px;height:18px;display:grid;place-items:center;color:var(--wt-text-muted);flex-shrink:0}.wt-sidebar__item-icon svg{width:18px;height:18px}.wt-sidebar__item-badge{margin-left:auto;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--mint-50);color:var(--mint-700);letter-spacing:.04em}[data-theme=dark] .wt-shell .wt-sidebar__item-badge{background:#0fb37c26;color:var(--mint-300)}.wt-sidebar__footer{margin-top:var(--wt-space-8);padding:var(--wt-space-5);background:var(--wt-bg-muted);border-radius:var(--wt-radius-lg);font-size:12px;line-height:18px;color:var(--wt-text-secondary)}.wt-sidebar__footer strong{color:var(--wt-text);display:block;margin-bottom:4px;font-size:13px}.wt-main{grid-area:main;padding:var(--wt-space-9) var(--wt-space-9) var(--wt-space-12);min-width:0}.wt-main__inner{max-width:1200px;margin:0 auto;min-width:0}.wt-main div[style*=grid-template-columns]>*,.wt-main div[style*=gridTemplateColumns]>*,.wt-workbench>*,.wt-workbench__col>*{min-width:0;min-height:0}.wt-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--wt-space-8);margin-bottom:var(--wt-space-8);flex-wrap:wrap}.wt-page-head>div:first-child{min-width:0;flex:1 1 480px}.wt-page-head__title{font-size:var(--wt-t-display-2-size);line-height:var(--wt-t-display-2-line);letter-spacing:var(--wt-t-display-2-tracking);font-weight:var(--wt-weight-bold);color:var(--wt-text-strong);margin:0 0 var(--wt-space-4);text-wrap:balance}.wt-page-head__title .pop{color:var(--wt-brand)}.wt-page-head__title .pop-mint{color:var(--mint-600)}[data-theme=dark] .wt-shell .wt-page-head__title .pop-mint{color:var(--mint-300)}.wt-page-head__sub{font-size:17px;line-height:26px;color:var(--wt-text-secondary);margin:0;max-width:640px}.wt-page-head__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--wt-brand-text);margin-bottom:var(--wt-space-4)}.wt-page-head__eyebrow.is-mint{color:var(--mint-700)}[data-theme=dark] .wt-shell .wt-page-head__eyebrow.is-mint{color:var(--mint-300)}.wt-page-head__eyebrow:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.wt-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:var(--wt-radius-md);border:1px solid transparent;font-weight:600;font-size:14px;font-family:inherit;transition:background .12s,border-color .12s,color .12s;white-space:nowrap;cursor:pointer;text-decoration:none}.wt-btn--primary{background:var(--wt-brand);color:var(--wt-on-brand)}.wt-btn--primary:hover{background:var(--wt-brand-hover)}.wt-btn--secondary{background:var(--wt-surface);color:var(--wt-text);border-color:var(--wt-border-strong)}.wt-btn--secondary:hover{background:var(--wt-bg-muted);border-color:var(--wt-text-muted)}.wt-btn--ghost{background:transparent;color:var(--wt-text-secondary)}.wt-btn--ghost:hover{background:var(--wt-bg-muted);color:var(--wt-text)}.wt-btn--mint{background:var(--mint-500);color:#fff}.wt-btn--mint:hover{background:var(--mint-600)}.wt-btn--sm{height:32px;padding:0 12px;font-size:13px;gap:4px}.wt-btn--xs{height:26px;padding:0 8px;font-size:12px;gap:4px;border-radius:var(--wt-radius-sm)}.wt-btn--block{width:100%}.wt-btn svg{width:16px;height:16px}.wt-card{background:var(--wt-surface);border:1px solid var(--wt-border);border-radius:var(--wt-radius-lg);padding:var(--wt-space-7)}.wt-card--xl{border-radius:var(--wt-radius-xl);padding:var(--wt-space-8)}.wt-card--flush{padding:0;overflow:hidden}.wt-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--wt-space-4);margin-bottom:var(--wt-space-5);flex-wrap:wrap}.wt-card__head>div:first-child{min-width:0;flex:1 1 auto}.wt-card__title{font-size:16px;line-height:22px;letter-spacing:-.003em;font-weight:600;margin:0;word-break:keep-all;color:var(--wt-text-strong)}.wt-card__eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--wt-text-muted);margin:0 0 4px}.wt-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--wt-radius-pill);font-size:11px;font-weight:600;line-height:18px;letter-spacing:.01em}.wt-badge--brand{background:var(--wt-brand-subtle);color:var(--wt-brand-text)}.wt-badge--mint{background:var(--mint-50);color:var(--mint-700)}[data-theme=dark] .wt-shell .wt-badge--mint{background:#0fb37c29;color:var(--mint-300)}.wt-badge--success{background:var(--wt-success-subtle);color:var(--success-600)}.wt-badge--warning{background:var(--wt-warning-subtle);color:var(--warning-600)}.wt-badge--danger{background:var(--wt-danger-subtle);color:var(--danger-600)}.wt-badge--neutral{background:var(--wt-bg-muted);color:var(--wt-text-secondary)}.wt-tabs{display:flex;gap:var(--wt-space-7);border-bottom:1px solid var(--wt-divider)}.wt-tab{background:transparent;border:none;padding:12px 0;font-size:14px;font-weight:500;color:var(--wt-text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:6px;transition:color .12s;cursor:pointer;font-family:inherit}.wt-tab:hover{color:var(--wt-text)}.wt-tab.is-active{color:var(--wt-text);border-bottom-color:var(--wt-brand);font-weight:600}.wt-tab__count{font-size:11px;font-weight:600;padding:0 7px;border-radius:999px;background:var(--wt-bg-muted);color:var(--wt-text-secondary);min-height:18px;display:inline-flex;align-items:center}.wt-tab.is-active .wt-tab__count{background:var(--wt-brand-subtle);color:var(--wt-brand-text)}.wt-seg{display:inline-flex;background:var(--wt-bg-muted);border-radius:var(--wt-radius-md);padding:3px;gap:2px}.wt-seg button{border:none;background:transparent;font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--wt-radius-sm);color:var(--wt-text-secondary);white-space:nowrap;font-family:inherit;cursor:pointer}.wt-seg button.is-active{background:var(--wt-surface);color:var(--wt-text-strong);box-shadow:var(--wt-shadow-xs)}.wt-field{display:flex;flex-direction:column;gap:6px}.wt-field__label{font-size:13px;font-weight:600;color:var(--wt-text)}.wt-input,.wt-select,.wt-textarea{background:var(--wt-surface);border:1px solid var(--wt-border-strong);border-radius:var(--wt-radius-md);padding:0 12px;height:40px;font:inherit;color:var(--wt-text);width:100%;transition:border-color .12s,box-shadow .12s}.wt-input:focus,.wt-select:focus,.wt-textarea:focus{outline:none;border-color:var(--wt-border-focus);box-shadow:var(--wt-shadow-focus)}.wt-input--sm{height:32px;font-size:13px}.wt-textarea{height:auto;padding:12px;font-family:var(--wt-font-mono);font-size:13px;line-height:20px;resize:vertical}.wt-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px;color:var(--wt-text)}.wt-input[type=file]{padding:6px 12px;height:auto;min-height:40px;border-style:dashed;border-color:var(--wt-border-strong);background:var(--wt-bg-subtle);color:var(--wt-text-secondary);font-size:13px;cursor:pointer;line-height:1.4}.wt-input[type=file]:hover{border-color:var(--wt-text-muted);background:var(--wt-bg-muted)}.wt-input[type=file]::file-selector-button{margin-right:10px;padding:6px 12px;border:1px solid var(--wt-border-strong);border-radius:var(--wt-radius-sm);background:var(--wt-surface);color:var(--wt-text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.wt-input[type=file]::file-selector-button:hover{background:var(--wt-bg-muted);border-color:var(--wt-text-muted)}.wt-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--wt-text);cursor:pointer;-webkit-user-select:none;user-select:none}.wt-toggle input{display:none}.wt-toggle__track{width:32px;height:18px;border-radius:999px;background:var(--gray-200);position:relative;transition:background .15s;flex-shrink:0}[data-theme=dark] .wt-shell .wt-toggle__track{background:var(--gray-600)}.wt-toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px #0003}.wt-toggle input:checked+.wt-toggle__track{background:var(--wt-brand)}.wt-toggle input:checked+.wt-toggle__track:after{left:16px}.wt-toggle--mint input:checked+.wt-toggle__track{background:var(--mint-500)}.wt-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--wt-text);cursor:pointer;-webkit-user-select:none;user-select:none}.wt-checkbox input{width:16px;height:16px;accent-color:var(--wt-brand)}.wt-code-pane{background:var(--wt-bg-subtle);color:var(--wt-text);border:1px solid var(--wt-border);border-radius:var(--wt-radius-lg);font-family:var(--wt-font-mono);font-size:13px;line-height:22px;padding:var(--wt-space-7);overflow:auto;margin:0;white-space:pre;max-height:460px}.wt-code-pane code,.wt-code-pane code *{color:inherit}[data-theme=dark] .wt-shell .wt-code-pane{background:#0a0c10;color:var(--gray-100);border-color:transparent}.wt-code-pane .tk-kw{color:#c026d3}.wt-code-pane .tk-cls{color:#1d4ed8}.wt-code-pane .tk-str{color:#15803d}.wt-code-pane .tk-num{color:#b45309}.wt-code-pane .tk-com{color:var(--wt-text-muted)}.wt-code-pane .tk-ann{color:#7c3aed}.wt-code-pane .tk-type{color:#0369a1}.wt-code-pane .tk-ident{color:var(--wt-text)}.wt-code-pane .tk-punct{color:var(--wt-text-muted)}.wt-code-pane .tk-fld{color:#b45309}[data-theme=dark] .wt-shell .wt-code-pane .tk-kw{color:#ff8da1}[data-theme=dark] .wt-shell .wt-code-pane .tk-cls{color:#94c4ff}[data-theme=dark] .wt-shell .wt-code-pane .tk-str{color:#b8e8b0}[data-theme=dark] .wt-shell .wt-code-pane .tk-num{color:#f6c177}[data-theme=dark] .wt-shell .wt-code-pane .tk-ann{color:#c4b5fd}[data-theme=dark] .wt-shell .wt-code-pane .tk-type{color:#7dd3fc}[data-theme=dark] .wt-shell .wt-code-pane .tk-ident{color:#e6e8eb}[data-theme=dark] .wt-shell .wt-code-pane .tk-fld{color:#fde68a}.wt-code-pane--editor{background:transparent;border:1px solid var(--wt-border-strong)}.wt-code-input-wrap{position:relative;border:1px solid var(--wt-border-strong);border-radius:var(--wt-radius-md);background:var(--wt-surface);overflow:hidden;transition:border-color .12s,box-shadow .12s}.wt-code-input-wrap:focus-within{border-color:var(--wt-border-focus);box-shadow:var(--wt-shadow-focus)}.wt-code-input-wrap .wt-gutter{position:absolute;top:0;left:0;bottom:0;width:44px;padding:12px 8px;background:var(--wt-bg-subtle);color:var(--wt-text-muted);font-family:var(--wt-font-mono);font-size:12px;line-height:20px;text-align:right;border-right:1px solid var(--wt-divider);-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;white-space:pre}.wt-code-input-wrap textarea{display:block;width:100%;border:none;background:transparent;font-family:var(--wt-font-mono);font-size:13px;line-height:20px;color:var(--wt-text);padding:12px 12px 12px 56px;resize:vertical;min-height:280px;outline:none}.wt-ai-panel{background:linear-gradient(180deg,var(--mint-50) 0%,var(--wt-surface) 100%);border:1px solid var(--mint-200);border-radius:var(--wt-radius-lg);padding:var(--wt-space-6)}[data-theme=dark] .wt-shell .wt-ai-panel{background:linear-gradient(180deg,rgba(15,179,124,.12) 0%,var(--wt-surface) 100%);border-color:#0fb37c59}.wt-ai-panel__head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mint-700);margin-bottom:var(--wt-space-4)}[data-theme=dark] .wt-shell .wt-ai-panel__head{color:var(--mint-300)}.wt-ai-panel__title{font-size:16px;font-weight:600;margin:0 0 6px;color:var(--wt-text-strong)}.wt-ai-panel__sub{font-size:13px;line-height:20px;color:var(--wt-text-secondary);margin:0 0 var(--wt-space-5)}.wt-ai-suggestion{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--wt-surface);border:1px solid var(--wt-border);border-radius:var(--wt-radius-md);margin-bottom:8px;font-size:13px;line-height:18px;color:var(--wt-text)}.wt-ai-suggestion__icon{width:18px;height:18px;border-radius:50%;background:var(--mint-100);color:var(--mint-700);display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}[data-theme=dark] .wt-shell .wt-ai-suggestion__icon{background:#0fb37c33;color:var(--mint-300)}.wt-ai-suggestion strong{color:var(--wt-text-strong);font-weight:600}.wt-ai-suggestion code{font-family:var(--wt-font-mono);font-size:12px;background:var(--wt-bg-muted);border-radius:4px;padding:1px 5px}.wt-metric-row{display:flex;gap:var(--wt-space-7)}.wt-metric{display:flex;flex-direction:column;gap:2px}.wt-metric__value{font-size:26px;line-height:32px;font-weight:700;letter-spacing:-.015em;color:var(--wt-text-strong);font-feature-settings:"tnum";white-space:nowrap}.wt-metric__value em{color:var(--wt-brand);font-style:normal}.wt-metric__value.is-mint em{color:var(--mint-600)}[data-theme=dark] .wt-shell .wt-metric__value.is-mint em{color:var(--mint-300)}.wt-metric__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--wt-text-muted);white-space:nowrap}.wt-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--wt-radius-sm);background:var(--wt-bg-muted);color:var(--wt-text-secondary);font-size:12px;font-weight:500}.wt-chip--brand{background:var(--wt-brand-subtle);color:var(--wt-brand-text)}.wt-chip--mint{background:var(--mint-50);color:var(--mint-700)}[data-theme=dark] .wt-shell .wt-chip--mint{background:#0fb37c26;color:var(--mint-300)}.wt-chip--mono{font-family:var(--wt-font-mono)}.wt-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wt-space-5)}.wt-tool-card{background:var(--wt-surface);border:1px solid var(--wt-border);border-radius:var(--wt-radius-lg);padding:var(--wt-space-6);display:flex;flex-direction:column;gap:var(--wt-space-4);transition:border-color .12s,box-shadow .12s,transform .12s;cursor:pointer;position:relative;color:inherit;text-decoration:none}.wt-tool-card:hover{border-color:var(--wt-border-strong);box-shadow:var(--wt-shadow-sm);transform:translateY(-1px)}.wt-tool-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.wt-tool-card__icon{width:44px;height:44px;border-radius:var(--wt-radius-md);background:var(--wt-brand-subtle);color:var(--wt-brand-text);display:grid;place-items:center;font-weight:800;font-family:var(--wt-font-mono);font-size:13px;letter-spacing:-.02em}.wt-tool-card--mint .wt-tool-card__icon{background:var(--mint-50);color:var(--mint-700)}[data-theme=dark] .wt-shell .wt-tool-card--mint .wt-tool-card__icon{background:#0fb37c26;color:var(--mint-300)}.wt-tool-card--neutral .wt-tool-card__icon{background:var(--wt-bg-muted);color:var(--wt-text)}.wt-tool-card__name{font-size:16px;font-weight:600;margin:0;color:var(--wt-text-strong);letter-spacing:-.003em}.wt-tool-card__desc{font-size:13px;line-height:20px;color:var(--wt-text-secondary);margin:0}.wt-tool-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--wt-space-4);border-top:1px solid var(--wt-divider);font-size:12px;color:var(--wt-text-muted);white-space:nowrap}.wt-tool-card__foot .arrow{color:var(--wt-brand);transition:transform .15s}.wt-tool-card:hover .wt-tool-card__foot .arrow{transform:translate(2px)}.wt-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--wt-space-5);align-items:start}.wt-workbench--with-side{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 280px}@media(max-width:1400px){.wt-workbench--with-side{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.wt-workbench--with-side .wt-workbench__col--side{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}.wt-workbench--with-side .wt-workbench__col--side>*{flex:1 1 360px}}.wt-workbench__col{display:flex;flex-direction:column;gap:var(--wt-space-5)}.wt-workbench__col--side{display:flex;flex-direction:column;gap:var(--wt-space-4)}.wt-panel-toolbar{display:flex;align-items:center;gap:var(--wt-space-3);padding-bottom:var(--wt-space-4);margin-bottom:var(--wt-space-4);border-bottom:1px solid var(--wt-divider)}.wt-panel-toolbar__spacer{flex:1}.wt-section-head{display:flex;justify-content:space-between;align-items:baseline;margin:var(--wt-space-9) 0 var(--wt-space-5)}.wt-section-head h2{font-size:var(--wt-t-h2-size);line-height:var(--wt-t-h2-line);letter-spacing:var(--wt-t-h2-tracking);font-weight:700;margin:0}.wt-section-head__more{font-size:13px;font-weight:500;color:var(--wt-brand-text)}.wt-app-footer{margin-top:var(--wt-space-12);padding-top:var(--wt-space-7);border-top:1px solid var(--wt-divider);display:flex;align-items:center;justify-content:space-between;color:var(--wt-text-muted);font-size:12px;flex-wrap:wrap;gap:var(--wt-space-3)}.wt-app-footer__links{display:flex;gap:var(--wt-space-5)}.wt-app-footer__links a:hover{color:var(--wt-text)}.wt-shell :focus-visible{outline:2px solid var(--wt-brand);outline-offset:2px;border-radius:4px}@media(max-width:1180px){.wt-workbench--with-side{grid-template-columns:1fr}.wt-tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.wt-page-head__title{font-size:var(--wt-t-h1-size);line-height:var(--wt-t-h1-line)}.wt-page-head__sub{font-size:15px;line-height:22px}}@media(max-width:900px){.wt-shell{grid-template-columns:1fr;grid-template-areas:"appbar" "main"}.wt-sidebar{display:none}.wt-workbench,.wt-tool-grid{grid-template-columns:1fr}.wt-main{padding:var(--wt-space-6) var(--wt-space-5) var(--wt-space-10)}}@media(max-width:720px){.wt-appbar{padding:0 var(--wt-space-5);gap:var(--wt-space-4)}.wt-appbar__nav,.wt-appbar__search{display:none}.wt-appbar__logo{font-size:15px}.wt-page-head{flex-direction:column;align-items:stretch;gap:var(--wt-space-5)}.wt-page-head__title{font-size:var(--wt-t-h2-size);line-height:var(--wt-t-h2-line)}.wt-page-head__sub{font-size:14px;line-height:20px}.wt-card{padding:var(--wt-space-5)}.wt-card--flush{padding:0}.wt-card__head{flex-direction:column;align-items:stretch}.wt-card__head>div:last-child{width:100%}.wt-tabs{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.wt-tabs::-webkit-scrollbar{display:none}.wt-tab{flex-shrink:0}.wt-section-head h2{font-size:var(--wt-t-h3-size);line-height:var(--wt-t-h3-line)}.wt-metric-row{flex-wrap:wrap;gap:var(--wt-space-5)}.wt-main{padding:var(--wt-space-5) var(--wt-space-4) var(--wt-space-9)}.wt-card div[style*="grid-template-columns: 1fr 1fr"],.wt-card div[style*="gridTemplateColumns: 1fr 1fr"],.wt-main>div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.wt-code-pane{padding:var(--wt-space-5);font-size:12px}.wt-ai-panel{padding:var(--wt-space-5)}.wt-jwt-block{padding:var(--wt-space-4)}}@media(max-width:480px){.wt-page-head__title{font-size:24px;line-height:32px}.wt-card{padding:var(--wt-space-4)}.wt-tool-grid{gap:var(--wt-space-3)}.wt-main{padding:var(--wt-space-4) var(--wt-space-3) var(--wt-space-8)}.wt-appbar{padding:0 var(--wt-space-4)}.wt-section-head{margin:var(--wt-space-7) 0 var(--wt-space-4)}}.wt-sidebar-mobile-backdrop{position:fixed;inset:0;background:#0e101473;z-index:40;display:none}.wt-sidebar-mobile-backdrop.is-open{display:block}@media(max-width:900px){.wt-sidebar.is-mobile-open{display:block;position:fixed;left:0;top:0;bottom:0;width:264px;max-width:80vw;z-index:41;box-shadow:var(--wt-shadow-lg);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}.wt-jwt-segments{display:flex;flex-direction:column;gap:var(--wt-space-4)}.wt-jwt-encoded{background:var(--wt-bg-inverse);border-radius:var(--wt-radius-lg);padding:var(--wt-space-6);font-family:var(--wt-font-mono);font-size:13px;line-height:22px;word-break:break-all;color:var(--gray-200)}[data-theme=dark] .wt-shell .wt-jwt-encoded{background:#0a0c10}.wt-jwt-encoded .wt-jwt-h{color:#f87171}.wt-jwt-encoded .wt-jwt-p{color:#c084fc}.wt-jwt-encoded .wt-jwt-s{color:#5b8eff}.wt-jwt-encoded .wt-jwt-dot{color:var(--wt-text-muted)}.wt-jwt-block{background:var(--wt-surface);border:1px solid var(--wt-border);border-left:3px solid var(--wt-border);border-radius:var(--wt-radius-md);padding:var(--wt-space-5)}.wt-jwt-block--h{border-left-color:#ef4444}.wt-jwt-block--p{border-left-color:#a855f7}.wt-jwt-block--s{border-left-color:var(--wt-brand)}.wt-jwt-block__label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--wt-space-3)}.wt-jwt-block--h .wt-jwt-block__label{color:#ef4444}.wt-jwt-block--p .wt-jwt-block__label{color:#a855f7}.wt-jwt-block--s .wt-jwt-block__label{color:var(--wt-brand-text)}.wt-jwt-block pre{background:transparent!important;border:none!important;padding:0!important;margin:0!important;height:auto!important;color:var(--wt-text)}.wt-jwt-block pre code{color:var(--wt-text)}.wt-claims-table{width:100%;border-collapse:collapse;font-size:13px}.wt-claims-table td{padding:10px 12px;border-bottom:1px solid var(--wt-divider)}.wt-claims-table tr:last-child td{border-bottom:none}.wt-claims-table td:first-child{font-family:var(--wt-font-mono);color:var(--wt-text-strong);font-weight:600;width:20%}.wt-claims-table td:nth-child(2){color:var(--wt-text-muted);font-size:12px;width:30%}.wt-claims-table td:nth-child(3){color:var(--wt-text);font-family:var(--wt-font-mono);font-size:12px;word-break:break-all}.wt-avatar{width:32px;height:32px;border-radius:50%;background:var(--wt-brand-subtle);color:var(--wt-brand-text);display:grid;place-items:center;font-weight:700;font-size:12px;border:1px solid var(--wt-brand-border)}