.base64-tool-page{--base64-accent:#0969da;--base64-accent-strong:#0b4fb3;--base64-accent-soft:rgba(9, 105, 218, 0.14);--base64-sky:#67b7ff;--base64-glow:rgba(103, 183, 255, 0.28);--base64-panel-bg:linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(246, 249, 252, 0.98));--base64-hero-bg:radial-gradient(circle at top left, rgba(103, 183, 255, 0.28), transparent 38%),
    radial-gradient(circle at bottom right, rgba(9, 105, 218, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(240, 247, 255, 0.96));color:var(--tool-text)}.dark .base64-tool-page{--base64-accent:#58a6ff;--base64-accent-strong:#7cc2ff;--base64-accent-soft:rgba(88, 166, 255, 0.18);--base64-sky:#9fd0ff;--base64-glow:rgba(88, 166, 255, 0.18);--base64-panel-bg:linear-gradient(180deg, rgba(22, 27, 34, 0.96), rgba(13, 17, 23, 0.98));--base64-hero-bg:radial-gradient(circle at top left, rgba(88, 166, 255, 0.18), transparent 40%),
    radial-gradient(circle at bottom right, rgba(125, 211, 252, 0.12), transparent 30%),
    linear-gradient(135deg, rgba(22, 27, 34, 0.98), rgba(13, 17, 23, 0.98))}.base64-tool-page *{box-sizing:border-box}.base64-tool-page{display:grid;gap:14px;overflow-x:clip}.base64-tool-page .tool-card{background:var(--base64-panel-bg);border:1px solid var(--tool-border);box-shadow:0 18px 48px rgba(15,23,42,7%)}.dark .base64-tool-page .tool-card{box-shadow:0 22px 54px rgba(0,0,0,.34)}.base64-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.35fr .8fr;align-items:center;gap:18px;padding:20px 24px;background:var(--base64-hero-bg)!important}.base64-hero::before,.base64-hero::after{content:"";position:absolute;border-radius:999px;filter:blur(18px);opacity:.8;pointer-events:none}.base64-hero::before{width:180px;height:180px;top:-60px;right:24%;background:var(--base64-glow)}.base64-hero::after{width:120px;height:120px;bottom:-32px;left:8%;background:rgba(9,105,218,.12)}.base64-hero-copy{position:relative;z-index:1;min-width:0}.base64-hero-topline{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;margin-bottom:8px}.base64-hero-topline>*,.base64-panel-heading>*,.base64-editor-labels>*{min-width:0}.base64-eyebrow,.base64-section-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:0;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--base64-accent-strong)}.base64-hero-copy h2,.base64-support-card h3,.base64-panel h3{margin:0;color:var(--tool-text)}.base64-hero-copy h2{font-size:clamp(1.18rem,2vw,1.72rem);line-height:1.08;max-width:none;white-space:nowrap}.base64-hero-copy p{max-width:40ch;margin:8px 0 0;font-size:.9rem;line-height:1.42;color:var(--tool-text-muted)}.base64-hero-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:0;justify-content:flex-end}.base64-hero-pills span,.base64-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(9,105,218,.12);background:rgba(255,255,255,.72);padding:5px 10px;font-size:.76rem;font-weight:600;color:var(--tool-text);backdrop-filter:blur(8px);max-width:100%}.dark .base64-hero-pills span,.dark .base64-chip{background:rgba(13,17,23,.72);border-color:rgba(88,166,255,.16)}.base64-hero-orbit{position:relative;z-index:1;display:grid;place-items:center;min-height:118px;isolation:isolate}.base64-orbit-stack{position:relative;display:grid;place-items:center;width:130px;height:130px}.base64-orbit-ring{position:absolute;z-index:1;width:104px;height:104px;border-radius:50%;border:1px solid rgba(9,105,218,.18);box-shadow:inset 0 0 0 8px rgba(255,255,255,.25);animation:base64OrbitSpin 18s linear infinite}.dark .base64-orbit-ring{border-color:rgba(88,166,255,.16);box-shadow:inset 0 0 0 7px rgba(255,255,255,3%)}.base64-orbit-ring-secondary{z-index:0;width:124px;height:124px;border-style:dashed;border-width:1px;border-color:rgba(9,105,218,.24);box-shadow:none;opacity:.58;animation:none}.dark .base64-orbit-ring-secondary{border-color:rgba(88,166,255,.22)}.base64-orbit-trail{position:absolute;z-index:0;width:130px;height:130px;border-radius:50%;background:conic-gradient( from 210deg,transparent 0,transparent 235deg,rgba(103,183,255,4%) 255deg,rgba(103,183,255,.2) 285deg,rgba(103,183,255,.5) 310deg,transparent 338deg,transparent 360deg );mask:radial-gradient(circle,transparent 56%,#000 58%,#000 64%,transparent 66%);-webkit-mask:radial-gradient(circle,transparent 56%,#000 58%,#000 64%,transparent 66%);animation:base64OrbitSpin 14s linear infinite}.base64-orbit-core{display:grid;place-items:center;position:relative;z-index:2;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--base64-accent),var(--base64-sky));color:#fff;font-size:1.04rem;font-weight:800;letter-spacing:.08em;box-shadow:0 12px 24px rgba(9,105,218,.24);animation:base64CorePulse 4.8s ease-in-out infinite}.base64-orbit-tag{position:absolute;z-index:2;right:0;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(9,105,218,.15);color:var(--tool-text);font-size:.66rem;font-weight:700;animation:none}.dark .base64-orbit-tag{background:rgba(13,17,23,.92);border-color:rgba(88,166,255,.16)}.base64-shell{display:grid;grid-template-columns:minmax(0,1.05fr)minmax(0,.95fr);gap:24px}.base64-panel{position:relative;overflow:hidden;padding:24px}.base64-panel::after{content:"";position:absolute;inset:auto -40px -40px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(9,105,218,8%),transparent 70%);pointer-events:none}.base64-panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}@media(min-width:1121px){.base64-panel-heading{min-height:108px}}.base64-toggle-cluster{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.base64-toggle-group{display:flex;align-items:center;gap:8px;min-width:0}.base64-toggle-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tool-text-muted)}.base64-segmented{display:inline-flex;padding:4px;border-radius:999px;background:rgba(9,105,218,8%);border:1px solid rgba(9,105,218,8%)}.dark .base64-segmented{background:rgba(88,166,255,8%);border-color:rgba(88,166,255,.1)}.base64-toggle,.base64-variant{border:0;background:0 0;border-radius:999px;padding:9px 14px;font-size:.88rem;font-weight:700;color:var(--tool-text-muted);transition:all .18s ease}.base64-toggle.is-active,.base64-variant.is-active{background:linear-gradient(135deg,var(--base64-accent),var(--base64-sky));color:#fff;box-shadow:0 10px 20px rgba(9,105,218,.22)}.base64-editor-labels{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:10px}.base64-editor-labels .tool-muted,.base64-json-header .tool-muted{overflow-wrap:anywhere}.base64-tool-page label{margin:0;font-size:.9rem;font-weight:700;color:var(--tool-text)}.base64-tool-page textarea{width:100%;min-height:280px;padding:16px 18px;border-radius:18px;border:1px solid var(--tool-border);background:rgba(255,255,255,.88);color:var(--tool-text);font-size:.96rem;line-height:1.65;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.dark .base64-tool-page textarea{background:rgba(13,17,23,.88)}.base64-tool-page textarea:focus{outline:none;border-color:var(--base64-accent);box-shadow:0 0 0 4px var(--base64-accent-soft)}.base64-actions-row{margin-top:16px}.base64-inline-status{margin-top:16px;padding:14px 16px;border-radius:14px;border:1px solid rgba(9,105,218,.12);background:rgba(9,105,218,6%);color:var(--tool-text);font-size:.92rem}.base64-inline-status.is-error{background:var(--tool-danger-soft);border-color:rgba(209,36,47,.16);color:var(--tool-danger)}.base64-inline-status.is-success{background:var(--tool-success-soft);border-color:rgba(26,127,55,.16);color:var(--tool-success)}.base64-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.base64-metric-card{padding:14px 16px;border-radius:16px;border:1px solid var(--tool-border);background:rgba(255,255,255,.72)}.dark .base64-metric-card{background:rgba(13,17,23,.72)}.base64-metric-label{display:block;margin-bottom:6px;color:var(--tool-text-muted);font-size:.82rem;font-weight:600}.base64-metric-card strong{font-size:1rem;color:var(--tool-text)}.base64-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.base64-chip.is-success{color:var(--tool-success);border-color:rgba(26,127,55,.18);background:var(--tool-success-soft)}.base64-chip.is-error{color:var(--tool-danger);border-color:rgba(209,36,47,.18);background:var(--tool-danger-soft)}.base64-chip.is-info{color:var(--base64-accent-strong);border-color:rgba(9,105,218,.16);background:var(--base64-accent-soft)}.base64-json-preview{margin-top:18px;border-radius:16px;border:1px solid var(--tool-border);overflow:hidden}.base64-json-header{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:rgba(9,105,218,8%);color:var(--tool-text);font-size:.88rem;font-weight:700}.base64-json-preview pre{margin:0;padding:16px;max-height:260px;overflow:auto;background:rgba(255,255,255,.76);color:var(--tool-text);font-size:.87rem;line-height:1.55}.dark .base64-json-preview pre{background:rgba(13,17,23,.82)}.base64-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.base64-support-card{position:relative;padding:22px;overflow:hidden}.base64-support-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--base64-accent),transparent 72%);opacity:.9}.base64-support-card::after{content:"";position:absolute;top:-34px;right:-34px;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,rgba(103,183,255,.16),transparent 70%);pointer-events:none}.base64-support-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.base64-support-icon{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;background:var(--base64-accent-soft);border:1px solid rgba(9,105,218,.14);color:var(--base64-accent-strong);font-size:.76rem;font-weight:800;letter-spacing:.08em;font-family:var(--tool-font-mono)}.base64-support-card h3{margin-bottom:10px;font-size:1.08rem}.base64-support-card p,.base64-support-card li,.base64-example-list{position:relative;z-index:1}.base64-example-list{display:flex;flex-wrap:wrap;gap:10px}.base64-example-btn{border:1px solid rgba(9,105,218,.12);background:rgba(9,105,218,6%);color:var(--tool-text);border-radius:999px;padding:10px 14px;font-size:.88rem;font-weight:600;transition:transform .18s ease,border-color .18s ease,background .18s ease;max-width:100%}.base64-example-btn:hover,.base64-example-btn:focus-visible,.base64-tool-page .tool-btn-primary:hover,.base64-tool-page .tool-btn-secondary:hover{transform:translateY(-1px)}.base64-example-btn:hover,.base64-example-btn:focus-visible{outline:none;border-color:rgba(9,105,218,.28);background:rgba(9,105,218,.12)}.base64-bullet-list{margin:0;padding-left:18px;color:var(--tool-text-muted)}.base64-bullet-list li+li{margin-top:9px}@keyframes base64OrbitSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes base64CorePulse{0%,100%{transform:translateY(0)scale(1);box-shadow:0 12px 26px rgba(9,105,218,.24)}50%{transform:translateY(-2px)scale(1.04);box-shadow:0 16px 30px rgba(9,105,218,.3)}}@media(prefers-reduced-motion:reduce){.base64-orbit-ring,.base64-orbit-trail,.base64-orbit-core,.base64-orbit-tag{animation:none}}@media(max-width:1120px){.base64-hero,.base64-shell,.base64-support-grid{grid-template-columns:1fr}.base64-panel-heading{min-height:0}.base64-hero{padding:20px}.base64-hero-topline{flex-direction:column;align-items:flex-start}.base64-hero-copy h2{white-space:normal}.base64-hero-pills{justify-content:flex-start}.base64-hero-copy h2{max-width:100%}.base64-hero-orbit{min-height:96px}.base64-orbit-stack{width:116px;height:116px}}@media(max-width:780px){.base64-panel-heading,.base64-editor-labels,.base64-json-header{flex-direction:column;align-items:flex-start}.base64-toggle-cluster{width:100%;flex-direction:column;align-items:stretch}.base64-toggle-group{width:100%;flex-direction:column;align-items:flex-start;gap:6px}.base64-segmented{width:100%;justify-content:stretch}.base64-toggle,.base64-variant{flex:1;width:auto;min-width:0;text-align:center}.base64-tool-page textarea{min-height:220px}.base64-meta-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.base64-hero,.base64-panel,.base64-support-card{padding:20px}.base64-hero-copy h2{font-size:1.1rem;white-space:normal}.base64-hero-topline{gap:8px}.base64-meta-grid{grid-template-columns:1fr}.base64-hero-orbit{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:auto;gap:10px}.base64-orbit-stack{width:88px;height:88px}.base64-orbit-ring{width:84px;height:84px;box-shadow:inset 0 0 0 6px rgba(255,255,255,.22)}.base64-orbit-ring-secondary,.base64-orbit-trail{display:none}.base64-orbit-core{width:34px;height:34px;font-size:.7rem;box-shadow:0 6px 12px rgba(9,105,218,.16)}.base64-orbit-tag{position:static;margin-top:2px;padding:4px 7px;font-size:.62rem}}