:root{--bg: #ffffff;--bg-subtle: #f7f7f8;--border: #e5e5e5;--text: #0d0d0d;--text-muted: #5d5d5d;--accent: #10a37f;--accent-hover: #0d8c6d;--code-bg: #f4f4f5;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Code", Menlo, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.5}a{color:var(--accent)}a:hover{color:var(--accent-hover)}code{font-family:var(--mono);font-size:.875em;background:var(--code-bg);padding:.12em .35em;border-radius:4px}.hub__inner{max-width:46rem;margin:0 auto;padding:3rem 2rem 2rem}.hub h1{font-size:2.25rem;font-weight:600;margin:0 0 .75rem}.hub__lead{font-size:1.15rem;color:var(--text-muted);margin-bottom:2rem}.hub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;margin:2rem 0}.hub__card{border:1px solid var(--border);border-radius:10px;padding:1.25rem;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.hub__card:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000f}.hub__card strong{display:block;font-size:1rem;margin-bottom:.35rem}.hub__card span,.hub__meta{font-size:.9rem;color:var(--text-muted)}.hub__auth{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.9rem}.hub__auth a{text-decoration:none;color:var(--text-muted)}.hub__auth a:hover{color:var(--text)}.hub__cta{padding:.35rem .75rem;border-radius:6px;background:var(--accent)!important;color:#fff!important}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--bg-subtle)}.auth-card{width:100%;max-width:24rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1.75rem}.auth-card--wide{max-width:32rem}.auth-card h1{margin:0 0 .35rem;font-size:1.5rem}.auth-lead{color:var(--text-muted);margin:0 0 1.25rem;font-size:.95rem}.auth-error{color:#b91c1c;font-size:.9rem;margin:0 0 .75rem}.auth-switch{margin:1rem 0 0;font-size:.9rem;color:var(--text-muted)}.field-hint{font-size:.85rem;color:var(--text-muted);margin:.35rem 0 0}.key-field{display:flex;gap:.5rem;align-items:stretch}.key-field__input{flex:1;min-width:0;font:inherit;padding:.45rem .55rem;border:1px solid var(--border);border-radius:6px}.key-field__input--mono{font-family:var(--mono);font-size:.85rem}.secret-key-reveal{margin-top:1rem}.secret-key-reveal__banner{padding:.75rem 1rem;border-radius:8px;border:1px solid #fcd34d;background:#fffbeb;margin-bottom:1rem}.secret-key-reveal__banner strong{display:block;margin-bottom:.25rem}.secret-key-reveal__banner p{margin:0;font-size:.9rem;color:#92400e}.secret-key-reveal__ack{display:flex;align-items:flex-start;gap:.5rem;margin:.75rem 0 0;font-size:.9rem}.secret-key-reveal__ack input{margin-top:.2rem}.auth-loading{padding:2rem;text-align:center;color:var(--text-muted)}.btn-secondary{padding:.45rem .85rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);font:inherit;cursor:pointer}.dashboard__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.dashboard__section{margin-bottom:2rem}.dashboard__section h2{font-size:1.1rem;margin:0 0 .75rem}.dashboard__dl{display:grid;grid-template-columns:8rem 1fr;gap:.35rem 1rem;margin:0}.dashboard__dl dt{color:var(--text-muted);font-size:.9rem}.dashboard__dl dd{margin:0}.domain-list{list-style:none;padding:0;margin:0 0 1rem}.domain-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.domain-form{margin-top:1rem}.btn-small{padding:.25rem .55rem;font-size:.85rem}.keys-reveal{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle)}.dashboard__hint{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.tool-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.tool-header__brand{font-weight:600;text-decoration:none;color:var(--text)}.tool-header__nav{display:flex;gap:1rem;font-size:.9rem}.tool-header__nav a{text-decoration:none;color:var(--text-muted)}.tool-header__nav a:hover{color:var(--text)}.tool-main{max-width:44rem;margin:0 auto;padding:2rem 1.5rem 3rem}.tool-page h1{font-size:1.5rem;margin:0 0 .5rem}.tool-page__intro{color:var(--text-muted);margin-bottom:1.5rem}.field{display:block;margin-bottom:1rem}.field span{display:block;font-weight:600;margin-bottom:.25rem;font-size:.9rem}.field input,.field select,.field textarea{width:100%;font:inherit;padding:.45rem .55rem;border:1px solid var(--border);border-radius:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn-primary{margin-bottom:1rem;padding:.5rem 1rem;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;cursor:pointer}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.code-area{font-family:var(--mono);font-size:12px;min-height:10rem}.demo-mount{min-height:120px;margin-bottom:1.5rem}.demo-log{background:var(--code-bg);padding:.75rem;border-radius:6px;font-family:var(--mono);font-size:12px;overflow:auto;white-space:pre-wrap}.usage-bar{height:.65rem;background:var(--border);border-radius:999px;overflow:hidden;margin:.5rem 0 .75rem}.usage-bar__fill{height:100%;background:var(--accent);border-radius:999px;transition:width .2s ease}.usage-bar__fill.is-full{background:#dc2626}.billing-banner{padding:.75rem 1rem;border-radius:8px;background:var(--bg-subtle);border:1px solid var(--border);margin-bottom:1rem}.billing-banner--ok{border-color:#86efac;background:#f0fdf4;color:#166534}.plan-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.plan-card{border:1px solid var(--border);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.35rem}.plan-card--highlight{border-color:var(--accent)}.plan-card span{font-size:.9rem;color:var(--text-muted)}