:root{--bg: #ffffff;--surface: #fafafa;--surface-2: #f6f6f6;--border: #e7e7e7;--border-dark: #d4d4d4;--text: #111111;--muted: #666666;--muted-light: #999999;--muted-dark: #888888;--accent: #000000;--accent-dark: #333333;--accent-soft: #f0f0f0;--black: #000000;--white: #ffffff;--content-width: 1120px;--content-gutter: 40px;--font-sans: "Google Sans Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Google Sans Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--container-width: min( var(--content-width), calc(100% - var(--content-gutter)) )}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--white)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.container{width:var(--container-width);margin-left:auto;margin-right:auto}.nav-wrapper{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#fffffff5;border-bottom:1px solid var(--border);transition:width .35s ease,top .35s ease,left .35s ease,border .35s ease,background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease,-webkit-backdrop-filter .25s ease}.nav-inner{width:var(--container-width);height:76px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between;transition:height .35s ease}.nav-wrapper.scrolled{width:var(--container-width);left:50%;top:14px;transform:translate(-50%);background:#ffffffe0;border:1px solid var(--border);box-shadow:0 12px 40px #00000014;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-wrapper.scrolled .nav-inner{width:100%;height:64px;padding-left:18px;padding-right:18px}.logo{display:flex;align-items:center;flex-shrink:0;transition:opacity .2s ease}.logo:hover{opacity:.8}.logo img{width:175px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:28px;color:var(--muted);font-size:14px}.nav-links>a{transition:color .2s ease}.nav-links>a:hover{color:var(--text)}.nav-button{padding:9px 14px;border:1px solid var(--accent);background:var(--white);color:var(--text)!important;font-family:var(--font-sans);font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:border-color .2s ease,color .2s ease,background .2s ease}.nav-button:hover{background:var(--accent);color:var(--white)!important}.nav-btn-arrow{transition:transform .2s ease}.nav-button:hover .nav-btn-arrow{transform:translate(2px)}.hero{min-height:720px;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:76px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(17,17,17,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.035) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black,transparent 88%);-webkit-mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}.hero:after{content:"";position:absolute;width:500px;height:500px;right:-200px;top:100px;background:var(--accent);opacity:.045;filter:blur(100px);border-radius:50%;pointer-events:none}.hero-inner{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;width:100%}.hero-content{position:relative;z-index:1;padding:100px 0}.hero-image{position:relative;z-index:1;display:flex;justify-content:flex-end}.hero-image img{max-width:100%;height:auto;display:block}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:28px;color:var(--accent);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px}.status-dot{width:7px;height:7px;flex-shrink:0;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #00000073}h1{max-width:900px;font-size:clamp(48px,7vw,84px);line-height:1.02;letter-spacing:-2.5px;font-weight:700;text-wrap:balance}h1 span{color:var(--accent)}.hero-description{max-width:690px;margin-top:34px;color:var(--muted);font-size:16px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:10px;margin-top:38px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--border);font-size:14px;font-family:var(--font-sans);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:var(--white);border-color:var(--accent);font-weight:700}.button.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.button.secondary:hover{border-color:var(--accent);color:var(--accent)}.manifesto{padding:0 0 110px}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.manifesto-item{padding:34px 0}.manifesto-item:first-child{padding-right:50px;border-right:1px solid var(--border)}.manifesto-item:last-child{padding-left:50px}.manifesto-label{margin-bottom:15px;color:var(--accent);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.manifesto-item p{color:var(--muted);font-size:15px;line-height:1.8}.code-section{padding:0 0 120px}.terminal{background:#050505;border:1px solid #1d1d1d;box-shadow:0 30px 90px #00000024;font-family:var(--font-mono)}.terminal-header{height:44px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid #202020}.terminal-dot{width:9px;height:9px;background:#333;border-radius:50%}.terminal-title{margin-left:8px;color:#666;font-size:12px}.terminal-body{padding:30px;overflow-x:auto;color:#bdbdbd;font-size:14px;line-height:2}.prompt{color:var(--white)}.comment{color:#4d4d4d}.keyword{color:#eee;font-weight:700}.string{color:#999}.terminal-result{color:#aaa}.section{padding:120px 0;border-top:1px solid var(--border)}.section-label{margin-bottom:18px;color:var(--accent);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.section-title{max-width:780px;font-size:clamp(32px,4.5vw,52px);line-height:1.12;letter-spacing:-1.5px;text-wrap:balance}.section-description{max-width:670px;margin-top:22px;color:var(--muted);font-size:15px;line-height:1.8}.features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid var(--border);border-left:1px solid var(--border)}.feature{min-height:285px;padding:32px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .2s ease,box-shadow .2s ease}.feature:hover{background:var(--surface);box-shadow:inset 0 2px 0 var(--accent)}.feature-number{margin-bottom:60px;color:var(--accent);font-size:12px;font-weight:600}.feature h3{margin-bottom:15px;font-size:19px}.feature p{color:var(--muted);font-size:14px;line-height:1.75}.solutions{display:grid;grid-template-columns:1fr 1fr;margin-top:65px;border-top:1px solid var(--border);border-left:1px solid var(--border)}.solution{min-height:230px;padding:30px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .2s ease,box-shadow .2s ease}.solution:hover{background:var(--surface);box-shadow:inset 0 2px 0 var(--accent)}.solution-tag{display:inline-block;margin-bottom:45px;padding:5px 8px;border:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase}.solution h3{margin-bottom:12px;font-size:18px}.solution p{max-width:430px;color:var(--muted);font-size:14px;line-height:1.75}.workflow{margin-top:65px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border)}.workflow-item{padding:30px 24px;border-right:1px solid var(--border);transition:background .2s ease}.workflow-item:hover{background:var(--surface)}.workflow-item:last-child{border-right:0}.workflow-number{margin-bottom:28px;color:var(--muted-dark);font-size:12px;font-weight:600}.workflow-item strong{display:block;margin-bottom:9px;font-size:15px}.workflow-item span{color:var(--muted);font-size:14px;line-height:1.7}.highlight{margin-top:65px;background:var(--accent);color:var(--white);border:1px solid var(--accent)}.highlight-inner{padding:70px 60px}.highlight-label{margin-bottom:25px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.highlight h3{max-width:800px;font-size:clamp(30px,4.5vw,54px);line-height:1.08;letter-spacing:-1.5px;text-wrap:balance}.highlight p{max-width:650px;margin-top:25px;font-size:15px;line-height:1.8}.ds-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:40px}.ds-left .section-title{margin-bottom:0}.ds-left .section-description{margin-top:18px}.ds-stats{display:flex;gap:32px;margin-top:32px}.ds-stat{display:flex;flex-direction:column;gap:4px}.ds-stat-value{font-size:26px;font-weight:700;letter-spacing:-.5px}.ds-stat-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.ds-cta{display:inline-flex;align-items:center;gap:8px;margin-top:32px}.ds-arrow{font-size:14px;transition:transform .2s ease}.ds-cta:hover .ds-arrow{transform:translate(3px)}.ds-right{display:flex;justify-content:flex-end}.ds-preview-block{width:100%;max-width:420px;background:var(--accent);padding:32px;display:flex;flex-direction:column;gap:24px}.ds-preview-row{display:flex;gap:8px}.ds-color-swatch{width:48px;height:48px;flex:1}.ds-typo-block{flex:1;display:flex;flex-direction:column;gap:8px}.ds-typo-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#fff9}.ds-typo-sample{font-size:36px;font-weight:700;color:var(--white);line-height:1}.ds-spacing{display:flex;align-items:flex-end;gap:6px}.ds-space{background:var(--white);opacity:.8}.ds-preview-label{font-size:12px;color:#ffffff80;text-align:right}@media(max-width:850px){.ds-layout{grid-template-columns:1fr;gap:40px}.ds-right{justify-content:stretch}.ds-preview-block{max-width:100%}.ds-stats{gap:24px}}@media(max-width:500px){.ds-preview-block{padding:24px}.ds-color-swatch{height:40px}.ds-typo-sample{font-size:28px}}.cta{padding:160px 0;border-top:1px solid var(--border);text-align:center}.cta h2{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-2px;text-wrap:balance}.cta h2 span{color:var(--accent)}.cta p{max-width:570px;margin:25px auto 35px;color:var(--muted);font-size:16px;line-height:1.8}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-top:1px solid var(--border);color:var(--muted-dark);font-size:12px}.footer-links{display:flex;gap:20px}.footer-links a{transition:color .2s ease}.footer-links a:hover{color:var(--text)}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:0;border:1px solid var(--border);background:var(--white);cursor:pointer;transition:border-color .2s ease}.nav-hamburger:hover{border-color:var(--border-dark)}.nav-hamburger span{display:block;width:16px;height:1.5px;background:var(--text);margin-left:auto;margin-right:auto;transition:transform .25s ease,opacity .25s ease}.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media(max-width:850px){.nav-links{display:none}.nav-hamburger{display:flex}.nav-wrapper.scrolled{top:10px}.nav-wrapper.scrolled .nav-inner{padding-left:15px;padding-right:15px}.hero{min-height:650px;padding-top:80px}.hero-inner{grid-template-columns:1fr;gap:32px}h1{font-size:42px;letter-spacing:-1.5px}.manifesto-grid{grid-template-columns:1fr}.manifesto-item:first-child{padding-right:0;border-right:0;border-bottom:1px solid var(--border)}.manifesto-item:last-child{padding-left:0}.features,.solutions,.workflow{grid-template-columns:1fr}.workflow-item{border-right:0;border-bottom:1px solid var(--border)}.workflow-item:last-child{border-bottom:0}.highlight-inner{padding:50px 35px}}@media(max-width:500px){:root{--content-gutter: 28px}.nav-wrapper.scrolled{top:8px}.nav-wrapper.scrolled .nav-inner{height:58px;padding-left:12px;padding-right:12px}.logo img{width:150px}.hero{min-height:600px;padding-top:80px}.hero-content{padding:75px 0}h1{font-size:38px;letter-spacing:-1px}.hero-description{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.code-section{padding-bottom:85px}.terminal-body{padding:20px;font-size:12px}.section{padding:85px 0}.section-title{letter-spacing:-1px}.feature,.solution{padding:25px}.highlight-inner{padding:40px 25px}.highlight h3{letter-spacing:-1px}.cta{padding:105px 0}.cta h2{letter-spacing:-1.5px}footer{align-items:flex-start;flex-direction:column;gap:18px}}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);background:var(--white);color:var(--text);font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.nav-dropdown-trigger:hover{border-color:var(--border-dark);background:var(--surface)}.nav-user-avatar{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--white);font-size:11px;font-weight:700}.nav-user-name{color:var(--text)}.nav-dropdown-arrow{transition:transform .2s ease;color:var(--muted)}.nav-dropdown-arrow.open{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;width:220px;background:var(--white);border:1px solid var(--border);box-shadow:0 12px 40px #00000014;z-index:100}.nav-dropdown-user{padding:14px 16px}.nav-dropdown-email{color:var(--muted);font-size:12px}.nav-dropdown-divider{height:1px;background:var(--border)}.nav-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;color:var(--text);font-family:var(--font-sans);font-size:14px;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.nav-dropdown-item:hover{background:var(--surface);color:var(--accent)}.nav-dropdown-item svg{flex-shrink:0;color:var(--muted)}.nav-dropdown-item:hover svg{color:var(--accent)}.nav-dropdown-item.logout{color:var(--muted)}.nav-dropdown-item.logout:hover{color:var(--accent);background:var(--accent-soft)}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:1001;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-overlay.open{opacity:1;pointer-events:auto}.nav-drawer{display:none;position:fixed;top:0;right:0;width:300px;max-width:85vw;height:100%;background:var(--white);border-left:1px solid var(--border);z-index:1002;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.nav-drawer.open{transform:translate(0)}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.nav-drawer-header .logo img{width:140px}.nav-drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);background:var(--white);cursor:pointer;color:var(--muted);transition:border-color .2s ease,color .2s ease}.nav-drawer-close:hover{border-color:var(--accent);color:var(--accent)}.nav-drawer-links{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--border)}.nav-drawer-links a{padding:12px 24px;color:var(--text);font-size:14px;transition:background .15s ease,color .15s ease}.nav-drawer-links a:hover{background:var(--surface);color:var(--accent)}.nav-drawer-divider{height:1px;background:var(--border)}.nav-drawer-account{display:flex;flex-direction:column}.nav-drawer-user{display:flex;align-items:center;gap:12px;padding:20px 24px}.nav-drawer-user-name{font-size:14px;font-weight:700}.nav-drawer-user-email{font-size:12px;color:var(--muted);margin-top:2px}.nav-drawer-menu{display:flex;flex-direction:column;padding:0}.nav-drawer-menu a{padding:12px 24px;color:var(--text);font-size:14px;transition:background .15s ease,color .15s ease}.nav-drawer-menu a:hover{background:var(--surface);color:var(--accent)}.nav-drawer-logout{display:block;width:100%;padding:12px 24px;border:none;background:none;color:var(--muted);font-family:var(--font-sans);font-size:14px;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.nav-drawer-logout:hover{background:var(--accent-soft);color:var(--accent)}.nav-drawer-actions{padding:20px 24px}.nav-drawer-login{width:100%;text-align:center}.dashboard{padding-top:120px;padding-bottom:80px;min-height:100vh}.dashboard-page{max-width:900px}.dashboard-header{margin-bottom:48px}.dashboard-title{font-size:clamp(30px,4vw,42px);line-height:1.12;letter-spacing:-1px;margin-top:12px;text-wrap:balance}.dashboard-description{color:var(--muted);font-size:15px;line-height:1.75;margin-top:12px}.dashboard-card{border:1px solid var(--border);margin-bottom:24px}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.dashboard-card-header h3{font-size:15px}.dashboard-card-title{padding:20px 24px;border-bottom:1px solid var(--border);font-size:15px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:24px}.dashboard-stat{background:var(--bg);padding:24px}.dashboard-stat-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dashboard-stat-value{font-size:28px;font-weight:700;letter-spacing:-.5px}.dashboard-stat-sub{color:var(--muted-light);font-size:12px;margin-top:4px}.dashboard-table{display:flex;flex-direction:column}.dashboard-table-row{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.dashboard-table-row:last-child{border-bottom:none}.dashboard-table-cell{display:flex;flex-direction:column;gap:4px}.dashboard-table-cell:last-child{text-align:right}.api-key-name{font-size:14px;font-weight:700}.api-key-value{color:var(--muted);font-size:14px}.api-key-date{color:var(--muted);font-size:12px}.api-key-status{display:inline-block;padding:3px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.api-key-status.active{background:#f0f0f0;color:#111;border:1px solid #d4d4d4}.order-id{font-size:14px;font-weight:700}.order-product{color:var(--muted);font-size:14px}.order-date{color:var(--muted);font-size:12px}.order-amount{font-size:14px;font-weight:700}.order-status{display:inline-block;padding:3px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.order-status.completed{background:#f0f0f0;color:#111;border:1px solid #d4d4d4}.order-status.pending{background:#f5f5f5;color:#666;border:1px solid #d4d4d4}.usage-type{font-size:14px;font-weight:700;text-transform:uppercase}.usage-endpoint{color:var(--muted);font-size:14px;font-family:var(--font-mono)}.usage-time{color:var(--muted);font-size:12px}.billing-payment{display:flex;align-items:center;gap:16px;padding:24px}.billing-card-icon{width:48px;height:32px;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px}.billing-card-info{display:flex;flex-direction:column;gap:4px}.billing-card-number{font-size:14px}.billing-card-expiry{color:var(--muted);font-size:12px}.login-hint{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);text-align:center}.login-hint span{color:var(--muted-light);font-size:12px}@media(max-width:850px){.nav-overlay,.nav-drawer{display:block}.dashboard-stats{grid-template-columns:1fr}.dashboard-table-row{flex-direction:column;align-items:flex-start;gap:8px}.dashboard-table-cell:last-child{text-align:left}}@media(max-width:500px){.dashboard{padding-top:100px}.dashboard-title{letter-spacing:-.5px}.dashboard-card-header{flex-direction:column;align-items:flex-start;gap:12px}}.not-found{display:flex;align-items:center;min-height:100vh;padding-top:76px;padding-bottom:60px}.not-found-code{margin-bottom:18px;color:var(--muted-light);font-family:var(--font-mono);font-size:14px;letter-spacing:.5px}.not-found-title{max-width:700px;font-size:clamp(44px,7vw,84px);line-height:1.02;letter-spacing:-2.5px;font-weight:700;text-wrap:balance}.not-found-description{max-width:520px;margin-top:20px;color:var(--muted);font-size:16px;line-height:1.75}.not-found-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}@media(max-width:500px){.not-found-title{font-size:40px;letter-spacing:-1px}.not-found-actions{align-items:stretch;flex-direction:column}.not-found-actions .button{width:100%}}.tools-page{padding-top:150px;padding-bottom:100px;min-height:100vh}.tools-hero{max-width:720px}.tools-hero-title{font-size:clamp(38px,5vw,58px);line-height:1.04;letter-spacing:-2px;font-weight:700;text-wrap:balance}.tools-hero-description{max-width:560px;margin-top:16px;color:var(--muted);font-size:17px}.tools-search{position:relative;max-width:460px;margin-top:30px}.tools-search input{width:100%;padding:13px 42px;border:1px solid var(--border);background:var(--white);font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.tools-search input:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tools-search input::placeholder{color:var(--muted-light)}.tools-search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:var(--muted-light);pointer-events:none}.tools-search-clear{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;background:none;color:var(--muted-light);cursor:pointer;transition:color .2s ease}.tools-search-clear:hover{color:var(--text)}.tools-index{margin-top:64px}.tools-index-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;color:var(--muted-light);font-size:12px;text-transform:uppercase;letter-spacing:.6px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.tool-card{display:flex;flex-direction:column;min-height:240px;padding:26px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--white);transition:background .2s ease,box-shadow .2s ease}.tool-card:hover{background:var(--surface);box-shadow:inset 0 2px 0 var(--accent)}.tool-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tool-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}.tool-card-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.tool-card-category{margin-bottom:8px;color:var(--muted-light);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.tool-card h3{margin-bottom:8px;font-size:17px;letter-spacing:-.3px}.tool-card p{flex:1;color:var(--muted);font-size:13.5px;line-height:1.7}.tool-card-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:14px;font-weight:600;color:var(--text)}.tool-card-link span{transition:transform .2s ease}.tool-card:hover .tool-card-link span{transform:translate(3px)}.tools-empty{display:grid;justify-items:center;gap:16px;padding:48px 24px;border:1px dashed var(--border-dark);color:var(--muted);text-align:center}.tool-header{margin-bottom:36px}.tool-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--muted-light);font-size:12.5px}.tool-breadcrumb a{transition:color .2s ease}.tool-breadcrumb a:hover{color:var(--text)}.tool-title{font-size:clamp(32px,4.5vw,46px);line-height:1.05;letter-spacing:-1.5px;font-weight:700;text-wrap:balance}.tool-description{max-width:640px;margin-top:12px;color:var(--muted);font-size:15.5px}.tool-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tool-badge{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tool-badge.muted{color:var(--muted)}.tool-workspace{display:grid;gap:20px}.tool-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-panel{display:flex;flex-direction:column;border:1px solid var(--border);background:var(--white)}.tool-panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.tool-panel-label{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.tool-panel-actions{display:flex;flex-wrap:wrap;gap:8px}.tool-panel-body{display:grid;gap:14px;padding:16px}.tool-panel-footer{padding:10px 16px;border-top:1px solid var(--border);background:var(--surface)}.tool-editor{display:block;width:100%;min-height:120px;padding:16px;border:0;outline:none;background:var(--white);color:var(--text);font-family:var(--font-mono);font-size:14px;line-height:1.7;resize:vertical}.tool-editor:focus{box-shadow:inset 0 0 0 1px var(--accent)}.tool-editor::placeholder{color:var(--muted-light)}.tool-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid var(--border);background:var(--white);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.tool-btn:hover:not(:disabled){border-color:var(--accent)}.tool-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-btn:disabled{opacity:.45;cursor:not-allowed}.tool-btn.primary{border-color:var(--accent);background:var(--accent);color:var(--white)}.tool-btn.primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.tool-btn.ghost{border-color:transparent;background:none;color:var(--muted)}.tool-btn.ghost:hover:not(:disabled){border-color:var(--border);color:var(--text)}.tool-input,.tool-select{min-width:0;padding:9px 12px;border:1px solid var(--border);background:var(--white);color:var(--text);font-size:13.5px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.tool-input:focus,.tool-select:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tool-input.compact{width:92px}.tool-input.mono{font-family:var(--font-mono);font-size:14px}.tool-inline-field{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px}.tool-field{display:grid;gap:8px}.tool-field-label{color:var(--muted);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.tool-field-row{display:flex;gap:10px}.tool-field-row .tool-input{flex:1}.tool-tabs{display:inline-flex;align-self:flex-start;border:1px solid var(--border);background:var(--white)}.tool-tab{padding:8px 15px;border:0;border-right:1px solid var(--border);background:none;color:var(--muted);font-size:14px;cursor:pointer;transition:background .2s ease,color .2s ease}.tool-tab:last-child{border-right:0}.tool-tab:hover{color:var(--text)}.tool-tab.active{background:var(--accent);color:var(--white)}.tool-status{display:inline-block;color:var(--muted);font-size:12.5px}.tool-status.success{color:#1f7a4d}.tool-status.error{color:#b42318}.tool-alert{padding:11px 14px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;line-height:1.6;word-break:break-word}.tool-alert.error{border-color:#fecdca;background:#fef3f2;color:#b42318}.tool-note{color:var(--muted-light);font-size:12.5px;line-height:1.6}.tool-placeholder{color:var(--muted-light);font-size:14px}.tool-privacy-note{margin-top:56px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:14px;line-height:1.7}.tool-privacy-note strong{color:var(--text)}.tool-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tool-stat{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--border);background:var(--surface)}.tool-stat-label{color:var(--muted-light);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.tool-stat-value{font-family:var(--font-mono);font-size:14px;word-break:break-all}.tool-stat-value.truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-claims{display:grid;gap:10px}.tool-claim{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;padding:12px 14px;border:1px solid var(--border)}.tool-claim-key{color:var(--accent);font-family:var(--font-mono);font-size:12.5px;text-transform:uppercase}.tool-claim-value strong{display:block;font-size:13.5px;line-height:1.5}.tool-claim-value span{color:var(--muted);font-size:12px}.tool-definition{display:grid;gap:10px}.tool-definition>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding-bottom:8px;border-bottom:1px dashed var(--border)}.tool-definition dt{color:var(--muted-light);font-size:11.5px;text-transform:uppercase;letter-spacing:.5px}.tool-definition dd{font-family:var(--font-mono);font-size:12.5px;word-break:break-word}.tool-result-value{padding:14px;border:1px dashed var(--border-dark);background:var(--surface);font-family:var(--font-mono);font-size:22px;letter-spacing:-.5px;word-break:break-all}.uuid-list{display:grid;border-top:1px solid var(--border);border-left:1px solid var(--border)}.uuid-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.uuid-item code{font-family:var(--font-mono);font-size:14px;word-break:break-all}.uuid-index{color:var(--muted-light);font-size:12px}.tool-pattern-row{display:flex;align-items:center;gap:8px;padding:4px 12px;border:1px solid var(--border);background:var(--white)}.tool-pattern-row:focus-within{box-shadow:inset 0 0 0 1px var(--accent)}.tool-pattern-row .tool-input{flex:1;padding:8px 0;border:0;box-shadow:none}.tool-pattern-row .tool-input:focus{box-shadow:none}.tool-pattern-slash{color:var(--muted-light);font-family:var(--font-mono);font-size:14px}.tool-flags{display:flex;flex-wrap:wrap;gap:8px}.tool-flag{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--border);background:var(--white);font-size:12.5px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.tool-flag input{accent-color:#000000}.tool-flag span{color:var(--muted-light);font-size:11px}.tool-flag.active{border-color:var(--accent);background:var(--accent-soft)}.tool-highlight{max-height:320px;margin:0;padding:14px 16px;overflow:auto;border:1px solid var(--border);background:var(--white);font-family:var(--font-mono);font-size:14px;line-height:1.8;white-space:pre-wrap;word-break:break-word}.tool-highlight mark{background:var(--accent);color:var(--white)}.tool-match-list{display:grid;gap:10px}.tool-match{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--border)}.tool-match-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.tool-match-head code{font-family:var(--font-mono);font-size:12.5px;word-break:break-all}.tool-match-index{color:var(--muted-light);font-size:11px}.tool-match-pos{margin-left:auto;color:var(--muted-light);font-size:11px}.tool-match-groups{display:grid;gap:4px;list-style:none}.tool-match-groups li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:8px;font-size:12px}.tool-match-groups span{color:var(--accent);font-family:var(--font-mono)}.tool-match-groups code{font-family:var(--font-mono);word-break:break-all}.cron-fields{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cron-custom{font-size:12.5px}@media(max-width:1000px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.tool-columns{grid-template-columns:1fr}.cron-fields{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.tools-grid{grid-template-columns:1fr}.tools-index-meta{flex-direction:column;align-items:flex-start;gap:6px}.cron-fields{grid-template-columns:repeat(2,1fr)}.tool-definition>div{grid-template-columns:1fr;gap:4px}.uuid-item{grid-template-columns:34px minmax(0,1fr)}.uuid-item .tool-btn{grid-column:2;justify-self:start}}@media(max-width:500px){.tools-page{padding-top:120px;padding-bottom:70px}.tools-search{max-width:100%}.cron-fields{grid-template-columns:1fr}.tool-claim{grid-template-columns:1fr;gap:6px}}