:root{color-scheme:light;--ink: #101d48;--muted: #7484a3;--line: #deebf8;--blue: #1678f5;--purple: #7038ee;--cyan: #24c4d8;--teal: #12bfa1;--orange: #ff9b15;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#f5f9ff;scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--ink);background:radial-gradient(ellipse at 0 14%,rgba(124,104,255,.13),transparent 24rem),radial-gradient(ellipse at 100% 26%,rgba(40,213,225,.13),transparent 24rem),linear-gradient(180deg,#f7faff,#f1f7ff)}button,a,summary,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid rgba(27,126,255,.65);outline-offset:2px}.app-header{position:relative;z-index:2;display:flex;align-items:center;width:100%;height:62px;padding:0 max(18px,calc((100vw - 940px)/2));border-bottom:1px solid rgba(195,213,239,.75);background:#ffffffe6;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.brand-mark{position:relative;display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#12d6ef,#1267ed 68%,#2944e9);box-shadow:0 5px 12px #1b73f23d}.brand-mark:before{width:19px;height:19px;border:4px solid white;border-right-color:transparent;border-radius:7px;content:"";transform:rotate(45deg)}.brand-mark span{position:absolute;width:11px;height:4px;border-radius:2px;background:#fff;transform:rotate(45deg) translate(4px,4px)}.brand-copy{display:flex;flex-direction:column;gap:0;line-height:1}.brand-copy strong{font-size:18px;letter-spacing:-.04em}.brand-copy small{margin-top:4px;color:#7283a7;font-size:8px;font-weight:750;letter-spacing:.21em}.header-divider{width:1px;height:34px;margin-left:17px;background:#d5dfef}.header-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.header-actions a,.header-actions button{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:12px;background:transparent;color:#12204b;font-size:25px;text-decoration:none}.header-actions button:disabled{opacity:1}.menu-glyph{font-size:22px}.page-shell{width:min(100% - 24px,660px);margin:0 auto;padding:11px 0 28px}.breadcrumbs{display:flex;align-items:center;gap:9px;min-height:29px;overflow:hidden;color:#7585a0;font-size:12px;white-space:nowrap}.breadcrumbs a{color:#4d6386;text-decoration:none}.breadcrumbs span:last-child{overflow:hidden;color:#172752;text-overflow:ellipsis}.tool-intro{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr) 102px;grid-template-rows:auto auto;align-items:center;column-gap:12px;margin:7px 0 12px;padding:8px 4px 11px}.tool-symbol{display:grid;grid-row:1;place-items:center;width:74px;height:74px;border-radius:20px;background:linear-gradient(145deg,#c8f6f5,#8bf2df);box-shadow:inset 0 0 0 1px #27c1cd14}.tool-symbol svg{width:46px;fill:none;stroke:#097f84;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.intro-copy{grid-column:2;grid-row:1;min-width:0;z-index:1}.eyebrow{display:none;margin:0 0 4px;color:#7282a0;font-size:9px;font-weight:800;letter-spacing:.12em}.intro-copy h1{margin:0;color:#111d4b;font-size:clamp(25px,7.2vw,32px);line-height:1.05;letter-spacing:-.045em;font-weight:850}.mobile-break{display:none}.format-art{position:relative;grid-column:3;grid-row:1;justify-self:stretch;height:87px}.file-card{position:absolute;top:3px;right:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:57px;border-radius:12px 16px 12px 12px;background:linear-gradient(145deg,#fff,#edf7ff);color:#117add;box-shadow:0 7px 17px #395ea429;transform:rotate(2deg)}.file-card:after{position:absolute;top:0;right:0;width:17px;height:17px;border-bottom-left-radius:6px;background:linear-gradient(135deg,#dbeeff,#a8f8e9);content:""}.file-card span{align-self:flex-start;margin:-6px 0 1px 13px;font-size:20px;line-height:1}.file-card b{font-size:12px}.format-card{position:absolute;bottom:0;display:grid;place-items:center;width:42px;height:39px;border-radius:10px;background:#fff;font-size:17px;font-weight:850;box-shadow:0 5px 14px #395ea429}.json-card{right:48px;color:#4038e8}.yaml-card{right:0;color:#f28b00}.flow-arrow{position:absolute;color:#2397f4;font-size:22px;font-weight:800}.arrow-left{right:64px;top:33px}.arrow-right{right:5px;top:31px;color:#16bfa6}.tool-badges{display:flex;grid-column:1 / -1;grid-row:2;align-items:center;gap:8px;margin-top:9px}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:999px;font-size:12px;line-height:1;font-weight:750;white-space:nowrap}.badge-category{background:linear-gradient(100deg,#9442f6,#1783fb);color:#fff}.badge-fast{background:#cdf8e9;color:#098865}.badge-private{background:#fff0b9;color:#b25a00}.workspace-card{position:relative;padding:10px;border:1px solid rgba(208,224,243,.88);border-radius:22px;background:#ffffff7a;box-shadow:0 10px 27px #365e9412;scroll-margin-top:10px}.below-tool{display:grid;gap:9px;margin-top:12px}.info-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#ffffffeb;box-shadow:0 4px 11px #32568c0d}.info-card summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 14px;color:#14214d;font-size:15px;font-weight:760;list-style:none;cursor:pointer}.info-card summary::-webkit-details-marker{display:none}.summary-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;font-size:24px;font-weight:800}.blue-icon{color:#1684f3}.purple-icon{width:28px;height:28px;border-radius:50%;background:#8543ed;color:#fff;font-size:20px}.orange-icon{color:#ffa000}.chevron{margin-left:auto;color:#526990;font-size:27px;font-weight:400;line-height:1;transition:transform .18s ease}.info-card[open] .chevron{transform:rotate(90deg)}.details-content{padding:0 17px 16px 56px;color:#485b79;font-size:13px;line-height:1.55}.details-content p{margin:7px 0}.details-content h3{margin:13px 0 2px;color:#203760;font-size:13px}.details-content code{padding:1px 4px;border-radius:4px;background:#eef4fc;font-family:var(--mono)}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;width:min(100% - 32px,660px);margin:0 auto;padding:5px 0 22px;color:#7c8ba6;font-size:11px}@media(min-width:700px){.app-header{height:68px}.page-shell{width:min(100% - 40px,740px);padding-top:17px}.breadcrumbs{font-size:13px}.tool-intro{grid-template-columns:88px minmax(0,1fr) 118px;column-gap:16px;margin-top:12px;margin-bottom:14px}.tool-symbol{width:88px;height:88px;border-radius:22px}.tool-symbol svg{width:53px}.intro-copy h1{font-size:35px}.format-art{transform:scale(1.1);transform-origin:right center}.badge{min-height:36px;font-size:13px}.workspace-card{padding:14px;border-radius:25px}.below-tool{gap:11px;margin-top:15px}.info-card summary{min-height:62px;font-size:17px}.site-footer{width:min(100% - 40px,740px);padding-top:7px}}@media(max-width:380px){.page-shell{width:calc(100% - 18px)}.workspace-card{padding:7px}.tool-intro{grid-template-columns:66px minmax(0,1fr) 82px;column-gap:8px}.tool-symbol{width:66px;height:66px;border-radius:17px}.tool-symbol svg{width:41px}.intro-copy h1{font-size:25px}.format-art{transform:scale(.85);transform-origin:right center}.tool-badges{gap:6px}.badge{min-height:32px;padding:0 10px;font-size:11px}.info-card summary{gap:9px;padding-inline:11px;font-size:14px}.site-footer{width:calc(100% - 24px)}}@media(max-width:459px){.canary-intro{grid-template-columns:minmax(0,1fr) 108px;column-gap:9px}.canary-intro .tool-symbol{display:none}.canary-intro .intro-copy{grid-column:1;grid-row:1}.canary-art{grid-column:2;grid-row:1;align-self:center;height:88px}.canary-art img{display:block;width:100%;height:100%;object-fit:contain}.canary-intro .tool-badges{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;gap:6px}}@media(min-width:1100px){body{background:radial-gradient(ellipse at 12% 22%,rgba(124,104,255,.13),transparent 27rem),radial-gradient(ellipse at 88% 30%,rgba(40,213,225,.15),transparent 29rem),linear-gradient(180deg,#f7faff,#f1f7ff)}.page-shell{width:760px}.app-header{padding-left:max(26px,calc((100vw - 980px)/2));padding-right:max(26px,calc((100vw - 980px)/2))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.home-shell{display:flex;flex-direction:column;align-items:flex-start;width:min(100% - 36px,660px);min-height:calc(100svh - 150px);margin:0 auto;padding:clamp(72px,15vh,150px) 8px 48px}.home-kicker{margin:0 0 14px;color:#2376ee;font-size:12px;font-weight:800;letter-spacing:.12em}.home-shell h1{margin:0;color:var(--ink);font-size:clamp(38px,10vw,66px);line-height:.98;letter-spacing:-.055em}.home-copy{max-width:420px;margin:18px 0 24px;color:#536787;font-size:16px;line-height:1.5}.home-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 20px;border-radius:15px;background:linear-gradient(100deg,#803bf4,#277ef5);color:#fff;font-weight:750;text-decoration:none;box-shadow:0 8px 20px #4b4bdc33}.home-note{margin-top:14px;color:#7b8aa4;font-size:12px}