.layout{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:var(--space-lg);padding:0 var(--space-lg);height:56px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--border-subtle)}.topbar__brand{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.topbar__logo{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--cyan),var(--magenta));font-family:var(--font-mono);font-weight:700;font-size:.875rem;color:var(--bg-deep)}.topbar__name{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:var(--text-primary)}.topbar__tabs{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none}.topbar__tabs::-webkit-scrollbar{display:none}.topbar__tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:all .2s}.topbar__tab:hover{color:var(--text-primary);background:var(--tab-dim)}.topbar__tab--active{color:var(--tab-color)!important;background:var(--tab-dim)!important;box-shadow:0 0 12px var(--tab-glow)}.topbar__tab-icon{display:flex;align-items:center}.topbar__badge{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--lime);padding:5px 14px;border-radius:999px;border:1px solid var(--lime-dim);background:var(--lime-dim);width:175px;overflow:hidden}.topbar__badge-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--lime);animation:pulse-glow 2s ease-in-out infinite}.topbar__badge-text{display:inline-block;white-space:nowrap}.topbar__badge-text--visible{opacity:1;transform:translate(0);transition:opacity .5s ease,transform .5s ease}.topbar__badge-text--out{opacity:0;transform:translate(-110%);transition:opacity .5s ease,transform .5s ease}.topbar__badge-text--in{opacity:0;transform:translate(110%);transition:none}.main{flex:1;padding:var(--space-lg);max-width:1400px;width:100%;margin:0 auto}.main--home{max-width:1200px;padding-top:var(--space-2xl)}@media(max-width:768px){.topbar{gap:var(--space-sm);padding:0 var(--space-md)}.topbar__name,.topbar__tab-label,.topbar__badge{display:none}}.theme-toggle{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all .25s ease}.theme-toggle:hover{border-color:var(--border-medium);background:var(--bg-overlay);transform:rotate(20deg) scale(1.08)}.theme-toggle__icon{font-size:1rem;line-height:1}.home{display:flex;flex-direction:column;gap:var(--space-2xl)}.hero{text-align:center;animation:fadeInUp .6s ease-out both}.hero__title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.1;letter-spacing:-.03em;color:var(--text-primary)}.hero__gradient{background:linear-gradient(135deg,var(--cyan),var(--magenta),var(--amber));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 6s ease-in-out infinite}.hero__sub{margin-top:var(--space-md);font-size:1.125rem;color:var(--text-secondary);max-width:520px;margin-inline:auto;line-height:1.7}.privacy-banner{animation:fadeInUp .6s ease-out .15s both;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;overflow:hidden}.privacy-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--amber),var(--lime),var(--violet));background-size:300% 100%;animation:shimmer 4s linear infinite}.privacy-banner__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}.privacy-banner__item{display:flex;gap:var(--space-md);align-items:flex-start}.privacy-banner__icon{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary)}.privacy-banner__item strong{display:block;font-family:var(--font-display);font-weight:700;font-size:.9375rem;color:var(--text-primary);margin-bottom:2px}.privacy-banner__item p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.tool-card{position:relative;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .25s ease;animation:fadeInUp .5s ease-out both;overflow:hidden}.tool-card:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;background:radial-gradient(ellipse at 50% 0%,var(--card-glow),transparent 70%);transition:opacity .3s}.tool-card:hover:before{opacity:1}.tool-card:hover{border-color:var(--card-color);transform:translateY(-4px);box-shadow:0 8px 32px var(--card-glow)}.tool-card__icon-wrap{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--card-dim);border:1px solid var(--card-color);margin-bottom:var(--space-xs);position:relative;z-index:1}.tool-card__icon{display:flex;align-items:center;color:var(--card-color)}.tool-card__name{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--text-primary);position:relative;z-index:1}.tool-card__desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;flex:1;position:relative;z-index:1}.tool-card__arrow{display:inline-block;font-size:1.1rem;color:var(--card-color);opacity:0;transform:translate(-8px);transition:all .25s;position:relative;z-index:1}.tool-card:hover .tool-card__arrow{opacity:1;transform:translate(0)}.home-footer{text-align:center;padding:var(--space-xl) 0;font-size:.8125rem;color:var(--text-muted);animation:fadeInUp .6s ease-out .6s both}.home-footer a{text-decoration:underline;color:var(--text-secondary)}.home-footer a:hover{color:var(--text-primary)}.json-tool{display:flex;flex-direction:column;gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);animation:fadeInUp .4s ease-out both}.json-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.json-toolbar__tabs{display:flex;gap:2px;background:var(--bg-raised);border-radius:var(--radius-sm);padding:3px;border:1px solid var(--border-subtle)}.json-toolbar__tab{padding:8px 16px;border-radius:4px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);transition:all .2s}.json-toolbar__tab:hover{color:var(--text-primary)}.json-toolbar__tab--active{background:var(--cyan-dim);color:var(--cyan)}.json-toolbar__controls{display:flex;align-items:center;gap:var(--space-sm)}.json-toolbar__indent{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.json-toolbar__indent select{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:6px 10px;outline:none}.json-toolbar__btn{padding:8px 14px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);transition:all .2s}.json-toolbar__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.json-panes{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);min-height:0}.json-pane{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.json-pane__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.json-pane__meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}.json-pane__copy{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--cyan);padding:4px 10px;border-radius:3px;transition:all .2s}.json-pane__copy:hover:not(:disabled){background:var(--cyan-dim)}.json-pane__copy:disabled{color:var(--text-muted);opacity:.5}.json-pane__copy--done{color:var(--lime)!important}.json-pane__editor{flex:1;border:none;border-radius:0;padding:var(--space-md);font-size:.8125rem;line-height:1.65;background:var(--bg-base);tab-size:2;white-space:pre;overflow:auto}.json-pane__editor--output{color:var(--cyan)}.json-pane__error{flex:1;display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);font-family:var(--font-mono);font-size:.8125rem;color:#f55;background:#ff55550f;line-height:1.5}.json-pane__error-icon{flex-shrink:0;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#ff555526;font-size:.625rem;font-weight:700}@media(max-width:768px){.json-panes{grid-template-columns:1fr}.json-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.json-pane__editor{min-height:200px}}.diff-tool{display:flex;flex-direction:column;gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);animation:fadeInUp .4s ease-out both}.diff-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.diff-toolbar__tabs{display:flex;gap:2px;background:var(--bg-raised);border-radius:var(--radius-sm);padding:3px;border:1px solid var(--border-subtle)}.diff-toolbar__tab{padding:8px 16px;border-radius:4px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);transition:all .2s}.diff-toolbar__tab:hover{color:var(--text-primary)}.diff-toolbar__tab--active{background:var(--magenta-dim);color:var(--magenta)}.diff-toolbar__controls{display:flex;align-items:center;gap:var(--space-sm)}.diff-toolbar__stats{display:flex;gap:8px;font-family:var(--font-mono);font-size:.75rem;font-weight:600}.diff-toolbar__stat--added{color:var(--lime)}.diff-toolbar__stat--removed{color:var(--magenta)}.diff-toolbar__btn{padding:8px 14px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);transition:all .2s}.diff-toolbar__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.diff-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);flex:1;min-height:0}.diff-pane{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.diff-pane__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.diff-pane__meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}.diff-pane__editor{flex:1;border:none;border-radius:0;padding:var(--space-md);font-size:.8125rem;line-height:1.65;background:var(--bg-base);tab-size:2;white-space:pre;overflow:auto}.diff-output{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;max-height:50vh;display:flex;flex-direction:column}.diff-output__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.diff-split{display:grid;grid-template-columns:1fr 1fr;overflow:auto;flex:1}.diff-split__col{overflow-x:auto;border-right:1px solid var(--border-subtle)}.diff-split__col:last-child{border-right:none}.diff-inline{overflow:auto;flex:1}.diff-line{display:flex;font-family:var(--font-mono);font-size:.8125rem;line-height:1.65;min-height:1.65em}.diff-line__no{flex-shrink:0;width:40px;text-align:right;padding:0 8px 0 4px;color:var(--text-muted);font-size:.75rem;-webkit-user-select:none;user-select:none}.diff-line__no--old,.diff-line__no--new{width:36px}.diff-line__prefix{flex-shrink:0;width:20px;text-align:center;font-weight:700;-webkit-user-select:none;user-select:none}.diff-line__text{flex:1;padding-right:var(--space-md);white-space:pre}.diff-line--equal{background:transparent}.diff-line--equal .diff-line__prefix{color:var(--text-muted)}.diff-line--added{background:#aaff0014}.diff-line--added .diff-line__prefix{color:var(--lime)}.diff-line--added .diff-line__text{color:var(--text-primary)}.diff-line--removed{background:#ff008014}.diff-line--removed .diff-line__prefix{color:var(--magenta)}.diff-line--removed .diff-line__text{color:var(--text-primary)}.diff-line--empty{background:var(--bg-surface);opacity:.4}.diff-hl{background:none;color:inherit;border-radius:2px;padding:0}.diff-hl--removed{background:#ff008040}.diff-hl--added{background:#aaff0038}[data-theme=light] .diff-hl--removed{background:#a3005233}[data-theme=light] .diff-hl--added{background:#47750033}.diff-match{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.9375rem;color:var(--text-secondary)}.diff-match__icon{color:var(--lime);font-size:1.1rem;font-weight:700}@media(max-width:768px){.diff-inputs,.diff-split{grid-template-columns:1fr}.diff-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.diff-pane__editor{min-height:150px}}.b64-tool{display:flex;flex-direction:column;gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);animation:fadeInUp .4s ease-out both}.b64-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.b64-toolbar__tabs{display:flex;gap:2px;background:var(--bg-raised);border-radius:var(--radius-sm);padding:3px;border:1px solid var(--border-subtle)}.b64-toolbar__tab{padding:8px 16px;border-radius:4px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);transition:all .2s}.b64-toolbar__tab:hover{color:var(--text-primary)}.b64-toolbar__tab--active{background:var(--amber-dim);color:var(--amber)}.b64-toolbar__controls{display:flex;align-items:center;gap:var(--space-sm)}.b64-toolbar__btn,.b64-toolbar__file-btn{padding:8px 14px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);transition:all .2s;cursor:pointer}.b64-toolbar__btn:hover,.b64-toolbar__file-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.b64-panes{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);min-height:0}.b64-pane{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.b64-pane__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.b64-pane__meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}.b64-pane__copy{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--amber);padding:4px 10px;border-radius:3px;transition:all .2s}.b64-pane__copy:hover:not(:disabled){background:var(--amber-dim)}.b64-pane__copy:disabled{opacity:.5;cursor:default}.b64-pane__editor{flex:1;border:none;border-radius:0;padding:var(--space-md);font-family:var(--font-mono);font-size:.8125rem;line-height:1.65;background:var(--bg-base);tab-size:2;white-space:pre-wrap;word-break:break-all;overflow:auto}.b64-pane__editor--output{color:var(--text-primary);cursor:default}.b64-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ff008014;border:1px solid rgba(255,0,128,.2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8125rem;color:var(--magenta)}.b64-error__icon{font-weight:700}@media(max-width:768px){.b64-panes{grid-template-columns:1fr}.b64-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.b64-pane__editor{min-height:150px}}.beau-tool{display:flex;flex-direction:column;gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);animation:fadeInUp .4s ease-out both}.beau-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.beau-toolbar__tabs{display:flex;gap:2px;background:var(--bg-raised);border-radius:var(--radius-sm);padding:3px;border:1px solid var(--border-subtle)}.beau-toolbar__tab{padding:8px 16px;border-radius:4px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);transition:all .2s}.beau-toolbar__tab:hover{color:var(--text-primary)}.beau-toolbar__tab--active{background:var(--lime-dim);color:var(--lime)}.beau-toolbar__controls{display:flex;align-items:center;gap:var(--space-sm)}.beau-toolbar__lang{display:flex;align-items:center;gap:4px;position:relative}.beau-toolbar__lang select{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:6px 10px;outline:none}.beau-toolbar__auto{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--lime);background:var(--lime-dim);border-radius:3px;padding:1px 5px}.beau-toolbar__indent{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.beau-toolbar__indent select{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:6px 10px;outline:none}.beau-toolbar__btn{padding:8px 14px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);transition:all .2s}.beau-toolbar__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.beau-panes{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);min-height:0}.beau-pane{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.beau-pane__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.beau-pane__meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}.beau-pane__spinner{font-family:var(--font-mono);color:var(--lime);animation:pulse-glow 1s ease-in-out infinite;margin-left:4px}.beau-pane__copy{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--lime);padding:4px 10px;border-radius:3px;transition:all .2s}.beau-pane__copy:hover:not(:disabled){background:var(--lime-dim)}.beau-pane__copy:disabled{opacity:.5;cursor:default}.beau-pane__editor{flex:1;border:none;border-radius:0;padding:var(--space-md);font-family:var(--font-mono);font-size:.8125rem;line-height:1.65;background:var(--bg-base);tab-size:2;white-space:pre;overflow:auto}.beau-pane__editor--output{color:var(--text-primary);cursor:default}.beau-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ff008014;border:1px solid rgba(255,0,128,.2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8125rem;color:var(--magenta)}.beau-error__icon{font-weight:700}@media(max-width:768px){.beau-panes{grid-template-columns:1fr}.beau-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.beau-pane__editor{min-height:150px}}.rx-tool{display:flex;flex-direction:column;gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);animation:fadeInUp .4s ease-out both}.rx-pattern{display:flex;align-items:center;gap:2px;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono)}.rx-pattern__slash{font-size:1.125rem;font-weight:600;color:var(--violet);-webkit-user-select:none;user-select:none}.rx-pattern__input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:.9375rem;color:var(--text-primary);letter-spacing:.02em}.rx-pattern__input::placeholder{color:var(--text-muted)}.rx-pattern__flags{font-size:.875rem;color:var(--violet);font-weight:600;min-width:2ch}.rx-flags{display:flex;gap:4px;flex-wrap:wrap}.rx-flags__btn{font-family:var(--font-mono);font-size:.8125rem;font-weight:600;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);background:var(--bg-raised);border:1px solid var(--border-subtle);transition:all .2s}.rx-flags__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.rx-flags__btn--active{background:var(--violet-dim);color:var(--violet);border-color:var(--violet)}.rx-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ff008014;border:1px solid rgba(255,0,128,.2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8125rem;color:var(--magenta)}.rx-error__icon{font-weight:700}.rx-main{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);min-height:0}.rx-pane{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.rx-pane__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.rx-pane__meta{font-family:var(--font-mono);font-size:.75rem;color:var(--violet);font-weight:600;text-transform:none;letter-spacing:0}.rx-pane__editor{flex:1;margin:0;padding:var(--space-md);font-family:var(--font-mono);font-size:.8125rem;line-height:1.65;white-space:pre-wrap;word-wrap:break-word;border:none;border-radius:0;background:var(--bg-base);color:var(--text-primary);resize:none;outline:none}.rx-pane__rendered{flex:1;padding:var(--space-md);font-family:var(--font-mono);font-size:.8125rem;line-height:1.65;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto;color:var(--text-primary);background:var(--bg-base)}.rx-pane__rendered--empty{color:var(--text-muted)}.rx-hl{background:var(--violet-dim);color:var(--violet);border-radius:2px;padding:0 1px;-webkit-text-fill-color:var(--violet)}.rx-matches-bar{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.rx-matches-bar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.rx-matches{display:flex;overflow-x:auto;padding:var(--space-sm);gap:var(--space-sm)}.rx-matches__empty{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:.8125rem}.rx-match{flex-shrink:0;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.rx-match__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:4px}.rx-match__idx{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--violet)}.rx-match__pos{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.rx-match__text{font-family:var(--font-mono);font-size:.8125rem;background:var(--violet-dim);color:var(--violet);padding:2px 6px;border-radius:3px;display:inline-block;word-break:break-all}.rx-match__groups{margin-top:6px;padding-left:var(--space-md);border-left:2px solid var(--border-subtle)}.rx-match__group{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;padding:2px 0}.rx-match__group-name{font-family:var(--font-mono);color:var(--text-secondary);font-weight:600}.rx-match__group-name:after{content:":"}.rx-match__group-val{font-family:var(--font-mono);color:var(--violet)}@media(max-width:768px){.rx-main{grid-template-columns:1fr}.rx-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.rx-pane__editor,.rx-pane__rendered{min-height:150px}}.url-tool{display:flex;flex-direction:column;gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);animation:fadeInUp .4s ease-out both}.url-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.url-toolbar__tabs{display:flex;gap:2px;background:var(--bg-raised);border-radius:var(--radius-sm);padding:3px;border:1px solid var(--border-subtle)}.url-toolbar__tab{padding:8px 16px;border-radius:4px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);transition:all .2s}.url-toolbar__tab:hover{color:var(--text-primary)}.url-toolbar__tab--active{background:var(--teal-dim);color:var(--teal)}.url-toolbar__controls{display:flex;align-items:center;gap:var(--space-sm)}.url-toolbar__scope{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.url-toolbar__scope select{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;padding:6px 10px;outline:none}.url-toolbar__btn{padding:8px 14px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);transition:all .2s}.url-toolbar__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.url-panes{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);min-height:0}.url-pane{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.url-pane__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.url-pane__meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}.url-pane__copy{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--teal);padding:4px 10px;border-radius:3px;transition:all .2s}.url-pane__copy:hover:not(:disabled){background:var(--teal-dim)}.url-pane__copy:disabled{opacity:.5;cursor:default}.url-pane__copy--done{color:var(--lime)!important}.url-pane__editor{flex:1;border:none;border-radius:0;padding:var(--space-md);font-family:var(--font-mono);font-size:.8125rem;line-height:1.65;background:var(--bg-base);tab-size:2;white-space:pre-wrap;word-break:break-all;overflow:auto}.url-pane__editor--output{color:var(--teal)}.url-params{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.url-params__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.url-params__table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.8125rem}.url-params__table th{text-align:left;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.url-params__table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);word-break:break-all}.url-params__table tr:last-child td{border-bottom:none}.url-params__key{color:var(--teal);font-weight:600}.url-params__val{color:var(--text-primary)}.url-params__empty{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:.8125rem}.url-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ff008014;border:1px solid rgba(255,0,128,.2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8125rem;color:var(--magenta)}.url-error__icon{font-weight:700}@media(max-width:768px){.url-panes{grid-template-columns:1fr}.url-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}.url-pane__editor{min-height:150px}}.jwt-tool{display:flex;flex-direction:column;gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);animation:fadeInUp .4s ease-out both}.jwt-input{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.jwt-input__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.jwt-input__controls{display:flex;gap:var(--space-sm)}.jwt-input__btn{padding:8px 14px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);transition:all .2s}.jwt-input__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.jwt-input__editor{border:none;border-radius:0;padding:var(--space-md);font-family:var(--font-mono);font-size:.8125rem;line-height:1.65;background:var(--bg-base);min-height:80px;resize:vertical;word-break:break-all}.jwt-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ff008014;border:1px solid rgba(255,0,128,.2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8125rem;color:var(--magenta)}.jwt-error__icon{font-weight:700}.jwt-sections{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md);min-height:0}.jwt-section{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.jwt-section__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.jwt-section__header--header{color:var(--rose)}.jwt-section__header--payload{color:var(--teal)}.jwt-section__header--signature{color:var(--violet)}.jwt-section__body{flex:1;padding:var(--space-md);font-family:var(--font-mono);font-size:.8125rem;line-height:1.65;overflow:auto;background:var(--bg-base);white-space:pre-wrap;word-break:break-all}.jwt-section__copy{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--rose);padding:4px 10px;border-radius:3px;transition:all .2s}.jwt-section__copy:hover{background:var(--rose-dim)}.jwt-section__copy--done{color:var(--lime)!important}.jwt-claims{width:100%;border-collapse:collapse}.jwt-claims td{padding:4px 0;vertical-align:top}.jwt-claims__key{color:var(--rose);font-weight:600;padding-right:var(--space-md);white-space:nowrap}.jwt-claims__val{color:var(--text-primary);word-break:break-all}.jwt-claims__val--expired{color:var(--magenta);font-weight:700}.jwt-claims__val--valid{color:var(--lime)}.jwt-claims__sub{display:block;font-size:.75rem;color:var(--text-muted);font-weight:400}.jwt-sig-raw{color:var(--violet);word-break:break-all}.jwt-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8125rem}@media(max-width:768px){.jwt-sections{grid-template-columns:1fr}.jwt-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}}.clr-tool{display:flex;flex-direction:column;gap:var(--space-md);height:calc(100dvh - 56px - var(--space-lg) * 2);animation:fadeInUp .4s ease-out both}.clr-input-row{display:flex;gap:var(--space-md);align-items:stretch}.clr-input{flex:1;display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.clr-input__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.clr-input__controls{display:flex;gap:var(--space-sm)}.clr-input__btn{padding:8px 14px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-raised);border:1px solid var(--border-subtle);transition:all .2s}.clr-input__btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.clr-input__field{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-base)}.clr-input__text{flex:1;border:none;background:transparent;font-family:var(--font-mono);font-size:1rem;color:var(--text-primary);outline:none}.clr-input__text::placeholder{color:var(--text-muted)}.clr-input__picker{width:40px;height:40px;border:2px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;padding:0;background:none;-webkit-appearance:none;appearance:none}.clr-input__picker::-webkit-color-swatch-wrapper{padding:0}.clr-input__picker::-webkit-color-swatch{border:none;border-radius:4px}.clr-preview{width:80px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-raised);overflow:hidden;display:flex;flex-direction:column}.clr-preview__swatch{flex:1;min-height:60px;background:var(--swatch-color, var(--bg-surface));transition:background .15s}.clr-preview__label{padding:4px;text-align:center;font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--bg-surface)}.clr-formats{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);min-height:0}.clr-card{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.clr-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.clr-card__copy{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--orange);padding:4px 10px;border-radius:3px;transition:all .2s}.clr-card__copy:hover:not(:disabled){background:var(--orange-dim)}.clr-card__copy:disabled{opacity:.5;cursor:default}.clr-card__copy--done{color:var(--lime)!important}.clr-card__value{padding:var(--space-md);font-family:var(--font-mono);font-size:1rem;line-height:1.65;color:var(--orange);background:var(--bg-base);flex:1;display:flex;align-items:center;word-break:break-all}.clr-sliders{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.clr-sliders__header{padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.clr-slider-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle)}.clr-slider-row:last-child{border-bottom:none}.clr-slider-row__label{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-muted);width:16px;text-align:center}.clr-slider-row__input{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--bg-overlay);outline:none;border:none;padding:0}.clr-slider-row__input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--orange);cursor:pointer}.clr-slider-row__val{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);width:36px;text-align:right}.clr-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8125rem}@media(max-width:768px){.clr-input-row{flex-direction:column}.clr-preview{width:100%;flex-direction:row}.clr-preview__swatch{min-height:40px;width:80px}.clr-formats{grid-template-columns:1fr}.clr-tool{height:auto;min-height:calc(100dvh - 56px - var(--space-lg) * 2)}}:root,[data-theme=dark]{--bg-deep: #06060C;--bg-base: #0A0A14;--bg-raised: #10101E;--bg-surface: #16162A;--bg-overlay: #1C1C36;--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .12);--topbar-bg: rgba(6, 6, 12, .85);--text-primary: #E8E8F0;--text-secondary: #8888A8;--text-muted: #7B7B96;--cyan: #00E5FF;--cyan-dim: rgba(0, 229, 255, .15);--cyan-glow: rgba(0, 229, 255, .35);--magenta: #FF0080;--magenta-dim: rgba(255, 0, 128, .15);--magenta-glow: rgba(255, 0, 128, .35);--amber: #FFAB00;--amber-dim: rgba(255, 171, 0, .15);--amber-glow: rgba(255, 171, 0, .35);--lime: #AAFF00;--lime-dim: rgba(170, 255, 0, .15);--lime-glow: rgba(170, 255, 0, .35);--violet: #B388FF;--violet-dim: rgba(179, 136, 255, .15);--violet-glow: rgba(179, 136, 255, .35);--teal: #2DD4BF;--teal-dim: rgba(45, 212, 191, .15);--teal-glow: rgba(45, 212, 191, .35);--rose: #F43F5E;--rose-dim: rgba(244, 63, 94, .15);--rose-glow: rgba(244, 63, 94, .35);--orange: #FF7043;--orange-dim: rgba(255, 112, 67, .15);--orange-glow: rgba(255, 112, 67, .35);--font-display: "Syne", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-body: "DM Sans", system-ui, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 36px;--space-2xl: 56px;--space-3xl: 80px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px}[data-theme=light]{--bg-deep: #F4F2EF;--bg-base: #FFFFFF;--bg-raised: #FAFAF8;--bg-surface: #F0EEEB;--bg-overlay: #E8E6E2;--border-subtle: rgba(0, 0, 0, .07);--border-medium: rgba(0, 0, 0, .14);--topbar-bg: rgba(244, 242, 239, .88);--text-primary: #12122A;--text-secondary: #44445E;--text-muted: #6E6E88;--cyan: #006E82;--cyan-dim: rgba(0, 110, 130, .1);--cyan-glow: rgba(0, 110, 130, .2);--magenta: #A30052;--magenta-dim: rgba(163, 0, 82, .1);--magenta-glow: rgba(163, 0, 82, .2);--amber: #A36D00;--amber-dim: rgba(163, 109, 0, .1);--amber-glow: rgba(163, 109, 0, .2);--lime: #477500;--lime-dim: rgba(71, 117, 0, .1);--lime-glow: rgba(71, 117, 0, .2);--violet: #5C2FD6;--violet-dim: rgba(92, 47, 214, .1);--violet-glow: rgba(92, 47, 214, .2);--teal: #0D9488;--teal-dim: rgba(13, 148, 136, .1);--teal-glow: rgba(13, 148, 136, .2);--rose: #BE123C;--rose-dim: rgba(190, 18, 60, .1);--rose-glow: rgba(190, 18, 60, .2);--orange: #C2410C;--orange-dim: rgba(194, 65, 12, .1);--orange-glow: rgba(194, 65, 12, .2);--noise-opacity: .04}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100dvh}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:var(--noise-opacity, .025);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}textarea,input{font-family:var(--font-mono);font-size:.875rem;background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);outline:none;resize:none;transition:border-color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:var(--space-md);z-index:1000;padding:var(--space-sm) var(--space-md);background:var(--cyan);color:var(--bg-deep);font-weight:600;font-size:.875rem;border-radius:var(--radius-sm);text-decoration:none;transition:top .2s}.skip-link:focus{top:var(--space-sm)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}textarea:focus-visible,input:focus-visible,select:focus-visible{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-dim)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}