.ws-root{--hp-bg:#050507;--hp-bg-soft:#0b0b12;--hp-surface-1:#ffffff08;--hp-surface-2:#ffffff0f;--hp-surface-3:#ffffff1a;--hp-line-1:#ffffff0f;--hp-line-2:#ffffff1a;--hp-line-3:#ffffff2e;--hp-text-1:#f5f5f7;--hp-text-2:#f5f5f7b8;--hp-text-3:#f5f5f780;--hp-accent-cyan:#00d4ff;--hp-accent-cyan-soft:#00d4ff1f;--hp-accent-violet:#a78bfa;--hp-accent-violet-soft:#a78bfa24;--hp-accent-amber:#fbbf24;--hp-ease-out:cubic-bezier(.16, 1, .3, 1);--hp-ease-soft:cubic-bezier(.4, 0, .2, 1)}html.light .ws-root{--hp-bg:#fff;--hp-bg-soft:#fafafa;--hp-surface-1:#00000006;--hp-surface-2:#0000000b;--hp-surface-3:#00000012;--hp-line-1:#0000000f;--hp-line-2:#0000001a;--hp-line-3:#0000002e;--hp-text-1:#0a0a0f;--hp-text-2:#0a0a0fb8;--hp-text-3:#0a0a0f80}.ws-root{background:var(--hp-bg);color:var(--hp-text-1);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ws-hero{text-align:center;max-width:920px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,24px) 24px}.ws-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--hp-text-3);align-items:center;gap:8px;margin-bottom:20px;padding:0;font-size:11px;font-weight:500;display:inline-flex}.ws-eyebrow-dot{background:var(--hp-accent-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--hp-accent-cyan);border-radius:999px}.ws-h1{letter-spacing:-.024em;color:var(--hp-text-1);margin:0 0 16px;font-size:clamp(32px,5.4vw,56px);font-weight:600;line-height:1.04}.ws-h1-accent{background:linear-gradient(100deg, var(--hp-accent-cyan) 0%, var(--hp-accent-violet) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.ws-lede{color:var(--hp-text-2);max-width:640px;margin:0 auto 16px;font-size:clamp(15px,1.05vw,17px);line-height:1.55}.ws-quota{border:1px solid var(--hp-line-2);background:var(--hp-surface-1);color:var(--hp-text-2);letter-spacing:-.005em;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.ws-quota.is-warn{color:var(--hp-accent-amber);background:#fbbf2414;border-color:#fbbf2459}.ws-quota.is-empty{color:#fca5a5;background:#ef444414;border-color:#ef444466}html.light .ws-quota.is-empty{color:#b91c1c}.ws-quota-dot{background:currentColor;border-radius:999px;width:6px;height:6px}.ws-card{background:var(--hp-surface-1);border:1px solid var(--hp-line-1);-webkit-backdrop-filter:blur(8px);border-radius:20px;max-width:920px;margin:0 auto;padding:clamp(16px,3vw,24px)}.ws-form-row{flex-direction:column;gap:10px;display:flex}@media (min-width:640px){.ws-form-row{flex-direction:row;align-items:stretch}}.ws-input{background:var(--hp-bg);border:1px solid var(--hp-line-2);min-width:0;color:var(--hp-text-1);height:48px;transition:border-color .18s var(--hp-ease-soft), box-shadow .18s var(--hp-ease-soft);border-radius:12px;flex:1;padding:12px 14px;font-size:15px}.ws-input::placeholder{color:var(--hp-text-3)}.ws-input:focus{border-color:var(--hp-accent-cyan);outline:none;box-shadow:0 0 0 3px #00d4ff2e}.ws-btn-primary{background:var(--hp-text-1);height:48px;color:var(--hp-bg);letter-spacing:-.01em;cursor:pointer;transition:transform .18s var(--hp-ease-out), opacity .18s var(--hp-ease-soft);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:600;display:inline-flex}.ws-btn-primary:hover:not(:disabled){transform:translateY(-1px)}.ws-btn-primary:disabled{opacity:.55;cursor:not-allowed}.ws-btn-primary .ws-spinner{border:2px solid;border-right-color:#0000;border-radius:999px;width:14px;height:14px;animation:.7s linear infinite ws-spin}@keyframes ws-spin{to{transform:rotate(360deg)}}.ws-samples{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.ws-samples-label{color:var(--hp-text-3);letter-spacing:-.005em;font-size:12px}.ws-sample{border:1px solid var(--hp-line-2);background:var(--hp-surface-1);color:var(--hp-text-2);cursor:pointer;transition:border-color .18s var(--hp-ease-soft), background .18s var(--hp-ease-soft), color .18s var(--hp-ease-soft);border-radius:999px;min-height:32px;padding:6px 12px;font-size:12px}.ws-sample:hover{border-color:var(--hp-line-3);background:var(--hp-surface-2);color:var(--hp-text-1)}.ws-banner{border-radius:14px;align-items:flex-start;gap:12px;margin-top:16px;padding:14px 16px;font-size:14px;line-height:1.5;display:flex}.ws-banner-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}html.light .ws-banner-error{color:#b91c1c}.ws-banner-warn{color:#fcd34d;background:#fbbf2414;border:1px solid #fbbf244d}html.light .ws-banner-warn{color:#92400e}.ws-banner-info{color:var(--hp-accent-cyan);background:#00d4ff14;border:1px solid #00d4ff4d}html.light .ws-banner-info{color:#0e7490}.ws-banner-icon{flex:none;font-size:18px;line-height:1}.ws-banner-content{word-break:break-word;flex:1;min-width:0}.ws-banner-content strong{margin-bottom:2px;display:block}.ws-banner-content p{margin:0}.ws-banner-suggestion{opacity:.85;margin-top:4px;font-size:13px}.ws-result{background:var(--hp-surface-1);border:1px solid var(--hp-line-1);border-radius:20px;max-width:920px;margin:18px auto 0;overflow:hidden}.ws-result-bar{border-bottom:1px solid var(--hp-line-1);background:var(--hp-surface-1);flex-direction:column;gap:12px;padding:14px clamp(14px,3vw,20px);display:flex}@media (min-width:768px){.ws-result-bar{flex-direction:row;justify-content:space-between;align-items:center}}.ws-stats{color:var(--hp-text-3);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;display:flex}.ws-stat-ok{color:#10b981;font-weight:600}.ws-stat-source{letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--hp-line-2);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.ws-stat-source.is-direct{color:#10b981;background:#10b98114;border-color:#10b98166}.ws-exports{flex-wrap:wrap;gap:8px;display:flex}.ws-export{border:1px solid var(--hp-line-2);background:var(--hp-surface-1);height:36px;color:var(--hp-text-2);cursor:pointer;transition:all .18s var(--hp-ease-soft);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:500;display:inline-flex}.ws-export:hover{border-color:var(--hp-line-3);background:var(--hp-surface-2);color:var(--hp-text-1);transform:translateY(-1px)}.ws-tabs{border-bottom:1px solid var(--hp-line-1);scrollbar-width:none;gap:4px;padding:10px clamp(10px,3vw,16px);display:flex;overflow-x:auto}.ws-tabs::-webkit-scrollbar{display:none}.ws-tab{white-space:nowrap;color:var(--hp-text-3);cursor:pointer;min-height:36px;transition:all .18s var(--hp-ease-soft);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.ws-tab:hover{color:var(--hp-text-1);background:var(--hp-surface-1)}.ws-tab[aria-selected=true]{color:var(--hp-text-1);background:var(--hp-surface-2);border-color:var(--hp-line-2)}.ws-tab-count{background:var(--hp-surface-2);color:var(--hp-text-3);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:11px}.ws-tab[aria-selected=true] .ws-tab-count{background:var(--hp-accent-cyan-soft);color:var(--hp-accent-cyan)}.ws-tab-panel{padding:clamp(14px,3vw,20px)}.ws-summary{gap:0;display:grid}.ws-summary-row{border-bottom:1px solid var(--hp-line-1);grid-template-columns:1fr;gap:4px;padding:12px 0;display:grid}.ws-summary-row:last-child{border-bottom:none}@media (min-width:640px){.ws-summary-row{grid-template-columns:140px 1fr;align-items:baseline;gap:16px}}.ws-summary-label{color:var(--hp-text-3);letter-spacing:-.005em;text-transform:uppercase;font-size:12px;font-weight:500}.ws-summary-value{color:var(--hp-text-1);word-break:break-word;font-size:14px}.ws-summary-value.is-mono{color:var(--hp-text-2);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px}.ws-headings{flex-direction:column;gap:8px;display:flex}.ws-heading-row{align-items:flex-start;gap:10px;padding:6px 0;display:flex}.ws-heading-badge{text-align:center;background:var(--hp-accent-violet-soft);color:var(--hp-accent-violet);font-variant-numeric:tabular-nums;border-radius:6px;flex:0 0 28px;padding:2px 6px;font-size:11px;font-weight:600}.ws-heading-text{color:var(--hp-text-1);font-size:14px;line-height:1.45}.ws-links{flex-direction:column;gap:12px;display:flex}.ws-link-row{background:var(--hp-surface-1);border:1px solid var(--hp-line-1);border-radius:12px;gap:10px;padding:10px;display:flex}.ws-link-kind{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex:none;align-self:flex-start;padding:2px 8px;font-size:10px;font-weight:600}.ws-link-kind.is-internal{background:var(--hp-accent-cyan-soft);color:var(--hp-accent-cyan)}.ws-link-kind.is-external{color:#fb923c;background:#fb923c2e}.ws-link-content{flex:1;min-width:0}.ws-link-text{color:var(--hp-text-1);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:13px;overflow:hidden}.ws-link-href{color:var(--hp-accent-cyan);word-break:break-all;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px}.ws-link-href:hover{text-decoration:underline}.ws-images{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:640px){.ws-images{grid-template-columns:1fr 1fr}}.ws-image-row{background:var(--hp-surface-1);border:1px solid var(--hp-line-1);border-radius:12px;padding:12px}.ws-image-src{color:var(--hp-text-2);word-break:break-all;margin-bottom:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px}.ws-image-alt{color:var(--hp-text-3);font-size:12px}.ws-json{background:var(--hp-bg-soft);border:1px solid var(--hp-line-1);color:var(--hp-text-1);white-space:pre-wrap;word-break:break-word;border-radius:12px;max-height:480px;padding:14px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;overflow:auto}.ws-empty{text-align:center;color:var(--hp-text-3);padding:40px 20px;font-size:14px;font-style:italic}.ws-section{max-width:920px;margin:0 auto;padding:clamp(40px,6vw,64px) clamp(16px,4vw,24px)}.ws-section-title{text-align:center;letter-spacing:-.02em;color:var(--hp-text-1);margin-bottom:32px;font-size:clamp(24px,3.5vw,36px);font-weight:600}.ws-steps{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:768px){.ws-steps{grid-template-columns:repeat(3,1fr)}}.ws-step{background:var(--hp-surface-1);border:1px solid var(--hp-line-1);transition:border-color .2s var(--hp-ease-soft), transform .2s var(--hp-ease-out);border-radius:16px;padding:22px}.ws-step:hover{border-color:var(--hp-line-3);transform:translateY(-2px)}.ws-step-icon{margin-bottom:10px;font-size:28px;display:block}.ws-step-title{color:var(--hp-text-1);margin:0 0 6px;font-size:16px;font-weight:600}.ws-step-desc{color:var(--hp-text-2);margin:0;font-size:14px;line-height:1.55}.ws-faqs{flex-direction:column;gap:10px;display:flex}.ws-faq{background:var(--hp-surface-1);border:1px solid var(--hp-line-1);transition:border-color .18s var(--hp-ease-soft);border-radius:14px;overflow:hidden}.ws-faq:hover{border-color:var(--hp-line-2)}.ws-faq-btn{text-align:left;cursor:pointer;width:100%;color:var(--hp-text-1);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:16px 20px;font-size:15px;font-weight:500;display:flex}.ws-faq-icon{width:18px;height:18px;color:var(--hp-text-3);transition:transform .2s var(--hp-ease-soft);flex:0 0 18px}.ws-faq[open] .ws-faq-icon{transform:rotate(180deg)}.ws-faq-answer{color:var(--hp-text-2);padding:0 20px 16px;font-size:14px;line-height:1.6}@media (prefers-reduced-motion:reduce){.ws-btn-primary,.ws-step,.ws-faq-icon,.ws-export,.ws-spinner{transition:none!important;animation:none!important}}
