:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f2f5f3;--background-deep:#e7ece9;--surface:#fff;--surface-soft:#eef4f1;--surface-band:#ffffff94;--text:#151b18;--muted:#64736b;--border:#d4ded7;--accent:#0f766e;--accent-strong:#0b5f59;--accent-soft:#dff4ef;--gold:#ba7a2a;--gold-soft:#ba7a2a24;--coral:#c96f5a;--coral-soft:#c96f5a24;--violet:#5a5f9f;--violet-soft:#5a5f9f24;--ink-soft:#26362e;--danger:#b42318;--shadow:0 24px 70px #13271f1c;--shadow-soft:0 16px 48px #13271f14;--shadow-card:0 10px 34px #13271f0f;--radius:12px;--radius-md:14px;--radius-lg:18px;--content:1120px;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--workspace-surface:#fbfdfb;--input-surface:#fff;--overlay-surface:#ffffffe0;--elevated-panel:#ffffffe0;--soft-panel:#fbfdfceb;--code-panel:#fbfdfb;--preview-toolbar-bg:#eef4f1c7}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#101412;--background-deep:#0a0d0b;--surface:#1a211e;--surface-soft:#232b28;--surface-band:#1a211eb8;--text:#e8ece9;--muted:#8a968f;--border:#2f3a35;--accent:#2dd4bf;--accent-strong:#5eead4;--accent-soft:#2dd4bf24;--gold:#d4a056;--gold-soft:#d4a05629;--coral:#e08b78;--coral-soft:#e08b7829;--violet:#9aa0e0;--violet-soft:#9aa0e029;--ink-soft:#c8d0cb;--danger:#f87171;--shadow:0 24px 70px #00000061;--shadow-soft:0 16px 48px #0000004d;--shadow-card:0 10px 34px #0000003d;--workspace-surface:#1e1e1e;--input-surface:#2a2a2a;--overlay-surface:#1a211eeb;--elevated-panel:#2a3230;--soft-panel:#24302c;--code-panel:#1a211e;--preview-toolbar-bg:#232b28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--text);background-image:radial-gradient(78% 52% at 10% -6%,#0f766e21,#0000 58%),radial-gradient(62% 44% at 92% 2%,#c96f5a1a,#0000 54%),radial-gradient(58% 38% at 50% 102%,#5a5f9f12,#0000 58%),linear-gradient(#151b1806 1px,#0000 1px),linear-gradient(90deg,#151b1804 1px,#0000 1px);background-size:auto,auto,auto,56px 56px,56px 56px;background-attachment:fixed;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}[data-theme=dark] body{background-image:radial-gradient(78% 52% at 10% -6%,#2dd4bf14,#0000 58%),radial-gradient(62% 44% at 92% 2%,#e08b780f,#0000 54%),radial-gradient(58% 38% at 50% 102%,#9aa0e00d,#0000 58%),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px)}a{color:inherit;text-decoration:none}button,textarea,input{font:inherit}.page-shell{isolation:isolate;min-height:100vh;position:relative}.page-shell:before{pointer-events:none;content:"";z-index:-1;background:linear-gradient(#0000 0%,#f2f5f359 72%,#e7ece98c 100%);position:fixed;inset:0}[data-theme=dark] .page-shell:before{background:linear-gradient(#0000 0%,#1014126b 72%,#0a0d0bb8 100%)}.site-header,.site-footer,.page-section{width:min(var(--content), calc(100% - 32px));margin:0 auto}.site-header{justify-content:space-between;align-items:center;padding:24px 0;display:flex}.brand,.nav-links{align-items:center;display:flex}.brand{gap:10px}.brand-logo{width:auto;height:34px;display:block}.brand-logo-footer{height:28px}.footer-brand{align-items:center;display:flex}.nav-links{color:var(--muted);gap:18px;font-size:.95rem}.nav-links a{transition:color .16s}.nav-links a:hover{color:var(--text)}.theme-switch{color:var(--muted);align-items:center;gap:8px;font-size:.95rem;display:inline-flex}.theme-switch-label{white-space:nowrap}.theme-switch-select{border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 12px;font-size:.88rem;font-weight:650}.theme-switch-select:hover{border-color:var(--accent)}.hero{padding:68px 0 30px}.home-hero{grid-template-columns:minmax(0,1fr) 438px;align-items:center;gap:58px;min-height:600px;padding-bottom:34px;display:grid;position:relative}.home-hero:after{content:"";background:linear-gradient(90deg,#0000,#0f766e61,#0000);width:48%;height:1px;position:absolute;bottom:24px;right:4%}.hero-copy{position:relative}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 14px;font-size:.88rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{max-width:820px;margin-bottom:24px;font-size:clamp(2.4rem,5vw,5.7rem);line-height:.98}.home-hero h1{gap:4px;font-size:clamp(4rem,11vw,9rem);font-weight:820;line-height:.86;display:grid}.home-hero h1 span{display:block}.home-hero h1 span:nth-child(2){color:var(--accent)}.home-hero h1 span:nth-child(3){color:var(--coral)}h2{font-size:clamp(1.6rem,3vw,2.45rem);line-height:1.1}.lead{max-width:460px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.38rem)}.button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:0 16px;font-weight:700;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.button:hover{border-color:#b9c9c0;transform:translateY(-1px)}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-strong)}.hero-preview{position:relative;transform:rotate(1.2deg)}.hero-preview:before{content:"";border:1px solid #0f766e38;border-radius:24px;position:absolute;inset:-24px 28px 30px -20px;transform:rotate(-5deg)}.hero-preview:after{content:"";border-top:2px solid #c96f5a9e;border-right:2px solid #c96f5a9e;border-radius:0 24px 0 0;width:88px;height:88px;position:absolute;top:-34px;right:30px}.preview-window{background:linear-gradient(135deg, #fffffff5, #fafcfad1), var(--surface);box-shadow:var(--shadow);border:1px solid #97aa9e9e;border-radius:22px;animation:6s ease-in-out infinite previewFloat;position:relative;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--border);background:var(--preview-toolbar-bg);align-items:center;gap:7px;padding:14px;display:flex}.preview-toolbar span{background:#d2ddd6;border-radius:999px;width:10px;height:10px}.preview-toolbar span:first-child{background:#e7a461}.preview-toolbar span:nth-child(2){background:#d8c35d}.preview-toolbar span:nth-child(3){background:#65b79f}.preview-toolbar strong{color:var(--muted);margin-left:auto;font-size:.78rem}.preview-grid{gap:14px;padding:18px;display:grid}.preview-grid>div{border:1px solid var(--border);background:var(--code-panel);border-radius:14px;padding:14px;transition:border-color .22s,box-shadow .22s}.preview-grid>div.is-active{border-color:#0f766e6b;box-shadow:0 0 0 3px #0f766e12}.preview-label{color:var(--accent);text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:800;display:block}.preview-grid pre{color:var(--text);white-space:pre-wrap;min-height:4.8em;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.6}.preview-typewriter-cursor{background:var(--accent);vertical-align:text-bottom;width:2px;height:.95em;margin-left:1px;animation:1s step-end infinite previewCursorBlink;display:inline-block}@keyframes previewCursorBlink{0%,to{opacity:1}50%{opacity:0}}.preview-rhythm{grid-template-columns:repeat(5,1fr);gap:7px;padding:0 18px 16px;display:grid}.preview-rhythm span{transform-origin:0;background:#0f766e33;border-radius:999px;height:5px;animation:2.6s ease-in-out infinite rhythm}.preview-rhythm span:nth-child(2){background:#c96f5a3d;animation-delay:.18s}.preview-rhythm span:nth-child(3){background:#5a5f9f3d;animation-delay:.36s}.preview-rhythm span:nth-child(4){animation-delay:.54s}.preview-rhythm span:nth-child(5){background:#ba7a2a3d;animation-delay:.72s}.preview-status{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;padding:13px 16px;font-size:.86rem;display:flex}.your-tools-workbench{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(120deg, #0f766e12, transparent 42%, #c96f5a0d), var(--surface-soft);box-shadow:var(--shadow-card);padding:22px 22px 20px;position:relative;overflow:hidden}.your-tools-workbench:before{background:linear-gradient(180deg, var(--accent), var(--coral));content:"";border-radius:0 4px 4px 0;width:3px;position:absolute;top:18px;bottom:18px;left:0}.your-tools-workbench-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.your-tools-section-icon{border:1px solid var(--border);background:var(--elevated-panel);width:52px;height:52px;box-shadow:var(--shadow-card);color:var(--accent-strong);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.your-tools-workbench-head h2{letter-spacing:-.02em;margin:6px 0 0;font-size:clamp(1.25rem,2.2vw,1.55rem)}.your-tools-scroll{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.your-tools-scroll:focus-visible{border-radius:var(--radius);outline:2px solid var(--accent-soft);outline-offset:2px}.your-tools-chip{border:1px solid var(--border);background:var(--elevated-panel);max-width:240px;color:var(--text);scroll-snap-align:start;border-radius:999px;flex:none;align-items:center;gap:9px;padding:7px 14px 7px 8px;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex}.your-tools-chip span{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:650;overflow:hidden}.your-tools-chip:hover{border-color:#aac8bf;transform:translateY(-1px);box-shadow:0 8px 22px #13271f0f}.your-tools-chip-accent-accent:hover{border-color:#0f766e61}.your-tools-chip-accent-violet:hover{border-color:#5a5f9f61}.your-tools-chip-accent-coral:hover{border-color:#c96f5a61}.your-tools-chip-accent-gold:hover{border-color:#ba7a2a61}.your-tools-empty{color:var(--muted);margin:0;padding:6px 0 2px;font-size:.92rem}.your-tools-empty-state{border:1px dashed var(--border);border-radius:var(--radius);background:var(--elevated-panel);color:var(--accent-strong);align-items:center;gap:12px;padding:14px 16px;display:flex}.your-tools-empty-state p{color:var(--muted);margin:0;font-size:.92rem}.grid{gap:16px;display:grid}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.category-tools-overview{padding-top:8px}.category-tools-stack{gap:42px;display:grid}.category-tools-section{padding-left:18px;position:relative}.category-tools-section:before{background:var(--section-accent,var(--accent));content:"";border-radius:4px;width:3px;position:absolute;top:4px;bottom:0;left:0}.category-tools-section-accent-accent{--section-accent:var(--accent)}.category-tools-section-accent-coral{--section-accent:var(--coral)}.category-tools-section-accent-violet{--section-accent:var(--violet)}.category-tools-section-accent-gold{--section-accent:var(--gold)}.category-tools-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.category-tools-heading h2{letter-spacing:-.02em;margin:8px 0 6px;font-size:clamp(1.45rem,2.8vw,2rem)}.category-tools-heading p{max-width:620px;color:var(--muted);margin-bottom:0}.category-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-tools-empty,.category-page-meta{color:var(--muted);margin:0}.category-tools-link{color:var(--accent-strong);white-space:nowrap;font-size:.92rem;font-weight:700}.category-related-block{margin-top:28px}.category-related-links{flex-wrap:wrap;gap:10px;display:flex}.category-related-links a{border:1px solid var(--border);background:#ffffffd1;border-radius:999px;padding:8px 14px;font-size:.92rem;transition:border-color .16s,transform .16s}.category-related-links a:hover{border-color:#aac8bf;transform:translateY(-1px)}.section-band{padding:48px 0 54px;position:relative}.section-band:before{background:linear-gradient(180deg, #ffffff9e, #eef4f16b), var(--surface-band);content:"";z-index:-1;border-block:1px solid #c4d3cbb8;position:absolute;inset:0 calc(50% - 50vw)}.tool-icon-badge{border:1px solid #ffffffb8;border-radius:14px;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #13271f0f}.tool-icon-badge-sm{border-radius:10px}.tool-icon-badge-lg{border-radius:16px}.tool-icon-badge-accent{color:var(--accent-strong);background:linear-gradient(145deg,#0f766e33,#0f766e12)}.tool-icon-badge-coral{color:#a85a47;background:linear-gradient(145deg,#c96f5a38,#c96f5a14)}.tool-icon-badge-violet{color:#474c86;background:linear-gradient(145deg,#5a5f9f38,#5a5f9f14)}.tool-icon-badge-gold{color:#8f5d1f;background:linear-gradient(145deg,#ba7a2a38,#ba7a2a14)}.tool-card,.category-card,.featured-tool-card,.info-band,.tool-panel,.tool-workspace,.seo-block{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--overlay-surface);box-shadow:var(--shadow-card)}.tool-card{flex-direction:column;gap:18px;min-height:228px;padding:22px;transition:transform .17s,border-color .17s,box-shadow .17s;display:flex;position:relative;overflow:hidden}.tool-card:before{background:var(--card-accent,var(--accent));content:"";opacity:0;height:3px;transition:opacity .17s;position:absolute;top:0;left:0;right:0}.tool-card-accent-accent{--card-accent:var(--accent)}.tool-card-accent-coral{--card-accent:var(--coral)}.tool-card-accent-violet{--card-accent:var(--violet)}.tool-card-accent-gold{--card-accent:var(--gold)}.tool-card:hover{box-shadow:var(--shadow-soft);border-color:#b5cdc3;transform:translateY(-3px)}.tool-card:hover:before{opacity:1}.tool-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-card-category{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:.78rem;font-weight:700}.tool-card-body{flex:1;gap:8px;display:grid}.tool-card-body strong{font-size:1.12rem;line-height:1.2}.tool-card-body span:last-child{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tool-card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.tool-card-tags{flex-wrap:wrap;gap:6px;display:flex}.tool-card-tags span{border:1px solid var(--border);background:var(--soft-panel);color:var(--text);border-radius:999px;padding:4px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem}.tool-card-arrow{color:var(--card-accent,var(--accent));font-size:1.1rem;font-weight:700;transition:transform .17s}.tool-card:hover .tool-card-arrow{transform:translate(3px)}.category-card{flex-direction:column;gap:12px;min-height:176px;padding:22px;transition:transform .17s,border-color .17s,box-shadow .17s;display:flex;position:relative;overflow:hidden}.category-card:before{background:var(--card-accent,var(--accent));content:"";border-radius:0 4px 4px 0;width:3px;position:absolute;top:18px;bottom:18px;left:0}.category-card-accent-accent{--card-accent:var(--accent)}.category-card-accent-coral{--card-accent:var(--coral)}.category-card-accent-violet{--card-accent:var(--violet)}.category-card-accent-gold{--card-accent:var(--gold)}.category-card:hover{box-shadow:var(--shadow-soft);border-color:#b5cdc3;transform:translateY(-2px)}.category-card-index{color:var(--card-accent,var(--accent));letter-spacing:.08em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;font-weight:700}.category-card strong{font-size:1.08rem}.category-card span:last-child{color:var(--muted)}.tool-card-kicker{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:750}.featured-tools-layout{grid-template-columns:1.12fr 1.88fr;gap:16px;display:grid}.featured-tool-card{background:linear-gradient(155deg,#fffffff5,#f7fbf9e0),linear-gradient(140deg,#0f766e1a,#0000 58%);flex-direction:column;gap:18px;min-height:420px;padding:26px;transition:transform .17s,box-shadow .17s,border-color .17s;display:flex;position:relative;overflow:hidden}.featured-tool-card-accent-accent{background:linear-gradient(155deg,#fffffff5,#f7fbf9e0),linear-gradient(140deg,#0f766e1f,#0000 58%)}.featured-tool-card-accent-coral{background:linear-gradient(155deg,#fffffff5,#fbf8f7e0),linear-gradient(140deg,#c96f5a1f,#0000 58%)}.featured-tool-card-accent-violet{background:linear-gradient(155deg,#fffffff5,#f8f8fce0),linear-gradient(140deg,#5a5f9f1f,#0000 58%)}.featured-tool-card:hover{box-shadow:var(--shadow);border-color:#b5cdc3;transform:translateY(-3px)}.featured-tool-card-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.featured-tool-card-copy{gap:10px;display:grid}.featured-tool-card-copy strong{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.05;display:block}.featured-tool-card-copy p{color:var(--muted);max-width:420px;margin-bottom:0}.featured-tool-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--code-panel);padding:14px}.featured-tool-preview pre{color:var(--text);white-space:pre-wrap;margin:8px 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.55}.featured-tool-card-action{margin-top:auto}.featured-tool-card .button{width:fit-content}.compact-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-tools-grid .tool-card{min-height:228px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin:56px 0 18px;display:flex}.section-heading h2{letter-spacing:-.02em}.section-heading p{max-width:560px;color:var(--muted);margin-bottom:0}.info-band{background:linear-gradient(95deg, #ba7a2a1a, transparent 42%), var(--surface-soft);margin-top:48px;padding:34px}.info-band h2{color:var(--text)}.info-band p{color:var(--muted);max-width:640px}.tool-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.tool-page-head{justify-content:space-between;align-items:flex-start;gap:16px 24px;padding:16px 0 10px;display:flex}.tool-page-head-copy{flex:1;min-width:0}.tool-page-head-title-row{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.tool-page-head h1{letter-spacing:-.02em;max-width:none;margin:0;font-size:clamp(1.28rem,2.4vw,1.58rem);font-weight:760;line-height:1.2}.tool-page-category{letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 9px;font-size:.68rem;font-weight:700;display:inline-flex}.tool-page-category-accent{color:var(--accent-strong);background:#0f766e1a;border-color:#0f766e2e}.tool-page-category-coral{color:#9f4f3d;background:#c96f5a1a;border-color:#c96f5a33}.tool-page-category-violet{color:#434882;background:#5a5f9f1a;border-color:#5a5f9f33}.tool-page-category-gold{color:#8f5d1f;background:#ba7a2a1a;border-color:#ba7a2a38}.tool-page-desc{color:var(--muted);max-width:680px;margin:5px 0 0;font-size:.9rem;line-height:1.45}.tool-page-head-actions{flex-shrink:0;padding-top:1px}.tool-page-pin{gap:6px;min-height:32px;padding:0 11px;font-size:.82rem}.tool-page-pin-icon{color:var(--accent);flex:none}.tool-workspace-section{margin-top:0}.tool-workspace{flex-direction:column;min-height:min(78dvh,920px);padding:0;display:flex;overflow:hidden}.tool-workspace-single{min-height:min(82dvh,960px)}.tool-workspace-toolbar{border-bottom:1px solid var(--border);background:var(--surface-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;padding:14px 16px;display:flex}.tool-workspace-toolbar-actions{flex-wrap:wrap;flex:320px;justify-content:flex-end;gap:8px;min-width:0;max-width:100%;display:flex}.tool-workspace-status{color:var(--muted);text-align:right;min-height:1.2em;margin:0;font-size:.86rem;line-height:1.45}.tool-workspace-status.error{color:var(--danger)}.tool-workspace-footer{border-top:1px solid var(--border);background:var(--surface-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;padding:10px 16px;display:flex}.tool-workspace-validity{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:700}.tool-workspace-validity.is-valid{color:var(--accent-strong)}.tool-workspace-validity.is-invalid{color:var(--danger)}.tool-workspace-footer .tool-workspace-status{text-align:right;flex:1;min-width:220px}.tool-workspace-select-wrap{color:var(--muted);align-items:center;gap:8px;font-size:.82rem;font-weight:650;display:inline-flex}.tool-workspace-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--input-surface);min-height:34px;color:var(--text);padding:0 10px}.tool-workspace-view-tabs{flex-wrap:wrap;gap:6px;display:inline-flex}.tool-workspace-view-tab{min-height:30px;color:var(--muted);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:999px;padding:0 12px;font-size:.78rem;font-weight:700}.tool-workspace-view-tab.is-active{color:var(--accent-strong);background:#0f766e1a;border-color:#0f766e38}.tool-workspace-file-input{display:none}.tool-workspace.is-drag-active{box-shadow:var(--shadow-card), inset 0 0 0 2px #0f766e3d}.tool-code-editor-pane{min-height:0}.tool-code-editor-body{min-height:420px}.code-editor-host{width:100%;height:100%;min-height:420px;position:relative}.code-editor-placeholder{z-index:1;max-width:min(520px,100% - 96px);color:color-mix(in srgb, var(--muted) 72%, transparent);font-family:var(--font-mono);pointer-events:none;font-size:14px;line-height:1.5;position:absolute;top:18px;left:68px}.code-editor-skeleton{background:var(--workspace-surface);place-items:center;width:100%;height:100%;min-height:420px;display:grid}.code-editor-skeleton-lines{gap:10px;width:min(420px,72%);display:grid}.code-editor-skeleton-lines span{background:linear-gradient(90deg,#d4ded78c,#d4ded72e);border-radius:999px;height:12px;display:block}.code-editor-skeleton-lines span:first-child{width:42%}.code-editor-skeleton-lines span:nth-child(2){width:88%}.code-editor-skeleton-lines span:nth-child(3){width:72%}.code-editor-skeleton-lines span:nth-child(4){width:92%}.code-editor-skeleton-lines span:nth-child(5){width:64%}.code-editor-skeleton-lines span:nth-child(6){width:78%}.json-tree-view{background:var(--workspace-surface);width:100%;height:100%;min-height:420px;padding:14px 16px;overflow:auto}.json-tree-empty{color:var(--muted);padding:18px 4px;font-size:.92rem}.json-tree-row{width:100%;color:var(--text);font-family:var(--font-mono);text-align:left;align-items:center;gap:8px;font-size:.84rem;line-height:1.7;display:flex}.json-tree-toggle{cursor:pointer;background:0 0;border:none}.json-tree-toggle:hover{background:#0f766e0f}.json-tree-chevron{width:12px;color:var(--muted)}.json-tree-key{color:#8f5d1f}.json-tree-value,.json-tree-meta{color:var(--ink-soft)}.json-tree-meta{color:var(--muted)}.json-tools-panel{background:var(--surface-soft);border-top:1px solid #d4ded7d1}[data-theme=dark] .json-tools-panel{border-top-color:var(--border)}.json-tools-panel-head{border-bottom:1px solid #d4ded7d1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.json-tools-panel-tabs-scroll{max-width:100%;overflow-x:auto}.json-tools-panel-tabs-scroll .tool-workspace-view-tabs{flex-wrap:nowrap;min-width:max-content}.json-tools-panel-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.json-tools-panel-body{padding:14px}.json-tools-panel-loading{min-height:48px}.json-tool-panel{gap:12px;display:grid}.json-tool-panel-row{gap:8px;display:grid}.json-tool-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700}.json-tool-inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.json-tool-input{border:1px solid var(--border);background:var(--input-surface);min-width:min(100%,280px);min-height:38px;color:var(--text);font-family:var(--font-mono);border-radius:10px;flex:1;padding:0 12px;font-size:.86rem}.json-tool-input-short{flex:0 180px}.json-tool-textarea{border:1px solid var(--border);background:var(--input-surface);width:100%;min-height:120px;color:var(--text);font-family:var(--font-mono);resize:vertical;border-radius:12px;padding:12px;font-size:.84rem;line-height:1.6}.json-tool-textarea-tall{min-height:160px}.json-tool-mode-tabs{gap:6px;display:inline-flex}.json-tool-meta{color:var(--muted);margin:0;font-size:.86rem}.json-tool-error{color:#b42318;margin:0;font-size:.86rem}.json-tool-output-wrap{gap:8px;display:grid}.json-tool-output-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.json-tool-output-head span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700}.json-tool-output-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.json-tool-output{border:1px solid var(--border);background:var(--workspace-surface);min-height:120px;max-height:280px;color:var(--ink-soft);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;border-radius:12px;margin:0;padding:12px 14px;font-size:.82rem;line-height:1.65;overflow:auto}.json-tool-meta.is-valid{color:#0f766e}.json-schema-error-list{color:#b42318;font-family:var(--font-mono);gap:6px;margin:0;padding:0 0 0 18px;font-size:.82rem;line-height:1.55;display:grid}.json-diff-output{font-size:.8rem}[data-theme=dark] .json-tree-key{color:#9cdcfe}[data-theme=dark] .json-tree-value,[data-theme=dark] .json-tree-meta{color:#ce9178}[data-theme=dark] .preview-window,[data-theme=dark] .featured-tool-card,[data-theme=dark] .featured-tool-card-accent-accent,[data-theme=dark] .featured-tool-card-accent-coral,[data-theme=dark] .featured-tool-card-accent-violet{background:var(--surface);border-color:var(--border)}[data-theme=dark] .preview-grid>div.is-active{border-color:#2dd4bf7a;box-shadow:0 0 0 3px #2dd4bf24}[data-theme=dark] .preview-label{color:var(--accent)}[data-theme=dark] .your-tools-workbench{background:linear-gradient(120deg, #2dd4bf14, transparent 42%, #e08b780f), var(--surface)}[data-theme=dark] .your-tools-chip:hover{border-color:#2dd4bf6b;box-shadow:0 8px 22px #00000038}[data-theme=dark] .info-band{background:linear-gradient(95deg, #d4a05624, transparent 42%), var(--surface)}[data-theme=dark] .category-related-links a{background:var(--surface)}[data-theme=dark] .json-tools-panel-head{border-bottom-color:var(--border);background:var(--surface)}.tool-workspace-panes{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.tool-workspace-single .tool-workspace-panes{grid-template-columns:minmax(0,1fr)}.tool-workspace-single .tool-editor-pane+.tool-editor-pane{border-top:none;border-left:none}.tool-editor-pane{background:var(--workspace-surface);flex-direction:column;min-height:0;display:flex}.tool-editor-pane+.tool-editor-pane{border-left:1px solid var(--border)}.tool-editor-pane-head{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.tool-editor-pane-head label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.tool-editor-pane-actions{gap:8px;display:flex}.tool-editor-pane-body{flex:1;min-height:0;display:flex}.tool-editor-field{resize:none;width:100%;height:100%;min-height:280px;color:var(--text);font-family:var(--font-mono);background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:16px 18px;font-size:.9rem;line-height:1.65}.tool-editor-field:focus{background:#ffffff8c;box-shadow:inset 0 0 0 2px #0f766e24}.tool-editor-pane-readonly .tool-editor-field{color:var(--ink-soft)}.tool-editor-pane-readonly .tool-editor-field::placeholder{color:#64736bb8}.button-compact{min-height:34px;padding:0 12px;font-size:.84rem}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.tool-panel{padding:18px}.tool-textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:260px;color:var(--text);background:#fbfdfb;outline:none;padding:14px}.tool-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tool-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.status-line{min-height:24px;color:var(--muted);font-size:.92rem}.status-line.error{color:var(--danger)}.seo-block{margin-top:24px;padding:24px}.seo-block li+li{margin-top:8px}.seo-lead,.seo-section-intro{color:var(--muted);max-width:72ch;margin:0 0 16px;line-height:1.7}.seo-lead{font-size:1rem}.seo-section-intro{font-size:.96rem}.seo-block article+article{margin-top:18px}.seo-block article h3{margin-bottom:8px;font-size:1.02rem}.seo-block article p{color:var(--muted);margin:0;line-height:1.65}.site-footer{color:var(--muted);justify-content:space-between;gap:24px;padding:64px 0 32px;display:flex}@keyframes previewFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rhythm{0%,to{opacity:.42;transform:scaleX(.36)}50%{opacity:1;transform:scaleX(1)}}@media (max-width:900px){.site-header,.site-footer,.section-heading{flex-direction:column;align-items:flex-start}.home-hero,.featured-tools-layout,.category-tools-heading,.category-tools-grid,.tools-grid,.category-grid,.tool-layout{grid-template-columns:1fr}.tool-workspace{min-height:auto}.tool-workspace-panes{grid-template-columns:1fr}.tool-editor-pane+.tool-editor-pane{border-top:1px solid var(--border);border-left:none}.tool-editor-pane{min-height:42dvh}.tool-page-head{flex-direction:column;align-items:stretch;gap:10px;padding-bottom:8px}.tool-page-head-actions{align-self:flex-start;padding-top:0}.tool-code-editor-body,.code-editor-host,.code-editor-skeleton,.json-tree-view{min-height:42dvh}.tool-workspace-footer .tool-workspace-status{text-align:left;width:100%}.category-tools-heading{flex-direction:column;align-items:flex-start}.hero{padding-top:42px}.home-hero{gap:28px;min-height:auto}.home-hero h1{font-size:clamp(3.4rem,18vw,5.4rem)}.hero-preview{transform:none}}.breadcrumb{margin-bottom:20px}.breadcrumb-list{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.breadcrumb-item:not(:last-child):after{color:var(--text-muted);content:"/";margin-left:8px}.breadcrumb-item a{color:var(--text-muted);text-decoration:none}.breadcrumb-item a:hover{color:var(--text)}.course-shell{flex-direction:column;gap:20px;display:flex}.course-shell-layout{grid-template-columns:minmax(240px,280px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.course-sidebar{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--overlay-surface);max-height:calc(100vh - 104px);box-shadow:var(--shadow-card);padding:20px;position:sticky;top:88px;overflow:auto}.course-sidebar-head{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;margin-bottom:18px;padding-bottom:16px;display:flex}.course-sidebar-title{color:var(--text);font-size:1.05rem;font-weight:700;line-height:1.35;text-decoration:none}.course-sidebar-title:hover{color:var(--accent)}.course-sidebar-desc{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.5}.course-sidebar-nav-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:600}.course-sidebar-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.course-sidebar-link{border-radius:var(--radius-md);color:var(--text-muted);align-items:flex-start;gap:10px;padding:10px 12px;font-size:.92rem;line-height:1.45;text-decoration:none;transition:background .17s,color .17s;display:flex}.course-sidebar-link:hover{background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--text)}.course-sidebar-link.is-active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--text);font-weight:600}.course-sidebar-link-index{width:1.4rem;color:var(--accent);text-align:center;flex-shrink:0;font-size:.82rem;font-weight:700}.course-shell-main{min-width:0}.course-content-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--overlay-surface);box-shadow:var(--shadow-card);padding:32px}.course-content-header{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;margin-bottom:24px;padding-bottom:20px;display:flex}.course-content-eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:600}.course-overview-actions{margin-top:28px}.course-related-tool{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:28px;padding-top:20px;display:flex}.course-related-tool p{color:var(--text-muted);margin:0;font-size:.92rem}.course-back-overview{margin:20px 0 0;font-size:.92rem}.course-back-overview a{color:var(--text-muted);text-decoration:none}.course-back-overview a:hover{color:var(--accent)}.course-lesson-body{padding:0}.course-lesson-prose{color:var(--text);line-height:1.7}.course-lesson-prose>:first-child{margin-top:0}.course-lesson-prose h2,.course-lesson-prose h3{margin-top:1.6em;margin-bottom:.6em}.course-lesson-prose p,.course-lesson-prose ul,.course-lesson-prose ol{margin:0 0 1em}.course-lesson-prose ul,.course-lesson-prose ol{padding-left:1.4em}.prose code,.course-lesson-prose code{background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:4px;padding:.12em .35em;font-size:.9em}.course-lesson-prose pre{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--text) 4%, transparent);margin:0 0 1em;padding:16px;overflow-x:auto}.course-lesson-prose pre code{background:0 0;padding:0}.course-lesson-prose a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.tool-course-guide{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--overlay-surface);box-shadow:var(--shadow-card);padding:24px 28px}.tool-course-guide-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:20px;display:flex}.tool-course-guide-copy{flex-direction:column;flex:360px;gap:8px;display:flex}.tool-course-guide-copy h2{margin:0;font-size:1.35rem}.tool-course-guide-intro{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.55}.tool-course-guide-home{flex-shrink:0}.tool-course-guide-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tool-course-guide-link{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--text) 2%, transparent);height:100%;color:inherit;flex-direction:row;align-items:flex-start;gap:12px;padding:14px 16px;text-decoration:none;transition:border-color .17s,transform .17s,background .17s;display:flex}.tool-course-guide-link:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 8%, transparent);transform:translateY(-1px)}.tool-course-guide-link-order{background:color-mix(in srgb, var(--accent) 12%, transparent);width:1.6rem;height:1.6rem;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:inline-flex}.tool-course-guide-link-title{font-size:.95rem;font-weight:600;line-height:1.45}@media (max-width:720px){.tool-course-guide-list{grid-template-columns:1fr}}.timestamp-converter{min-height:min(72dvh,880px)}.timestamp-now-bar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--accent) 7%, var(--surface-soft));flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 16px;display:flex}.timestamp-now-label{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.82rem;font-weight:650}.timestamp-now-value{font-family:var(--font-mono);font-size:.9rem}.timestamp-now-button{margin-left:auto}.timestamp-converter-body{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:auto}.timestamp-input-section{padding:20px 16px 8px}.timestamp-input-label{color:var(--text-muted);margin-bottom:10px;font-size:.86rem;font-weight:650;display:block}.timestamp-input-field{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-surface);width:100%;max-width:560px;min-height:48px;color:var(--text);font-family:var(--font-mono);padding:12px 14px;font-size:1.05rem}.timestamp-input-field:focus{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));outline:2px solid color-mix(in srgb, var(--accent) 25%, transparent);outline-offset:1px}.timestamp-date-inputs{flex-direction:column;gap:10px;max-width:560px;display:flex}.timestamp-datetime-local{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-surface);min-height:44px;color:var(--text);font-family:var(--font-mono);padding:10px 12px;font-size:.95rem}.timestamp-input-hint{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.45}.timestamp-timezone-select{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.timestamp-timezone-label{margin:0}.timestamp-timezone-picker{min-width:220px;max-width:280px}.timestamp-timezone-search{border:1px solid var(--border);border-radius:var(--radius);background:var(--input-surface);min-width:180px;min-height:34px;color:var(--text);padding:6px 10px;font-size:.84rem}.timestamp-results-empty{padding:8px 16px 20px}.timestamp-results-empty p{color:var(--text-muted);margin:0;font-size:.92rem}.timestamp-results-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:8px 16px 20px;display:grid}.timestamp-result-card{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--text) 2%, transparent);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.timestamp-result-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.timestamp-result-card-head h3{color:var(--text-muted);letter-spacing:.02em;margin:0;font-size:.82rem;font-weight:650;line-height:1.35}.timestamp-result-copy{flex-shrink:0;min-height:30px;padding:0 10px;font-size:.78rem}.timestamp-result-value{font-family:var(--font-mono);word-break:break-word;margin:0;font-size:.95rem;line-height:1.5}@media (max-width:720px){.timestamp-now-button{width:100%;margin-left:0}.timestamp-timezone-select{width:100%}.timestamp-timezone-picker,.timestamp-timezone-search{width:100%;max-width:none}.timestamp-results-grid{grid-template-columns:1fr}}.timestamp-batch-panel{flex-direction:column;gap:12px;padding:20px 16px;display:flex}.timestamp-batch-textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-surface);width:100%;min-height:140px;color:var(--text);font-family:var(--font-mono);resize:vertical;padding:12px 14px;font-size:.92rem;line-height:1.55}.timestamp-batch-empty{color:var(--text-muted);margin:0;font-size:.92rem}.timestamp-batch-table-wrap{overflow-x:auto}.timestamp-batch-table-actions{margin-bottom:10px}.timestamp-batch-table{border-collapse:collapse;width:100%;font-size:.86rem}.timestamp-batch-table th,.timestamp-batch-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px}.timestamp-batch-table th{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.78rem;font-weight:650}.timestamp-batch-input-cell{font-family:var(--font-mono);word-break:break-all}.timestamp-batch-table tr.is-error td{color:var(--danger)}.timestamp-snippets{padding:4px 16px 20px}.timestamp-snippets-title{margin:0 0 12px;font-size:.95rem}.timestamp-snippets-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.timestamp-snippet-card{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--text) 2%, transparent);overflow:hidden}.timestamp-snippet-head{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.timestamp-snippet-head h4{margin:0;font-size:.84rem;font-weight:650}.timestamp-snippet-code{font-family:var(--font-mono);margin:0;padding:12px 14px;font-size:.8rem;line-height:1.55;overflow-x:auto}.course-lesson-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.course-lesson-nav-link{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--overlay-surface);flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;transition:border-color .17s,transform .17s;display:flex}.course-lesson-nav-link:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:translateY(-1px)}.course-lesson-nav-link-next{text-align:right}.course-lesson-nav-label{color:var(--text-muted);font-size:.85rem}.course-lesson-nav-title{color:var(--text);font-weight:600}.course-lesson-list ul,.course-index-lesson-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.course-index-lesson-item a{border-bottom:1px solid var(--border);color:inherit;align-items:flex-start;gap:16px;padding:18px 0;text-decoration:none;transition:color .17s;display:flex}.course-index-lesson-item:last-child a{border-bottom:none;padding-bottom:0}.course-index-lesson-item a:hover .course-index-lesson-title{color:var(--accent)}.course-index-lesson-order{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 8%, transparent);width:2rem;height:2rem;color:var(--accent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.course-index-lesson-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.course-index-lesson-list a{border-bottom:1px solid var(--border);color:inherit;flex-direction:column;gap:4px;padding:14px 0;text-decoration:none;display:flex}.course-lesson-header{flex-direction:column;gap:12px;display:flex}.course-index-lesson-title{font-weight:600}.course-index-lesson-desc{color:var(--text-muted);font-size:.95rem}.course-index-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.course-card{color:inherit;flex-direction:column;gap:10px;padding:24px;text-decoration:none;display:flex}.course-card:hover h2{color:var(--accent)}@media (max-width:960px){.course-shell-layout{grid-template-columns:1fr}.course-sidebar{max-height:none;position:static}}@media (max-width:720px){.course-lesson-nav{grid-template-columns:1fr}.course-lesson-nav-link-next{text-align:left}}.base64-tool{min-height:min(72dvh,880px)}.base64-source-preview{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 5%, transparent);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 14px;display:flex}.base64-source-preview-image{border:1px solid var(--border);border-radius:var(--radius);object-fit:cover;background:var(--surface-soft);width:72px;height:72px}.base64-source-preview-file-icon{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);justify-content:center;align-items:center;width:72px;height:72px;font-size:1.8rem;display:flex}.base64-source-preview-meta{flex:1;min-width:160px}.base64-source-preview-name{font-family:var(--font-mono);word-break:break-all;margin:0;font-size:.9rem}.base64-source-preview-size{color:var(--text-muted);margin:4px 0 0;font-size:.84rem}.base64-tool-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow:auto}.base64-tool-body.is-drag-active{outline:2px dashed color-mix(in srgb, var(--accent) 55%, var(--border));outline-offset:-2px;background:color-mix(in srgb, var(--accent) 6%, transparent)}.base64-drag-hint{border:1px dashed color-mix(in srgb, var(--accent) 45%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);text-align:center;margin:0;padding:10px 12px;font-size:.88rem;font-weight:650}.base64-options-row{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.base64-option-check{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:.86rem;display:inline-flex}.base64-option-check input{accent-color:var(--accent)}.base64-input-label{color:var(--text-muted);margin-bottom:-4px;font-size:.86rem;font-weight:650;display:block}.base64-textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-surface);width:100%;min-height:160px;color:var(--text);font-family:var(--font-mono);resize:vertical;padding:12px 14px;font-size:.92rem;line-height:1.55}.base64-textarea:focus{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));outline:2px solid color-mix(in srgb, var(--accent) 25%, transparent);outline-offset:1px}.base64-input-hint{color:var(--text-muted);margin:-4px 0 0;font-size:.84rem;line-height:1.45}.base64-image-preview-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--text) 2%, transparent);flex-direction:column;gap:8px;max-width:320px;padding:12px;display:flex}.base64-image-preview{border-radius:var(--radius);object-fit:contain;max-width:100%;max-height:200px;display:block}.base64-file-name{color:var(--text-muted);font-family:var(--font-mono);word-break:break-all;margin:0;font-size:.82rem}.base64-output-section{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:8px;display:flex}.base64-output-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.base64-output-head h3{color:var(--text-muted);margin:0;font-size:.86rem;font-weight:650}.base64-output-value{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--text) 2%, transparent);max-height:280px;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;margin:0;padding:12px 14px;font-size:.88rem;line-height:1.55;overflow:auto}.base64-binary-note,.base64-output-empty{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.5}.base64-hex-preview{border:1px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 4%, transparent);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.base64-hex-label{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:.78rem;font-weight:650}.base64-hex-preview code{font-family:var(--font-mono);word-break:break-all;font-size:.82rem;line-height:1.5}@media (max-width:720px){.base64-options-row{flex-direction:column;align-items:flex-start}.base64-output-value{max-height:220px}}.base64-batch-panel{flex-direction:column;gap:12px;display:flex}.base64-batch-textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-surface);width:100%;min-height:140px;color:var(--text);font-family:var(--font-mono);resize:vertical;padding:12px 14px;font-size:.92rem;line-height:1.55}.base64-batch-empty{color:var(--text-muted);margin:0;font-size:.92rem}.base64-batch-table-wrap{overflow-x:auto}.base64-batch-table-actions{margin-bottom:10px}.base64-batch-table{border-collapse:collapse;width:100%;font-size:.86rem}.base64-batch-table th,.base64-batch-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px}.base64-batch-table th{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.78rem;font-weight:650}.base64-batch-input-cell,.base64-batch-output-cell{font-family:var(--font-mono);word-break:break-all}.base64-batch-table tr.is-error td{color:var(--danger)}.base64-data-uri-panel{flex-direction:column;gap:12px;display:flex}.base64-data-uri-textarea{min-height:120px}.base64-data-uri-output{max-height:200px}.base64-data-uri-custom-mime{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.86rem;display:flex}.base64-data-uri-mime-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-surface);min-width:220px;min-height:36px;color:var(--text);font-family:var(--font-mono);padding:8px 10px;font-size:.88rem}.base64-data-uri-parse{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:12px;display:flex}.base64-data-uri-parse-input{min-height:88px}.base64-data-uri-parse-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.base64-data-uri-parse-error{color:var(--danger);margin:0;font-size:.88rem}.url-encoder-tool{min-height:min(72dvh,840px)}.url-encoder-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow:auto}.url-encoder-tool .tool-workspace-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.url-encoder-tool .tool-workspace-toolbar-actions{flex:0 auto;justify-content:flex-end;margin-left:auto}.url-encoder-tool .tool-workspace-view-tabs{flex:0 auto}.url-encoder-tool .button{min-height:40px;padding-inline:12px;font-size:.92rem}@media (max-width:860px){.url-encoder-tool .tool-workspace-toolbar-actions{flex-basis:100%;justify-content:flex-start;margin-left:0}}.url-encoder-textarea{min-height:150px}.url-encoder-output{max-height:240px}.url-encoder-scope-note{color:var(--text-muted);margin:0;font-size:.86rem}.url-query-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.url-query-panel{flex-direction:column;gap:12px;min-width:0;display:flex}.url-query-builder{min-height:150px}@media (max-width:900px){.url-query-grid{grid-template-columns:1fr}}.uuid-tool{min-height:min(72dvh,840px)}.uuid-toolbar .tool-workspace-toolbar-actions{flex:0 auto;justify-content:flex-end;margin-left:auto}.uuid-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow:auto}.uuid-controls{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--coral) 7%, transparent);flex-wrap:wrap;align-items:end;gap:14px 22px;padding:14px;display:flex}.uuid-count-control{min-width:0;color:var(--text-muted);grid-template-columns:auto minmax(160px,260px) 72px;align-items:center;gap:10px;font-size:.86rem;font-weight:650;display:grid}.uuid-count-control input[type=range]{width:100%;min-width:0;accent-color:var(--coral)}.uuid-count-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-surface);min-height:36px;color:var(--text);padding:0 10px}.uuid-list{gap:10px;display:grid}.uuid-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.uuid-row-index{background:var(--coral-soft);width:28px;height:28px;color:var(--coral);border-radius:999px;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:inline-flex}.uuid-row code,.uuid-inspection-card code{overflow-wrap:anywhere;min-width:0;font-family:var(--font-mono);font-size:.92rem;display:block}.uuid-empty{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.5}.uuid-inspector{flex-direction:column;gap:12px;display:flex}.uuid-inspect-input{min-height:120px}.uuid-inspection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.uuid-inspection-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:8px;min-width:0;padding:14px;display:flex}.uuid-inspection-card span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:750}.uuid-inspection-card strong{color:var(--text);font-size:1rem}@media (max-width:1120px){.uuid-toolbar .tool-workspace-toolbar-actions{flex-basis:100%;justify-content:flex-end;margin-left:0}}@media (max-width:760px){.uuid-toolbar .tool-workspace-toolbar-actions{justify-content:flex-start}.uuid-count-control{grid-template-columns:1fr;width:100%}.uuid-row{grid-template-columns:30px minmax(0,1fr)}.uuid-row .button{grid-column:2;justify-self:start}.uuid-inspection-grid{grid-template-columns:1fr}}.password-tool{min-height:min(74dvh,860px)}.password-toolbar .tool-workspace-toolbar-actions{flex:none;justify-content:flex-end;margin-left:auto}.password-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow:auto}.password-controls{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--gold) 8%, transparent);grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px 22px;padding:14px;display:grid}.password-count-control{grid-template-columns:auto 64px minmax(0,1fr)}.password-count-control>span{grid-area:1/1}.password-count-control>input[type=range]{grid-area:2/1/auto/-1}.password-count-control>.uuid-count-input{grid-area:1/2}.password-check-grid{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px 16px;display:flex}.password-toggle{color:var(--text)}.password-strength{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;padding:12px 14px;display:flex}.password-strength div{align-items:baseline;gap:10px;display:flex}.password-strength span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:750}.password-strength strong{font-size:1.08rem}.password-strength p{color:var(--text-muted);flex-basis:100%;margin:0;font-size:.88rem}.password-strength-weak strong{color:var(--danger)}.password-strength-fair strong{color:var(--gold)}.password-strength-strong strong,.password-strength-excellent strong{color:var(--accent)}.password-error{color:var(--danger);margin:0;font-size:.9rem}.password-row code{letter-spacing:.01em}@media (max-width:1180px){.password-toolbar .tool-workspace-toolbar-actions{flex-basis:auto;justify-content:flex-end;margin-left:auto}.password-controls{grid-template-columns:1fr}}@media (max-width:760px){.password-toolbar .tool-workspace-toolbar-actions{flex-basis:100%;justify-content:flex-start;margin-left:0}.password-count-control{grid-template-columns:1fr}}