:root{color-scheme:light;--md-sys-color-primary:#005f73;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#bcecf2;--md-sys-color-on-primary-container:#001f27;--md-sys-color-secondary:#445f66;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#c7e7ef;--md-sys-color-on-secondary-container:#001f26;--md-sys-color-tertiary:#5c567f;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#e4deff;--md-sys-color-on-tertiary-container:#191334;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#410002;--md-sys-color-surface:#f4f7f8;--md-sys-color-surface-dim:#dbe0e2;--md-sys-color-surface-bright:#f9fbfc;--md-sys-color-surface-container-low:#eef3f4;--md-sys-color-surface-container:#e6ecee;--md-sys-color-surface-container-high:#dde4e6;--md-sys-color-surface-container-highest:#d3dbdd;--md-sys-color-on-surface:#141c1e;--md-sys-color-on-surface-variant:#3f494c;--md-sys-color-outline:#6f797d;--md-sys-color-outline-variant:#bfc9cd;--md-sys-color-inverse-surface:#2a3133;--md-sys-color-inverse-on-surface:#ecf2f3;--cst-color-primary-hover:#004d5d;--cst-color-secondary-hover:#354c52;--cst-color-danger-hover:#981b1b;--cst-color-success:#1d7f4f;--cst-color-success-hover:#15643d;--cst-color-shadow:#0f172a1f;--cst-color-shadow-strong:#0f172a33;--cst-color-focus-ring:#005f7338;--cst-font-family-base:"Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--cst-font-family-display:"Trebuchet MS","Segoe UI",ui-sans-serif,system-ui,sans-serif;--cst-font-family-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;--cst-font-size-1:0.8125rem;--cst-font-size-2:0.875rem;--cst-font-size-3:1rem;--cst-font-size-4:1.125rem;--cst-font-size-5:1.5rem;--cst-font-size-6:1.875rem;--cst-line-height-tight:1.35;--cst-line-height-base:1.55;--cst-space-1:0.25rem;--cst-space-2:0.375rem;--cst-space-3:0.5rem;--cst-space-4:0.75rem;--cst-space-5:1rem;--cst-space-6:1.25rem;--cst-space-7:1.5rem;--cst-space-8:2rem;--cst-radius-sm:0.5rem;--cst-radius-md:0.75rem;--cst-radius-lg:1rem;--cst-radius-xl:1.25rem;--cst-shadow-1:0 1px 2px #0f172a14,0 4px 14px #0f172a0a;--cst-shadow-2:0 6px 20px #0f172a14,0 2px 6px #0f172a0f;--cst-shadow-3:0 12px 28px #0f172a1f,0 4px 10px #0f172a14;--cst-focus-ring-width:3px;--cst-focus-ring:0 0 0 var(--cst-focus-ring-width) var(--cst-color-focus-ring);--cst-motion-fast:140ms;--cst-motion-medium:220ms;--cst-motion-slow:320ms;--cst-ease-standard:cubic-bezier(0.2,0,0,1);--cst-ease-emphasized:cubic-bezier(0.2,0.9,0.2,1);--cst-control-height:2.5rem;--cst-control-height-compact:2rem;--cst-icon-button-size:1.875rem;--cst-page-backdrop-base:var(--md-sys-color-surface,#f4f7f8);--cst-page-backdrop-spot-primary:#bcecf28c;--cst-page-backdrop-spot-secondary:#e4deff66;--cst-tool-surface-overlay-top:#ffffffeb;--cst-tool-surface-overlay-bottom:#ffffffd1;--cst-shell-header-spot:#bcecf273;--cst-shell-header-bg-start:#fffffffa;--cst-shell-header-bg-end:var(--md-sys-color-surface-container,#e6ecee);--cst-shell-footer-bg-start:#ffffffbf;--cst-shell-footer-bg-end:#eef3f4e6;--cst-shell-brand-chip-bg:#005f7314;--cst-shell-brand-chip-border:#005f7324;--cst-shell-brand-chip-bg-hover:#005f731f;--cst-shell-theme-toggle-bg:#ffffffb8;--cst-shell-theme-toggle-bg-hover:#ffffffe6;--cst-shell-theme-toggle-border:#3f494c2e;--cst-shell-theme-toggle-border-hover:#3f494c57;--cst-shell-theme-toggle-text:var(--md-sys-color-on-surface,#141c1e);--cst-shell-theme-toggle-icon-active:#b06b00;--cst-color-mix-neutral:#fff}.tool-container{--md-sys-color-primary:#005f73;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#bcecf2;--md-sys-color-on-primary-container:#001f27;--md-sys-color-secondary:#445f66;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#c7e7ef;--md-sys-color-on-secondary-container:#001f26;--md-sys-color-tertiary:#5c567f;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#e4deff;--md-sys-color-on-tertiary-container:#191334;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#410002;--md-sys-color-surface:#f4f7f8;--md-sys-color-surface-dim:#dbe0e2;--md-sys-color-surface-bright:#f9fbfc;--md-sys-color-surface-container-low:#eef3f4;--md-sys-color-surface-container:#e6ecee;--md-sys-color-surface-container-high:#dde4e6;--md-sys-color-surface-container-highest:#d3dbdd;--md-sys-color-on-surface:#141c1e;--md-sys-color-on-surface-variant:#3f494c;--md-sys-color-outline:#6f797d;--md-sys-color-outline-variant:#bfc9cd;--md-sys-color-inverse-surface:#2a3133;--md-sys-color-inverse-on-surface:#ecf2f3}.tool-container,:root[data-cst-theme=light],:root[data-theme=light]{color-scheme:light}:root[data-cst-theme=dark],:root[data-theme=dark]{color-scheme:dark;--md-sys-color-primary:#7cd9e7;--md-sys-color-on-primary:#00363f;--md-sys-color-primary-container:#004f5a;--md-sys-color-on-primary-container:#bcecf2;--md-sys-color-secondary:#b2cbd1;--md-sys-color-on-secondary:#1d343a;--md-sys-color-secondary-container:#334a50;--md-sys-color-on-secondary-container:#cde7ed;--md-sys-color-tertiary:#c8bdf7;--md-sys-color-on-tertiary:#30285c;--md-sys-color-tertiary-container:#473f73;--md-sys-color-on-tertiary-container:#e4deff;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-surface:#10181a;--md-sys-color-surface-dim:#10181a;--md-sys-color-surface-bright:#182124;--md-sys-color-surface-container-low:#1a2326;--md-sys-color-surface-container:#202a2d;--md-sys-color-surface-container-high:#283235;--md-sys-color-surface-container-highest:#313b3e;--md-sys-color-on-surface:#e1eaec;--md-sys-color-on-surface-variant:#b7c3c6;--md-sys-color-outline:#899397;--md-sys-color-outline-variant:#404b4e;--md-sys-color-inverse-surface:#dce5e7;--md-sys-color-inverse-on-surface:#263032;--cst-color-primary-hover:#95e6f1;--cst-color-secondary-hover:#c4dde3;--cst-color-danger-hover:#ffcbc5;--cst-color-success:#5fd89e;--cst-color-success-hover:#79e6b0;--cst-color-shadow:#00000059;--cst-color-shadow-strong:#00000085;--cst-color-focus-ring:#7cd9e740;--cst-shadow-1:0 1px 2px #00000052,0 4px 14px #0003;--cst-shadow-2:0 8px 24px #00000052,0 2px 8px #00000047;--cst-shadow-3:0 16px 32px #00000061,0 4px 14px #0000004d;--cst-page-backdrop-base:#0d1416;--cst-page-backdrop-spot-primary:#005f7347;--cst-page-backdrop-spot-secondary:#5c567f3d;--cst-tool-surface-overlay-top:#1c2528f0;--cst-tool-surface-overlay-bottom:#141c1fe6;--cst-shell-header-spot:#005f7338;--cst-shell-header-bg-start:#1a2326f2;--cst-shell-header-bg-end:#141c1ff5;--cst-shell-footer-bg-start:#1b2326e6;--cst-shell-footer-bg-end:#11181af2;--cst-shell-brand-chip-bg:#7cd9e71f;--cst-shell-brand-chip-border:#7cd9e733;--cst-shell-brand-chip-bg-hover:#7cd9e72e;--cst-shell-theme-toggle-bg:#202a2ddb;--cst-shell-theme-toggle-bg-hover:#283235f2;--cst-shell-theme-toggle-border:#b7c3c629;--cst-shell-theme-toggle-border-hover:#b7c3c64d;--cst-shell-theme-toggle-text:#e1eaec;--cst-shell-theme-toggle-icon-active:#ffd27a;--cst-color-mix-neutral:var(--md-sys-color-surface-container-highest,#313b3e)}:root[data-cst-theme=dark] .tool-container,:root[data-theme=dark] .tool-container{color-scheme:dark;--md-sys-color-primary:#7cd9e7;--md-sys-color-on-primary:#00363f;--md-sys-color-primary-container:#004f5a;--md-sys-color-on-primary-container:#bcecf2;--md-sys-color-secondary:#b2cbd1;--md-sys-color-on-secondary:#1d343a;--md-sys-color-secondary-container:#334a50;--md-sys-color-on-secondary-container:#cde7ed;--md-sys-color-tertiary:#c8bdf7;--md-sys-color-on-tertiary:#30285c;--md-sys-color-tertiary-container:#473f73;--md-sys-color-on-tertiary-container:#e4deff;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-surface:#10181a;--md-sys-color-surface-dim:#10181a;--md-sys-color-surface-bright:#182124;--md-sys-color-surface-container-low:#1a2326;--md-sys-color-surface-container:#202a2d;--md-sys-color-surface-container-high:#283235;--md-sys-color-surface-container-highest:#313b3e;--md-sys-color-on-surface:#e1eaec;--md-sys-color-on-surface-variant:#b7c3c6;--md-sys-color-outline:#899397;--md-sys-color-outline-variant:#404b4e;--md-sys-color-inverse-surface:#dce5e7;--md-sys-color-inverse-on-surface:#263032}@media (prefers-reduced-motion:reduce){:root{--cst-motion-fast:1ms;--cst-motion-medium:1ms;--cst-motion-slow:1ms}}.cst-shell__header{background:radial-gradient(circle at 100% 0,var(--cst-shell-header-spot,#bcecf273),#0000 50%),linear-gradient(145deg,var(--cst-shell-header-bg-start,#fff) 0,var(--cst-shell-header-bg-end,var(--md-sys-color-surface-container)) 100%);border:1px solid var(--md-sys-color-outline-variant,var(--md-sys-color-outline));border-radius:var(--cst-radius-xl,14px);box-shadow:var(--cst-shadow-2,none);margin:0 auto 1.25rem;max-width:var(--container-max-width,var(--default-container-max-width,1280px));padding:.85rem 1rem}.cst-shell__header-inner{display:flex;flex-direction:column;gap:.4rem}.cst-shell__header-top{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.cst-shell__brand{align-items:center;align-self:flex-start;background:var(--cst-shell-brand-chip-bg,#005f7314);border:1px solid var(--cst-shell-brand-chip-border,#005f7324);border-radius:999px;color:var(--md-sys-color-primary);display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.08em;min-height:1.85rem;padding:.15rem .55rem;text-decoration:none;text-transform:uppercase;transition:background-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),box-shadow var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease)}.cst-shell__brand:hover{background:var(--cst-shell-brand-chip-bg-hover,#005f731f)}.cst-shell__brand:focus-visible{box-shadow:var(--cst-focus-ring,none);outline:none}.cst-shell__title{color:var(--md-sys-color-on-surface);font-family:var(--cst-font-family-display,inherit);font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:-.02em;line-height:var(--cst-line-height-tight,1.35);margin:0}.cst-shell__header-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}.cst-shell__tool-menu{position:relative}.cst-shell__tool-menu-trigger{align-items:center;background:var(--cst-shell-theme-toggle-bg,#ffffffb8);border:1px solid var(--cst-shell-theme-toggle-border,var(--md-sys-color-outline-variant,#bfc9cd));border-radius:999px;color:var(--cst-shell-theme-toggle-text,var(--md-sys-color-on-surface,#141c1e));cursor:pointer;display:inline-flex;font:inherit;font-size:.82rem;font-weight:600;gap:.45rem;line-height:1;list-style:none;min-height:2rem;padding:.25rem .7rem;transition:background-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),border-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),box-shadow var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease);white-space:nowrap}.cst-shell__tool-menu-trigger::-webkit-details-marker{display:none}.cst-shell__tool-menu-trigger:after{content:"▾";font-size:.72rem;transition:transform var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease)}.cst-shell__tool-menu[open] .cst-shell__tool-menu-trigger:after{transform:rotate(180deg)}.cst-shell__tool-menu-trigger:hover{background:var(--cst-shell-theme-toggle-bg-hover,#ffffffe6);border-color:var(--cst-shell-theme-toggle-border-hover,var(--md-sys-color-outline,#6f797d))}.cst-shell__tool-menu-trigger:focus-visible{box-shadow:var(--cst-focus-ring,none);outline:none}.cst-shell__tool-menu-panel{background:linear-gradient(180deg,#fffffffa,var(--md-sys-color-surface-container-low,#f4f7f8fa));border:1px solid var(--md-sys-color-outline-variant,var(--md-sys-color-outline));border-radius:var(--cst-radius-lg,12px);box-shadow:var(--cst-shadow-3,0 18px 40px #13202529);display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr));padding:.95rem;position:absolute;right:0;top:calc(100% + .55rem);width:min(42rem,calc(100vw - 2.5rem));z-index:20}.cst-shell__tool-menu-group{min-width:0}.cst-shell__tool-menu-heading{color:var(--md-sys-color-on-surface-variant,#4f5a5d);font-size:.76rem;font-weight:700;letter-spacing:.06em;margin:0 0 .6rem;text-transform:uppercase}.cst-shell__tool-menu-list{display:flex;flex-direction:column;gap:.2rem;list-style:none;margin:0;padding:0}.cst-shell__tool-menu-item{margin:0}.cst-shell__tool-menu-link{border-radius:.65rem;color:var(--md-sys-color-on-surface,#141c1e);display:block;line-height:1.35;padding:.45rem .55rem;text-decoration:none;transition:background-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease)}.cst-shell__tool-menu-link:hover{background:color-mix(in srgb,var(--md-sys-color-primary,#005f73) 10%,#0000);color:var(--md-sys-color-primary,#005f73)}.cst-shell__tool-menu-link:focus-visible{box-shadow:var(--cst-focus-ring,none);outline:none}.cst-shell__theme-toggle{align-items:center;background:var(--cst-shell-theme-toggle-bg,#ffffffb8);border:1px solid var(--cst-shell-theme-toggle-border,var(--md-sys-color-outline-variant,#bfc9cd));border-radius:999px;color:var(--cst-shell-theme-toggle-text,var(--md-sys-color-on-surface,#141c1e));cursor:pointer;display:inline-flex;font:inherit;font-size:.82rem;font-weight:600;gap:.45rem;line-height:1;min-height:2rem;padding:.25rem .65rem;transition:background-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),border-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),box-shadow var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),transform var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease);white-space:nowrap}.cst-shell__theme-toggle:hover{background:var(--cst-shell-theme-toggle-bg-hover,#ffffffe6);border-color:var(--cst-shell-theme-toggle-border-hover,var(--md-sys-color-outline,#6f797d))}.cst-shell__theme-toggle:active{transform:translateY(1px)}.cst-shell__theme-toggle:focus-visible{box-shadow:var(--cst-focus-ring,none);outline:none}.cst-shell__theme-toggle-icon{align-items:center;display:inline-flex;font-size:.95rem;justify-content:center;width:1rem}.cst-shell__theme-toggle[aria-pressed=true] .cst-shell__theme-toggle-icon{color:var(--cst-shell-theme-toggle-icon-active,var(--md-sys-color-primary,#005f73))}.cst-shell__description{color:var(--md-sys-color-on-surface-variant,#495353);font-size:.95rem;line-height:var(--cst-line-height-base,1.55);margin:.2rem 0 0}.cst-shell__footer{background:linear-gradient(180deg,var(--cst-shell-footer-bg-start,#ffffffbf),var(--cst-shell-footer-bg-end,#eef3f4e6));border:1px solid var(--md-sys-color-outline-variant,#d6dfde);border-radius:var(--cst-radius-lg,12px);margin:1rem auto 0;max-width:var(--container-max-width,var(--default-container-max-width,1280px));padding:.9rem 1rem}.cst-shell__footer-inner{align-items:center;color:var(--md-sys-color-on-surface-variant,#596464);display:flex;font-size:.86rem;gap:.5rem;justify-content:center}.cst-shell__footer-link{color:var(--md-sys-color-primary);text-underline-offset:.16em}.cst-shell__footer-link:focus-visible{border-radius:4px;box-shadow:var(--cst-focus-ring,none);outline:none}@media (max-width:768px){.cst-shell__header{margin-bottom:1rem;padding:.8rem .85rem}.cst-shell__header-top{gap:.5rem}.cst-shell__header-actions{justify-content:space-between;width:100%}.cst-shell__tool-menu{width:100%}.cst-shell__tool-menu-trigger{justify-content:space-between;width:100%}.cst-shell__tool-menu-panel{grid-template-columns:1fr;left:0;right:auto;width:100%}.cst-shell__theme-toggle{padding-inline:.55rem}.cst-shell__theme-toggle-text{display:none}.cst-shell__footer-inner{flex-wrap:wrap;gap:.35rem .6rem}}.copy-button-wrapper{display:inline-block;position:relative;width:100%}.copy-button{background:var(--color-primary,#2563eb);border:none;border-radius:var(--cst-radius-sm,6px);box-shadow:0 2px 8px #005f7338;color:#fff;cursor:pointer;display:none;font-size:14px;font-weight:500;height:var(--cst-icon-button-size,28px);line-height:28px;overflow:hidden;padding:0;position:absolute;right:8px;text-align:center;top:8px;transition:background-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,cubic-bezier(.4,0,.2,1)),transform var(--cst-motion-fast,.14s) var(--cst-ease-standard,cubic-bezier(.4,0,.2,1)),box-shadow var(--cst-motion-fast,.14s) var(--cst-ease-standard,cubic-bezier(.4,0,.2,1));width:var(--cst-icon-button-size,28px);z-index:10}.copy-button:hover{background:var(--color-primary-hover,#1d4ed8);box-shadow:0 6px 14px #005f7347;transform:translateY(-1px) scale(1.05)}.copy-button:focus{outline:none}.copy-button:focus-visible{box-shadow:var(--cst-focus-ring,0 0 0 3px #2563eb38),0 6px 14px #005f7347;outline:none}.copy-button:active{transform:translateY(0) scale(.98)}.copy-button:before{background:#0000;transform:translate(-50%,-50%)}.copy-button:after,.copy-button:before{border:1.5px solid;border-radius:2px;content:"";height:12px;left:50%;position:absolute;top:50%;width:12px}.copy-button:after{background:var(--color-primary,#2563eb);transform:translate(-40%,-60%);z-index:-1}.copy-button.copy-success{animation:copySuccess .6s var(--cst-ease-standard,cubic-bezier(.4,0,.2,1));background:var(--color-success,#28a745)}.copy-button.copy-success:before{background:#0000;border:2px solid #fff;border-left:none;border-top:none;content:"";height:10px;transform:translate(-50%,-60%) rotate(45deg);width:6px}.copy-button.copy-success:after{display:none}.copy-button.copy-error{animation:copyError .6s var(--cst-ease-standard,cubic-bezier(.4,0,.2,1));background:var(--color-danger,#dc3545)}.copy-button.copy-error:before{background:#0000;border:none;content:"!";font-size:16px;font-weight:700;height:auto;transform:translate(-50%,-50%);width:auto}.copy-button.copy-error:after{display:none}@keyframes copySuccess{0%{transform:translateY(-1px) scale(1.05)}50%{box-shadow:0 6px 16px #28a74566;transform:translateY(-2px) scale(1.1)}to{transform:translateY(-1px) scale(1.05)}}@keyframes copyError{0%,to{transform:translateY(-1px) scale(1.05)}25%{transform:translateY(-1px) scale(1.05) rotate(-5deg)}75%{transform:translateY(-1px) scale(1.05) rotate(5deg)}}.copy-button:active:before{animation:pulse .3s ease-out}.copy-button-wrapper .c-input--textarea,.copy-button-wrapper textarea{box-sizing:border-box;padding-right:45px;width:100%}@media (max-width:768px){.copy-button{height:32px;line-height:32px;right:6px;top:6px;width:32px}.copy-button-wrapper .c-input--textarea,.copy-button-wrapper textarea{padding-right:50px}}@media (prefers-contrast:high){.copy-button{border:2px solid}}@media (prefers-reduced-motion:reduce){.copy-button{transition:none}.copy-button.copy-error,.copy-button.copy-success,.copy-button:active:before{animation:none}}@media (prefers-color-scheme:dark){.copy-button{box-shadow:0 2px 8px #005f7373}.copy-button:hover{box-shadow:0 4px 12px #005f738c}}:root[data-cst-theme=dark] .copy-button,:root[data-theme=dark] .copy-button{box-shadow:0 2px 8px #005f7373}:root[data-cst-theme=dark] .copy-button:hover,:root[data-theme=dark] .copy-button:hover{box-shadow:0 4px 12px #005f738c}.clear-button-wrapper{display:inline-block;position:relative;width:100%}.clear-button{background:linear-gradient(135deg,var(--color-danger,#dc3545) 0,#b02a37 100%);border:none;border-radius:50%;box-shadow:0 3px 12px #ba1a1a47,0 1px 3px #0f172a14;color:#fff;cursor:pointer;display:none;font-size:14px;font-weight:600;height:var(--cst-icon-button-size,28px);line-height:28px;overflow:hidden;padding:0;position:absolute;right:8px;text-align:center;top:8px;transition:background-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,cubic-bezier(.4,0,.2,1)),transform var(--cst-motion-fast,.14s) var(--cst-ease-standard,cubic-bezier(.4,0,.2,1)),box-shadow var(--cst-motion-fast,.14s) var(--cst-ease-standard,cubic-bezier(.4,0,.2,1));width:var(--cst-icon-button-size,28px);z-index:10}.clear-button:hover{background:linear-gradient(135deg,var(--color-danger-hover,#c82333) 0,#a02329 100%);box-shadow:0 6px 20px #ba1a1a59,0 3px 8px #0f172a1f;transform:translateY(-2px) scale(1.08)}.clear-button:focus{outline:none}.clear-button:active{transform:translateY(-1px) scale(1.02);transition:transform .1s var(--cst-ease-standard,cubic-bezier(.4,0,.2,1)),box-shadow .1s var(--cst-ease-standard,cubic-bezier(.4,0,.2,1))}.clear-button:before{background:#0000;border:1.5px solid;border-radius:0 0 2px 2px;border-top:none;height:12px;transform:translate(-50%,-50%);width:10px}.clear-button:after,.clear-button:before{content:"";left:50%;position:absolute;top:50%}.clear-button:after{background:currentColor;border-radius:1px;height:2px;transform:translate(-50%,-65%);width:12px}.clear-button:before{box-shadow:0 -3px 0 -1px currentColor,inset 2px 0 0 -1px currentColor,inset -2px 0 0 -1px currentColor}.clear-button.clear-success{animation:clearSuccess .8s var(--cst-ease-standard,cubic-bezier(.4,0,.2,1));background:linear-gradient(135deg,var(--color-success,#28a745) 0,#1e7e34 100%)}.clear-button.clear-success:before{background:#0000;border:2px solid #fff;border-left:none;border-top:none;box-shadow:none;content:"";height:10px;transform:translate(-50%,-60%) rotate(45deg);width:6px}.clear-button.clear-success:after{display:none}.clear-button:before{position:relative}.clear-button:active:before{animation:ripple .4s ease-out}@keyframes clearSuccess{0%{transform:translateY(-2px) scale(1.08)}30%{box-shadow:0 8px 25px #28a74599,0 4px 12px #0003;transform:translateY(-4px) scale(1.15) rotate(5deg)}60%{transform:translateY(-3px) scale(1.12) rotate(-2deg)}to{transform:translateY(-2px) scale(1.08)}}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.clear-button:hover:before{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.clear-button.clearing{animation:sweep .6s var(--cst-ease-standard,cubic-bezier(.4,0,.2,1))}@keyframes sweep{0%{transform:translateY(-2px) scale(1.08) rotate(0deg)}25%{transform:translateY(-3px) scale(1.12) rotate(-10deg)}50%{transform:translateY(-4px) scale(1.15) rotate(5deg)}75%{transform:translateY(-3px) scale(1.12) rotate(-3deg)}to{transform:translateY(-2px) scale(1.08) rotate(0deg)}}.clear-button-wrapper .c-input--textarea,.clear-button-wrapper textarea{box-sizing:border-box;padding-right:40px;width:100%}@media (max-width:768px){.clear-button{font-size:16px;height:32px;line-height:32px;right:6px;top:6px;width:32px}.clear-button:before{height:14px;width:12px}.clear-button:after{width:14px}.clear-button-wrapper .c-input--textarea,.clear-button-wrapper textarea{padding-right:45px}}@media (prefers-contrast:high){.clear-button{border:2px solid;box-shadow:none}.clear-button:hover{border-color:#fff;box-shadow:none}}@media (prefers-reduced-motion:reduce){.clear-button{transition:background-color .2s}.clear-button:hover{box-shadow:0 3px 12px #dc354566,0 1px 3px #0000001a;transform:none}.clear-button:active{transform:none}.clear-button.clear-success,.clear-button.clearing,.clear-button:active:before,.clear-button:hover:before{animation:none}}@media (prefers-color-scheme:dark){.clear-button{box-shadow:0 3px 12px #dc354599,0 1px 3px #0000004d}.clear-button:hover{box-shadow:0 6px 20px #dc3545b3,0 3px 8px #0006}}:root[data-cst-theme=dark] .clear-button,:root[data-theme=dark] .clear-button{box-shadow:0 3px 12px #dc354599,0 1px 3px #0000004d}:root[data-cst-theme=dark] .clear-button:hover,:root[data-theme=dark] .clear-button:hover{box-shadow:0 6px 20px #dc3545b3,0 3px 8px #0006}.clear-button:focus-visible{box-shadow:var(--cst-focus-ring,0 0 0 3px #2563eb38),0 6px 20px #ba1a1a59;outline:none}.clear-button.loading{opacity:.7;pointer-events:none}.clear-button.loading:before{animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}:root{--default-color-primary:var(--md-sys-color-primary,#2563eb);--default-color-primary-hover:var(--cst-color-primary-hover,#1d4ed8);--default-color-secondary:var(--md-sys-color-secondary,#6b7280);--default-color-secondary-hover:var(--cst-color-secondary-hover,#4b5563);--default-color-text:var(--md-sys-color-on-surface,#333);--default-color-text-secondary:var(--md-sys-color-on-surface-variant,#666);--default-color-border:var(--md-sys-color-outline-variant,#ddd);--default-color-border-light:var(--md-sys-color-outline-variant,#eee);--default-color-bg:var(--md-sys-color-surface-bright,#fff);--default-color-bg-light:var(--md-sys-color-surface-container-low,#f8f9fa);--default-color-success:var(--cst-color-success,#28a745);--default-color-danger:var(--md-sys-color-error,#dc3545);--default-color-danger-hover:var(--cst-color-danger-hover,#c82333);--default-color-shadow:var(--cst-color-shadow,#0000001a);--default-font-family-base:var(--cst-font-family-base,system-ui,sans-serif);--default-font-family-mono:var(--cst-font-family-mono,monospace);--default-font-size-base:var(--cst-font-size-2,14px);--default-font-size-small:var(--cst-font-size-1,13px);--default-font-size-h1:var(--cst-font-size-5,24px);--default-font-size-h2:var(--cst-font-size-4,18px);--default-line-height-base:var(--cst-line-height-base,1.6);--default-line-height-tight:var(--cst-line-height-tight,1.5);--default-spacing-xxs:var(--cst-space-2,6px);--default-spacing-xs:var(--cst-space-2,5px);--default-spacing-sm:var(--cst-space-4,10px);--default-spacing-md:var(--cst-space-5,15px);--default-spacing-lg:var(--cst-space-6,20px);--default-container-max-width:1280px;--default-border-radius-sm:var(--cst-radius-sm,4px);--default-border-radius-lg:var(--cst-radius-lg,8px);--default-box-shadow:var(--cst-shadow-2,0 2px 10px var(--default-color-shadow))}body.standalone-app{background:radial-gradient(circle at top right,var(--cst-page-backdrop-spot-primary,#bcecf28c),#0000 45%),radial-gradient(circle at top left,var(--cst-page-backdrop-spot-secondary,#e4deff66),#0000 40%),var(--cst-page-backdrop-base,var(--default-color-bg-light));color:var(--default-color-text);font-family:var(--default-font-family-base);line-height:var(--default-line-height-base);margin:0}.tool-container,body.standalone-app{--color-primary:var(--default-color-primary);--color-primary-hover:var(--default-color-primary-hover);--color-secondary:var(--default-color-secondary);--color-secondary-hover:var(--default-color-secondary-hover);--color-text:var(--default-color-text);--color-text-secondary:var(--default-color-text-secondary);--color-border:var(--default-color-border);--color-border-light:var(--default-color-border-light);--color-bg:var(--default-color-bg);--color-bg-light:var(--default-color-bg-light);--color-surface:var(--md-sys-color-surface-bright,var(--default-color-bg));--color-surface-subtle:var(--md-sys-color-surface-container-low,var(--default-color-bg-light));--color-primary-soft:color-mix(in srgb,var(--color-primary,var(--default-color-primary)) 12%,var(--color-surface,var(--default-color-bg)) 88%);--color-success:var(--default-color-success);--color-danger:var(--default-color-danger);--color-danger-hover:var(--default-color-danger-hover);--color-shadow:var(--default-color-shadow);--color-warning:#b06b00;--color-warning-soft:color-mix(in srgb,var(--color-warning) 14%,var(--color-surface,var(--default-color-bg)) 86%);--font-family-base:var(--default-font-family-base);--font-family-mono:var(--default-font-family-mono);--font-size-base:var(--default-font-size-base);--font-size-small:var(--default-font-size-small);--font-size-h1:var(--default-font-size-h1);--font-size-h2:var(--default-font-size-h2);--line-height-base:var(--default-line-height-base);--line-height-tight:var(--default-line-height-tight);--spacing-xxs:var(--default-spacing-xxs);--spacing-xs:var(--default-spacing-xs);--spacing-sm:var(--default-spacing-sm);--spacing-md:var(--default-spacing-md);--spacing-lg:var(--default-spacing-lg);--container-max-width:var(--default-container-max-width);--border-radius-sm:var(--default-border-radius-sm);--border-radius-lg:var(--default-border-radius-lg);--radius-sm:var(--cst-radius-sm,var(--default-border-radius-sm));--radius-md:var(--cst-radius-md,10px);--radius-lg:var(--cst-radius-lg,var(--default-border-radius-lg));--box-shadow:var(--default-box-shadow);--shadow-sm:var(--cst-shadow-2,var(--default-box-shadow));--focus-ring:var(--cst-focus-ring,0 0 0 3px #2563eb38)}.tool-container{background:linear-gradient(180deg,var(--cst-tool-surface-overlay-top,#ffffffeb),var(--cst-tool-surface-overlay-bottom,#ffffffd1)),var(--color-bg,#0000);border:1px solid var(--color-border-light,#8080802e);border-radius:var(--border-radius-lg,var(--default-border-radius-lg));box-shadow:var(--box-shadow,none);color:var(--color-text,var(--default-color-text));contain:style;font-family:var(--font-family-base,var(--default-font-family-base));font-size:var(--font-size-base,var(--default-font-size-base));line-height:var(--line-height-base,var(--default-line-height-base));margin:0 auto;max-width:var(--container-max-width,var(--default-container-max-width));padding:clamp(1rem,2vw,var(--spacing-lg,var(--default-spacing-lg)))}.tool-container *{box-sizing:border-box;margin:0;padding:0}.tool-container .c-button,.tool-container button{letter-spacing:normal;line-height:normal;max-height:60px;max-width:100%;min-height:0;min-width:0;overflow:hidden;text-indent:0;text-overflow:ellipsis;white-space:nowrap;word-spacing:normal}.tool-container .c-button--small{max-height:40px}.tool-container .c-input:not(.c-input--textarea),.tool-container input:not([type=checkbox]):not([type=radio]),.tool-container select{letter-spacing:normal;line-height:normal;max-height:60px;max-width:100%;min-height:0;min-width:0;text-indent:0}.tool-container .c-input--textarea,.tool-container textarea{max-height:80vh;max-width:100%;min-width:0}.tool-container h1,.tool-container h2,.tool-container label,.tool-container p,.tool-container span{max-width:100%;overflow-wrap:break-word}.tool-container img{height:auto;max-width:100%}.tool-container :is(button,a,input,select,textarea):focus-visible{outline:var(--cst-focus-ring-width,3px) solid var(--color-primary,var(--default-color-primary));outline-offset:2px}.tool-container h1{color:var(--color-primary,var(--default-color-primary));font-size:var(--font-size-h1,var(--default-font-size-h1))}.tool-container h1,.tool-container h2{margin-bottom:var(--spacing-sm,var(--default-spacing-sm))}.tool-container h2{color:var(--color-text,var(--default-color-text));font-size:var(--font-size-h2,var(--default-font-size-h2))}.tool-container textarea{font-family:var(--font-family-mono,var(--default-font-family-mono));height:300px;line-height:var(--line-height-tight,var(--default-line-height-tight));padding:var(--spacing-md,var(--default-spacing-md));resize:none;transition:border-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),box-shadow var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),background-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease);width:100%}.tool-container select,.tool-container textarea{background-color:var(--color-bg,#fff);border:1px solid var(--color-border,#8080804d);border-radius:var(--border-radius-sm,var(--default-border-radius-sm));color:var(--color-text,var(--default-color-text));font-size:var(--font-size-base,var(--default-font-size-base))}.tool-container select{cursor:pointer;padding:var(--spacing-sm,var(--default-spacing-sm));transition:border-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),box-shadow var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease)}.o-header{border-bottom:1px solid var(--color-border-light,#80808033);padding-bottom:var(--spacing-lg,var(--default-spacing-lg));text-align:center}.o-description,.o-header{margin-bottom:var(--spacing-lg,var(--default-spacing-lg))}.o-description{color:var(--color-text-secondary,var(--default-color-text-secondary))}.o-controls{background:linear-gradient(180deg,var(--md-sys-color-surface-container-low,#f4f6f8) 0,var(--color-bg-light,#f0f2f4) 100%);border:1px solid var(--color-border-light,#80808033);border-radius:var(--border-radius-sm,var(--default-border-radius-sm));box-shadow:var(--cst-shadow-1,none);display:flex;gap:var(--spacing-lg,var(--default-spacing-lg));justify-content:space-between;margin:var(--spacing-lg,var(--default-spacing-lg)) 0;padding:var(--spacing-lg,var(--default-spacing-lg))}.o-panel{flex:1}.o-panel,.o-panel-content{display:flex;flex-direction:column;min-height:0}.o-panel-content{flex:1}.o-panel-content .c-input--textarea{flex:1;min-height:300px}.o-panel-header{margin-bottom:var(--spacing-md,var(--default-spacing-md))}.o-toolbar{display:flex;gap:var(--spacing-sm,var(--default-spacing-sm))}.o-grid-2col{display:grid;gap:var(--spacing-lg,var(--default-spacing-lg));grid-template-columns:1fr;margin-bottom:var(--spacing-lg,var(--default-spacing-lg))}@media (min-width:768px){.o-grid-2col{grid-template-columns:1fr 1fr}}.c-button--icon-download:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>') no-repeat 50%;background-size:contain;content:"";display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.c-button{align-items:center;background-color:var(--color-primary,var(--default-color-primary));border:1px solid #0000;border-radius:var(--border-radius-sm,var(--default-border-radius-sm));box-shadow:var(--cst-shadow-1,none);color:var(--color-bg,#fff);cursor:pointer;display:inline-flex;font-size:var(--font-size-base,var(--default-font-size-base));font-weight:600;gap:var(--spacing-xs,var(--default-spacing-xs));justify-content:center;line-height:1;min-height:var(--cst-control-height,40px);padding:var(--spacing-sm,var(--default-spacing-sm)) var(--spacing-lg,var(--default-spacing-lg));transition:background-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),transform var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),box-shadow var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease)}.c-button:hover{background-color:var(--color-primary-hover,var(--default-color-primary-hover));box-shadow:var(--cst-shadow-2,none);transform:translateY(-1px)}.c-button:active{box-shadow:var(--cst-shadow-1,none);transform:translateY(0)}.c-button:disabled{background-color:var(--color-secondary,var(--default-color-secondary));box-shadow:none;cursor:not-allowed;transform:none}.c-button:focus-visible{box-shadow:var(--cst-focus-ring,none),var(--cst-shadow-2,none)}.c-button--secondary{background-color:var(--color-secondary,var(--default-color-secondary))}.c-button--secondary:hover{background-color:var(--color-secondary-hover,var(--default-color-secondary-hover))}.c-button--danger{background-color:var(--color-danger,var(--default-color-danger))}.c-button--danger:hover{background-color:var(--color-danger-hover,var(--default-color-danger-hover))}.c-button--small{font-size:var(--font-size-small,var(--default-font-size-small));min-height:var(--cst-control-height-compact,32px);padding:var(--spacing-xxs,var(--default-spacing-xxs)) var(--spacing-sm,var(--default-spacing-sm));white-space:nowrap}.c-notification{background:linear-gradient(135deg,var(--color-success,var(--default-color-success)) 0,var(--cst-color-success-hover,#1b6b45) 100%);border:1px solid #ffffff2e;border-radius:var(--border-radius-sm,var(--default-border-radius-sm));bottom:var(--spacing-lg,var(--default-spacing-lg));box-shadow:var(--cst-shadow-3,var(--box-shadow,var(--default-box-shadow)));color:var(--color-bg,#fff);opacity:0;padding:var(--spacing-sm,var(--default-spacing-sm)) var(--spacing-lg,var(--default-spacing-lg));position:fixed;right:var(--spacing-lg,var(--default-spacing-lg));transform:translateY(100px);transition:transform var(--cst-motion-medium,.22s) var(--cst-ease-emphasized,ease),opacity var(--cst-motion-medium,.22s) var(--cst-ease-standard,ease)}.c-notification.notification-error{background:linear-gradient(135deg,var(--color-danger,var(--default-color-danger)) 0,var(--color-danger-hover,var(--default-color-danger-hover)) 100%)}.c-notification.show{opacity:1;transform:translateY(0)}.c-input{background-color:var(--color-bg,#fff);border:1px solid var(--color-border,#8080804d);border-radius:var(--border-radius-sm,var(--default-border-radius-sm));color:var(--color-text,var(--default-color-text));font-size:var(--font-size-base,var(--default-font-size-base));min-width:0;padding:var(--spacing-sm,var(--default-spacing-sm));transition:border-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),box-shadow var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),background-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease)}.c-input:hover{border-color:var(--color-secondary,var(--default-color-secondary))}.c-input:focus{border-color:var(--color-primary,var(--default-color-primary));outline:none}.c-input:focus-visible,.tool-container select:focus-visible,.tool-container textarea:focus-visible{border-color:var(--color-primary,var(--default-color-primary));box-shadow:var(--cst-focus-ring,none)}.c-input--textarea{font-family:var(--font-family-mono,var(--default-font-family-mono));line-height:var(--line-height-tight,var(--default-line-height-tight));min-height:300px;resize:vertical}.c-form-group{background:linear-gradient(180deg,var(--color-bg,#fff) 0,var(--md-sys-color-surface-container-low,#f4f6f8) 100%);border:1px solid var(--color-border,#8080804d);border-radius:var(--border-radius-sm,var(--default-border-radius-sm));box-shadow:var(--cst-shadow-1,none);height:fit-content;padding:var(--spacing-lg,var(--default-spacing-lg))}.c-form-group-header{align-items:center;border-bottom:1px solid var(--color-border-light,#80808033);color:var(--color-text,var(--default-color-text));font-size:var(--font-size-h2,var(--default-font-size-h2));font-weight:600;justify-content:space-between;padding-bottom:var(--spacing-sm,var(--default-spacing-sm))}.c-form-group-header,.c-form-row{display:flex;margin-bottom:var(--spacing-md,var(--default-spacing-md))}.c-form-row{align-items:flex-start;gap:var(--spacing-sm,var(--default-spacing-sm));position:relative}.c-form-row label{align-items:flex-start;color:var(--color-text-secondary,var(--default-color-text-secondary));display:flex;flex:0 0 200px;font-weight:500;gap:var(--spacing-xs,var(--default-spacing-xs));padding-top:var(--spacing-sm,var(--default-spacing-sm))}.c-form-row label.required:after{color:var(--color-danger,var(--default-color-danger));content:"*";margin-left:4px}.c-tooltip-container{display:inline-block;position:relative}.c-tooltip{background-color:var(--color-secondary,var(--default-color-secondary));border-radius:var(--border-radius-sm,var(--default-border-radius-sm));bottom:125%;color:var(--color-bg,#fff);font-size:var(--font-size-small,var(--default-font-size-small));font-weight:400;left:50%;margin-left:-100px;opacity:0;padding:var(--spacing-xs,var(--default-spacing-xs));position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:10}.c-tooltip:after{border-color:var(--color-secondary,var(--default-color-secondary)) #0000 #0000 #0000;border-style:solid;border-width:5px;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.c-tooltip-container:focus .c-tooltip,.c-tooltip-container:focus-within .c-tooltip,.c-tooltip-container:hover .c-tooltip{opacity:1;visibility:visible}button.c-tooltip-container{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;padding:0}.c-code-output{background-color:var(--color-bg,#fff);border:1px solid var(--color-border,#8080804d);border-radius:var(--border-radius-sm,var(--default-border-radius-sm));color:var(--color-text,var(--default-color-text));flex:1;font-family:var(--font-family-mono,var(--default-font-family-mono));font-size:var(--font-size-base,var(--default-font-size-base));line-height:var(--line-height-tight,var(--default-line-height-tight));min-height:100px;padding:var(--spacing-md,var(--default-spacing-md));word-break:break-all;word-wrap:break-word;max-width:100%;overflow-wrap:break-word;overflow-x:auto;overflow-y:auto;white-space:pre-wrap}.c-code-output:empty:before{color:var(--color-text-secondary,var(--default-color-text-secondary));content:"Output will appear here";font-style:italic}.c-stats-panel{background-color:var(--md-sys-color-surface-container-low,var(--color-bg-light,#0000));border:1px solid var(--color-border-light,#80808033);border-radius:var(--border-radius-sm,var(--default-border-radius-sm));margin-top:var(--spacing-lg,var(--default-spacing-lg));padding:var(--spacing-md,var(--default-spacing-md))}.c-stat-row{display:flex;font-size:var(--font-size-base,var(--default-font-size-base));justify-content:space-between;margin-bottom:var(--spacing-xs,var(--default-spacing-xs))}.c-stat-row span:first-child{color:var(--color-text-secondary,var(--default-color-text-secondary))}.c-checkbox-group{display:flex;flex-wrap:wrap;gap:var(--spacing-md,var(--default-spacing-md))}.c-checkbox-item{align-items:center;display:flex;gap:var(--spacing-xs,var(--default-spacing-xs))}.c-checkbox-item input[type=checkbox]{height:16px;margin:0;width:16px}.c-checkbox-item label{color:var(--color-text,var(--default-color-text));font-size:var(--font-size-base,var(--default-font-size-base))}.c-checkbox-card{align-items:var(--c-checkbox-card-align-items,flex-start);background:linear-gradient(180deg,color-mix(in srgb,var(--cst-color-mix-neutral,#fff) var(--c-checkbox-card-surface-mix,92%),var(--color-surface-subtle,#f5f7fa)),var(--color-surface,#fff));border:1px solid color-mix(in srgb,var(--color-border,#d7dde4) 90%,var(--cst-color-mix-neutral,#fff));border-radius:var(--c-checkbox-card-radius,var(--radius-md,10px));box-shadow:inset 0 1px 0 #ffffffb3;margin:0;min-width:0;padding:var(--c-checkbox-card-padding,.75rem .8rem)}.c-checkbox-card label{color:var(--c-checkbox-card-label-color,var(--color-text,#1f2937));font-weight:500;line-height:1.35}.c-checkbox-card input:checked+label{color:var(--c-checkbox-card-active-label-color,var(--color-primary,#1d70b8))}.c-checkbox-card:has(input:checked){background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary-soft,#e9f3fb) var(--c-checkbox-card-active-top-mix,62%),var(--cst-color-mix-neutral,#fff)),color-mix(in srgb,var(--cst-color-mix-neutral,#fff) 94%,var(--color-primary-soft,#e9f3fb)));border-color:color-mix(in srgb,var(--color-primary,#1d70b8) 26%,var(--color-border,#d7dde4))}.c-options-panel{background-color:var(--md-sys-color-surface-container-low,var(--color-bg-light,#0000));border:1px solid var(--color-border-light,#80808033);border-radius:var(--border-radius-sm,var(--default-border-radius-sm));margin:var(--spacing-lg,var(--default-spacing-lg)) 0;padding:var(--spacing-lg,var(--default-spacing-lg))}.c-tool-stack{display:flex;flex-direction:column;gap:var(--spacing-lg,var(--default-spacing-lg))}.c-surface-card{background:var(--color-surface,#fff);border:1px solid color-mix(in srgb,var(--color-border,#d7dde4) 90%,var(--cst-color-mix-neutral,#fff));border-radius:var(--radius-lg,14px);box-shadow:var(--shadow-sm,0 8px 24px #0f172a0f)}.c-surface-panel{display:flex;flex-direction:column;overflow:hidden}.c-surface-panel__header{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary-soft,#e9f3fb) 52%,var(--cst-color-mix-neutral,#fff)),color-mix(in srgb,var(--cst-color-mix-neutral,#fff) 92%,var(--color-primary-soft,#e9f3fb)));border-bottom:1px solid color-mix(in srgb,var(--color-border,#d7dde4) 92%,var(--cst-color-mix-neutral,#fff));display:flex;gap:.75rem;justify-content:space-between;margin:0;padding:.9rem 1rem}.c-surface-panel__header>:is(h2,h3,h4,.c-surface-panel__title){font-size:1rem;letter-spacing:.01em;margin:0}.c-surface-panel__content{flex:1;min-height:0;padding:var(--spacing-md,var(--default-spacing-md))}.c-surface-panel__content--flush{padding:0}.c-surface-panel .clear-button-wrapper,.c-surface-panel .copy-button-wrapper{display:flex;flex:1;width:100%}.c-surface-panel .clear-button-wrapper>.c-editor-fill,.c-surface-panel .copy-button-wrapper>.c-editor-fill{flex:1}.c-editor-fill{border:0;border-radius:0;box-shadow:none;flex:1;font-family:var(--font-family-mono,ui-monospace,SFMono-Regular,Menlo,monospace);line-height:1.5;max-width:100%;min-height:var(--c-editor-min-height,19rem);resize:vertical;width:100%}.c-action-strip{align-items:center;background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary,#1d70b8) 10%,#0000),#0000 58%),linear-gradient(180deg,color-mix(in srgb,var(--cst-color-mix-neutral,#fff) 88%,var(--color-primary-soft,#e9f3fb)),var(--cst-color-mix-neutral,#fff));border:1px solid color-mix(in srgb,var(--color-border,#d7dde4) 90%,var(--cst-color-mix-neutral,#fff));border-radius:var(--radius-lg,14px);box-shadow:var(--shadow-sm,0 8px 24px #0f172a0f);display:flex;flex-wrap:wrap;gap:var(--spacing-sm,var(--default-spacing-sm));margin:0;padding:var(--spacing-md,var(--default-spacing-md))}.c-panel-toolbar{gap:0;margin:0;min-height:0}.c-panel-toolbar:empty{display:none}.c-tool-footer{color:var(--color-text-secondary,#4b5563);font-size:.92rem;margin-top:0;text-align:center}.c-tool-footer p{margin:0}.c-tool-article{padding:clamp(1rem,2vw,var(--spacing-lg,var(--default-spacing-lg)))}.c-tool-article--intro{background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary,#1d70b8) 10%,#0000),#0000 62%),linear-gradient(180deg,color-mix(in srgb,var(--cst-color-mix-neutral,#fff) 90%,var(--color-primary-soft,#e9f3fb)),var(--color-surface,#fff))}.c-tool-article__section+.c-tool-article__section{border-top:1px solid color-mix(in srgb,var(--color-border,#d7dde4) 88%,var(--cst-color-mix-neutral,#fff));margin-top:clamp(1.5rem,2vw,2rem);padding-top:clamp(1.5rem,2vw,2rem)}.c-tool-article__content{display:flex;flex-direction:column;gap:.9rem}.c-tool-article__eyebrow{color:var(--color-text-secondary,#4b5563);font-size:.82rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.c-tool-article__lead{color:var(--color-text,#1f2937);font-size:1rem;line-height:1.7;margin:0}.c-tool-article__title{color:var(--color-text,#1f2937);font-size:clamp(1.35rem,2vw,1.7rem);font-weight:700;letter-spacing:-.02em;line-height:1.22;margin:0}.c-tool-article__content>:is(p,ul,ol){margin:0}.c-tool-article__content li,.c-tool-article__content p,.c-tool-faq__answer{color:var(--color-text,#1f2937);line-height:1.7}.c-tool-article__content ol,.c-tool-article__content ul{padding-left:1.25rem}.c-tool-article__content li+li,.c-tool-article__content li>ol,.c-tool-article__content li>ul{margin-top:.55rem}.c-tool-article__content a:not(.c-button),.c-tool-faq__answer a:not(.c-button){color:var(--color-primary,#1d70b8);text-underline-offset:.14em}.c-tool-article__content a:not(.c-button):hover,.c-tool-faq__answer a:not(.c-button):hover{color:var(--color-primary-hover,#1d4ed8)}.c-tool-article__cta-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm,var(--default-spacing-sm));padding-top:.2rem}.c-tool-article__figure{display:flex;flex-direction:column;gap:.75rem;margin:0}.c-tool-article__figure img{border:1px solid color-mix(in srgb,var(--color-border,#d7dde4) 90%,var(--cst-color-mix-neutral,#fff));border-radius:var(--radius-md,10px);box-shadow:var(--shadow-sm,0 8px 24px #0f172a0f);display:block;height:auto;max-width:100%;width:100%}.c-tool-article__figcaption{color:var(--color-text-secondary,#4b5563);font-size:.92rem;line-height:1.6;margin:0}.c-tool-faq{display:flex;flex-direction:column;gap:1rem;margin:0}.c-tool-faq__item{background:color-mix(in srgb,var(--cst-color-mix-neutral,#fff) 92%,var(--color-surface-subtle,#f5f7fa));border:1px solid color-mix(in srgb,var(--color-border,#d7dde4) 90%,var(--cst-color-mix-neutral,#fff));border-radius:var(--radius-md,10px);padding:1rem}.c-tool-faq__question{color:var(--color-text,#1f2937);font-weight:700}.c-tool-faq__answer{margin:.55rem 0 0}.c-tool-faq__answer p{margin:0}.c-tool-article__sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.c-related-tools{background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary,#1d70b8) 10%,#0000),#0000 58%),linear-gradient(180deg,var(--color-surface,#fff),color-mix(in srgb,var(--color-surface-subtle,#f8f9fa) 78%,var(--cst-color-mix-neutral,#fff)));box-sizing:border-box;margin:1rem auto 0;padding:clamp(1rem,2vw,var(--spacing-lg,var(--default-spacing-lg)))}.c-related-tools,.c-tool-static-shell{max-width:calc(var(--container-max-width, var(--default-container-max-width, 1280px)) + 2rem + 2px);width:100%}.c-tool-static-shell{margin-left:auto;margin-right:auto}.c-tool-static-shell--before{margin-bottom:1rem}.c-tool-static-shell--after{margin-top:1rem}.c-related-tools__header{margin-bottom:var(--spacing-lg,var(--default-spacing-lg))}.c-related-tools__title{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:var(--line-height-tight,var(--default-line-height-tight));margin:0}.c-related-tools__description{color:var(--color-text-secondary,var(--default-color-text-secondary));margin:.35rem 0 0;max-width:60ch}.c-related-tools__grid{display:grid;gap:var(--spacing-md,var(--default-spacing-md));grid-template-columns:1fr}.c-related-tools__card{align-items:flex-start;background:linear-gradient(180deg,color-mix(in srgb,var(--cst-color-mix-neutral,#fff) 94%,var(--color-primary-soft,#e9f3fb)),color-mix(in srgb,var(--color-surface,#fff) 88%,var(--color-surface-subtle,#f8f9fa)));display:flex;flex-direction:column;gap:var(--spacing-sm,var(--default-spacing-sm));min-height:100%;padding:1rem}.c-related-tools__card-title{font-size:1rem;line-height:var(--line-height-tight,var(--default-line-height-tight));margin:0}.c-related-tools__card-copy{color:var(--color-text-secondary,var(--default-color-text-secondary));display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.c-related-tools__cta{margin-top:auto}.c-tool-description{color:var(--color-text-secondary,var(--default-color-text-secondary));line-height:1.55;margin:0 auto;max-width:var(--c-tool-description-max-width,72ch);text-align:center}.c-tool-header{background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg,#fff) 95%,var(--c-tool-header-accent,var(--color-primary,#1d70b8)) 5%) 0,var(
        --c-tool-header-surface,color-mix(in srgb,var(--md-sys-color-surface-container-low,#f5f7f9) 90%,var(--cst-color-mix-neutral,#fff) 10%)
      ) 100%);border:1px solid var(
    --c-tool-header-border,color-mix(in srgb,var(--color-border,#8080804d) 78%,var(--cst-color-mix-neutral,#fff) 22%)
  );border-radius:var(--radius-lg,14px);box-shadow:var(--cst-shadow-1,none);margin-bottom:var(--spacing-lg,var(--default-spacing-lg));padding:var(--spacing-md,var(--default-spacing-md));text-align:center}.c-tool-header.o-header{border-bottom:1px solid var(
    --c-tool-header-border,color-mix(in srgb,var(--color-border,#8080804d) 78%,var(--cst-color-mix-neutral,#fff) 22%)
  );padding-bottom:var(--spacing-md,var(--default-spacing-md))}.c-status-banner{align-items:center;background:color-mix(in srgb,var(--color-surface,#fff) 90%,var(--color-surface-subtle,#f5f7fa));border:1px solid color-mix(in srgb,var(--color-border,#d7dde4) 90%,var(--cst-color-mix-neutral,#fff));border-radius:var(--c-status-radius,var(--radius-md,10px));color:var(--color-text-secondary,#4b5563);display:flex;font-size:var(--c-status-font-size,.9rem);line-height:1.45;min-height:var(--c-status-min-height,44px);padding:var(--c-status-padding,.7rem .85rem)}.c-status-banner.status-success{background:color-mix(in srgb,var(--color-success,#1d7f4f) 12%,var(--cst-color-mix-neutral,#fff));border-color:color-mix(in srgb,var(--color-success,#1d7f4f) 28%,var(--color-border,#d7dde4));color:color-mix(in srgb,var(--color-success,#1d7f4f) 86%,var(--color-text,#1f2937))}.c-status-banner.error,.c-status-banner.status-error{background:color-mix(in srgb,var(--color-danger,#ba1a1a) 12%,var(--cst-color-mix-neutral,#fff));border-color:color-mix(in srgb,var(--color-danger,#ba1a1a) 26%,var(--color-border,#d7dde4));color:color-mix(in srgb,var(--color-danger,#ba1a1a) 82%,var(--color-text,#1f2937))}.c-status-banner.status-warning{background:color-mix(in srgb,var(--color-warning,#b06b00) 10%,var(--cst-color-mix-neutral,#fff));border-color:color-mix(in srgb,var(--color-warning,#b06b00) 26%,var(--color-border,#d7dde4));color:color-mix(in srgb,var(--color-warning,#b06b00) 84%,var(--color-text,#1f2937))}.c-input-status,.c-status-banner.status-default{color:var(--color-text-secondary,#4b5563)}.c-input-status{font-size:.85rem;margin-top:0;min-height:2.25rem;padding:.45rem .6rem}.c-input-status.error{background:color-mix(in srgb,var(--color-danger,#ba1a1a) 14%,var(--cst-color-mix-neutral,#fff));border:1px solid color-mix(in srgb,var(--color-danger,#ba1a1a) 28%,var(--color-border,#d7dde4));border-radius:var(--c-input-status-radius,var(--radius-sm,8px));color:color-mix(in srgb,var(--color-danger,#ba1a1a) 78%,var(--color-text,#1f2937));padding:.6rem .75rem}.c-status-chip{align-items:center;background:color-mix(in srgb,var(--color-bg,#fff) 92%,var(--c-status-chip-accent,var(--color-primary,#1d70b8)) 8%);border:1px solid color-mix(in srgb,var(--c-status-chip-accent,var(--color-primary,#1d70b8)) 10%,#0000);border-radius:999px;color:var(--color-text-secondary,var(--default-color-text-secondary));display:inline-flex;font-size:var(--font-size-small,var(--default-font-size-small));min-height:1.9rem;padding:.15rem .55rem}.c-status-chip:empty{display:none}.c-tab-list{border-bottom:1px solid color-mix(in srgb,var(--color-border,#d7dde4) 90%,var(--cst-color-mix-neutral,#fff));display:flex;gap:.35rem}.c-tab-button{appearance:none;background:none;border:1px solid #0000;border-bottom:none;border-radius:.65rem .65rem 0 0;color:var(--color-text-secondary,#4b5563);cursor:pointer;font:inherit;font-weight:600;margin-bottom:-1px;padding:.65rem .85rem;transition:color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),background-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease),border-color var(--cst-motion-fast,.14s) var(--cst-ease-standard,ease)}.c-tab-button:hover{background:color-mix(in srgb,var(--color-primary-soft,#e9f3fb) 70%,var(--cst-color-mix-neutral,#fff));color:var(--color-primary,#1d70b8)}.c-tab-button.active{background:var(--color-surface,#fff);border-color:color-mix(in srgb,var(--color-primary,#1d70b8) 24%,var(--color-border,#d7dde4));box-shadow:inset 0 2px 0 color-mix(in srgb,var(--color-primary,#1d70b8) 28%,var(--cst-color-mix-neutral,#fff));color:var(--color-primary,#1d70b8)}.c-tab-button:focus-visible{box-shadow:var(--focus-ring,0 0 0 3px #1d70b833);outline:none;position:relative;z-index:1}.u-text-center{text-align:center}.u-flex{display:flex}.u-flex-column{flex-direction:column}.u-gap-sm{gap:var(--spacing-sm,var(--default-spacing-sm))}.u-gap-md{gap:var(--spacing-md,var(--default-spacing-md))}.u-gap-lg{gap:var(--spacing-lg,var(--default-spacing-lg))}.u-mt-md{margin-top:var(--spacing-md,var(--default-spacing-md))}.u-justify-between{justify-content:space-between}.u-justify-center{justify-content:center}.u-visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media (prefers-reduced-motion:reduce){.c-button,.c-input,.c-notification,.c-tooltip,.tool-container select,.tool-container textarea{transition:none}.c-button:active,.c-button:hover{transform:none}}@media (min-width:768px){.o-controls{flex-direction:row}.c-related-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.c-related-tools__card-title{font-size:1.05rem}.o-panel{min-width:0}}@media (min-width:1080px){.c-related-tools__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.tool-container{border-radius:calc(var(--border-radius-lg, var(--default-border-radius-lg)) - 2px);padding:var(--spacing-md,var(--default-spacing-md))}.u-flex.u-gap-lg{flex-direction:column;gap:var(--spacing-md,var(--default-spacing-md))}.o-controls{flex-direction:column;padding:var(--spacing-md,var(--default-spacing-md))}.o-controls .u-flex{flex-direction:column;gap:var(--spacing-sm,var(--default-spacing-sm))}.o-panel{width:100%}.o-toolbar{flex-direction:column;gap:var(--spacing-sm,var(--default-spacing-sm))}.c-button,.o-controls .c-button--small,.o-toolbar .c-button,.tool-container select{width:100%}.c-form-row{align-items:stretch;flex-direction:column;gap:var(--spacing-xs,var(--default-spacing-xs))}.c-form-row label{flex:none;margin-bottom:3px;padding-top:0;width:100%}.c-tooltip{bottom:auto;left:0;margin-left:0;margin-top:var(--spacing-xs,var(--default-spacing-xs));top:100%;width:100%}.c-tooltip:after{border-color:#0000 #0000 var(--color-secondary,var(--default-color-secondary)) #0000;left:50%;margin-left:-5px;top:-10px}}@media (max-width:640px){.c-tool-stack{gap:var(--spacing-md,var(--default-spacing-md))}.c-surface-panel__header{padding:.8rem .9rem}.c-action-strip{padding:var(--spacing-sm,var(--default-spacing-sm))}.c-tab-button{flex:1 1 0;font-size:.86rem;min-width:0;padding:.6rem .45rem}}.jwt-builder-container{--jwtb-accent:var(--color-primary,#005f73);--jwtb-surface-soft:color-mix(in srgb,var(--md-sys-color-surface-container-low,#f5f7f9) 90%,var(--cst-color-mix-neutral,#fff) 10%);--jwtb-border-soft:color-mix(in srgb,var(--color-border,#8080804d) 78%,var(--cst-color-mix-neutral,#fff) 22%);--jwtb-success:color-mix(in srgb,var(--color-success,#1f7a4d) 88%,#0f5132 12%)}.jwt-builder-form,.jwt-builder-grid.o-grid-2col{gap:var(--spacing-md,var(--default-spacing-md))}.jwt-builder-grid.o-grid-2col{margin-bottom:0}.jwt-builder-container .jwt-builder-section.c-form-group{background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg,#fff) 96%,var(--jwtb-accent) 4%) 0,var(--jwtb-surface-soft) 100%);border-color:var(--jwtb-border-soft);border-radius:var(--border-radius-md,var(--default-border-radius-sm));box-shadow:var(--cst-shadow-1,none)}.jwt-builder-container .c-form-group-header{gap:var(--spacing-sm,var(--default-spacing-sm))}.jwt-builder-container .c-form-group-header :is(h2,h3),.jwt-builder-container .c-form-group>:is(h2,h3).c-form-group-header{letter-spacing:.01em}.jwt-builder-container .c-form-row{padding:.2rem 0}.jwt-builder-container .c-form-row label{font-weight:600}.jwt-builder-container .c-input{background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg,#fff) 98%,var(--jwtb-accent) 2%) 0,var(--color-bg,#fff) 100%);border-color:color-mix(in srgb,var(--color-border,#8080804d) 82%,var(--cst-color-mix-neutral,#fff) 18%);color:color-mix(in srgb,var(--color-text,#111827) 92%,#000 8%);font-family:var(--font-family-mono,var(--default-font-family-mono));font-weight:500}.jwt-builder-container .c-input:focus{color:color-mix(in srgb,var(--color-text,#111827) 96%,#000 4%)}.jwt-builder-container .c-input::placeholder{color:color-mix(in srgb,var(--color-text-secondary,#6b7280) 84%,var(--cst-color-mix-neutral,#fff) 16%);font-weight:400;opacity:1}.jwt-builder-inline-actions{min-width:0}.jwt-builder-quick-set-buttons.quick-set-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs,var(--default-spacing-xs));margin-top:var(--spacing-xs,var(--default-spacing-xs))}.jwt-builder-quick-set-btn{min-width:0}.jwt-builder-container .jwt-builder-secret-row{align-items:center}.jwt-builder-secret-generate{background:color-mix(in srgb,var(--color-bg,#fff) 90%,var(--jwtb-accent) 10%)!important;border:1px solid color-mix(in srgb,var(--jwtb-accent) 20%,#0000)!important;border-radius:var(--border-radius-sm,var(--default-border-radius-sm));box-shadow:none!important;color:var(--jwtb-accent)!important;min-height:2.25rem;min-width:2.25rem;padding:.35rem!important}.jwt-builder-secret-generate:hover{background:color-mix(in srgb,var(--color-bg,#fff) 82%,var(--jwtb-accent) 18%)!important;color:var(--color-primary-hover,var(--default-color-primary-hover))!important;transform:translateY(-1px)}.jwt-builder-secret-generate svg{height:18px;width:18px}.jwt-builder-container .copy-button-wrapper{display:flex;flex:1;min-width:0;position:relative}.jwt-builder-container .copy-button-wrapper .c-input{flex:1;padding-right:45px}.jwt-builder-algorithm-panel.c-form-group{background:color-mix(in srgb,var(--md-sys-color-surface-container-low,#f5f7f9) 95%,var(--cst-color-mix-neutral,#fff) 5%);border:1px dashed color-mix(in srgb,var(--jwtb-accent) 22%,#0000);border-radius:var(--border-radius-md,var(--default-border-radius-sm));box-shadow:none;margin-top:0;padding-block:var(--spacing-md,var(--default-spacing-md))}.jwt-builder-container .algorithm-info{color:var(--color-text-secondary,var(--default-color-text-secondary));font-size:var(--font-size-small,var(--default-font-size-small));line-height:1.45;margin:0}.jwt-builder-container .add-claim{white-space:nowrap}.jwt-builder-container .custom-claim-row{background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg,#fff) 96%,var(--jwtb-accent) 4%) 0,color-mix(in srgb,var(--color-bg,#fff) 99%,var(--jwtb-accent) 1%) 100%);border:1px solid color-mix(in srgb,var(--jwtb-accent) 12%,var(--jwtb-border-soft));border-radius:var(--border-radius-sm,var(--default-border-radius-sm));padding:var(--spacing-sm,var(--default-spacing-sm))}.jwt-builder-custom-claim-fields{flex:1;min-width:0}.jwt-builder-custom-claim-label{color:var(--color-text-secondary,var(--default-color-text-secondary));font-weight:600}.jwt-builder-custom-claim-input{min-width:0}.jwt-builder-container .custom-claim-row .delete-claim{align-items:center;align-self:center;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;min-width:32px;padding:0;width:32px}.jwt-builder-container .empty-claims-message{color:var(--color-text-secondary,var(--default-color-text-secondary));font-style:italic;padding:var(--spacing-sm,var(--default-spacing-sm)) 0}.jwt-builder-build-btn#buildJwtBtn{align-self:center;font-weight:700;min-width:11.5rem}.jwt-builder-container .result-section.jwt-builder-result-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg,#fff) 96%,var(--jwtb-accent) 4%) 0,var(--jwtb-surface-soft) 100%);border-color:var(--jwtb-border-soft);margin-top:var(--spacing-md,var(--default-spacing-md))}.jwt-builder-result-container.result-container{align-items:flex-start}.jwt-builder-container .jwt-token-output{background:linear-gradient(135deg,color-mix(in srgb,var(--color-success,#198754) 8%,var(--cst-color-mix-neutral,#fff) 92%) 0,color-mix(in srgb,var(--color-success,#198754) 4%,var(--cst-color-mix-neutral,#fff) 96%) 100%);border:1px solid color-mix(in srgb,var(--color-success,#198754) 24%,#0000);border-radius:var(--border-radius-sm,var(--default-border-radius-sm));box-shadow:inset 0 1px 0 #ffffff8c;color:var(--jwtb-success);font-size:15px;font-weight:600;letter-spacing:.02em;line-height:1.65}.jwt-builder-container .jwt-token-output:empty:before{color:var(--color-text-secondary,var(--default-color-text-secondary));font-weight:400;letter-spacing:normal}.u-gap-xs{gap:var(--spacing-xs,var(--default-spacing-xs))}@media (max-width:768px){.jwt-builder-form{gap:var(--spacing-sm,var(--default-spacing-sm))}.jwt-builder-container .c-form-group{padding:var(--spacing-md,var(--default-spacing-md))}.jwt-builder-container .c-form-group-header{align-items:flex-start;flex-wrap:wrap}.jwt-builder-container .custom-claim-row{padding:var(--spacing-xs,var(--default-spacing-xs))}.jwt-builder-container .custom-claim-row>.jwt-builder-custom-claim-fields,.jwt-builder-container .custom-claim-row>div.u-flex{align-items:stretch;flex-direction:column;gap:var(--spacing-xs,var(--default-spacing-xs));width:100%}.jwt-builder-container .custom-claim-row .jwt-builder-custom-claim-label,.jwt-builder-container .custom-claim-row label{flex-basis:auto;margin-bottom:0;padding-top:0;width:100%}.jwt-builder-container .custom-claim-row .c-input{width:100%}.jwt-builder-container .custom-claim-row .delete-claim{align-self:flex-end;margin-top:var(--spacing-xs,var(--default-spacing-xs))}.jwt-builder-result-container.result-container{align-items:stretch;flex-direction:column}.jwt-builder-build-btn#buildJwtBtn{align-self:stretch;min-width:0;width:100%}.jwt-builder-container .copy-button-wrapper .c-input{padding-right:50px}}