:root{--color-primary:#0066FF;--color-primary-hover:#0052CC;--color-secondary:#7C3AED;--color-background:#FFFFFF;--color-surface:#F9FAFB;--color-text:#111827;--color-text-secondary:#6B7280;--color-border:#E5E7EB;--color-success:#10B981;--color-error:#EF4444;--color-warning:#F59E0B;--color-code-bg:#1E1E1E;--color-code-text:#D4D4D4;--font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;--font-family-mono:'JetBrains Mono', 'Fira Code', Consolas, Monaco, 'Andale Mono', monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--transition-fast:150ms ease;--transition-normal:200ms ease}[data-theme=dark]{--color-primary:#3B82F6;--color-primary-hover:#60A5FA;--color-secondary:#8B5CF6;--color-background:#0A0A0A;--color-surface:#171717;--color-text:#F9FAFB;--color-text-secondary:#9CA3AF;--color-border:#374151;--color-success:#34D399;--color-error:#F87171;--color-warning:#FBBF24;--color-code-bg:#0D0D0D;--color-code-text:#E5E5E5}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;overflow-x:auto;transition:background-color 150ms ease,color 150ms ease;min-height:100vh}img,svg{max-width:100%;height:auto}svg{display:block}pre,code,table{max-width:100%}.code-block pre,.code-block code,.docs-table-wrapper table{max-width:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);box-sizing:border-box}@media(max-width:768px){.container{padding:0 var(--spacing-md);max-width:100%}}@media(max-width:480px){.container{padding:0 var(--spacing-sm);max-width:100%}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-text);word-wrap:break-word;overflow-wrap:break-word}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1.125rem}}@media(max-width:480px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.125rem}h4{font-size:1rem}}p{margin-bottom:var(--spacing-md);word-wrap:break-word;overflow-wrap:break-word}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);word-wrap:break-word;overflow-wrap:break-word}a:hover{color:var(--color-primary-hover)}code{font-family:var(--font-family-mono);font-size:.9em;padding:.125rem .375rem;background-color:var(--color-surface);border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;font-family:var(--font-family);font-size:.9375rem;font-weight:500;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-border)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}@media(max-width:768px){.btn{padding:.875rem 1.5rem;min-height:44px;font-size:1rem}.btn-sm{padding:.625rem 1.125rem;min-height:40px;font-size:.9375rem}}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-input{width:100%;padding:.625rem .875rem;font-family:var(--font-family);font-size:.9375rem;color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,255,.1)}.form-input::placeholder{color:var(--color-text-secondary);opacity:.7}@media(max-width:768px){.form-input{padding:.75rem 1rem;font-size:1rem}}@media(max-width:480px){.form-input{padding:.875rem 1rem;font-size:16px}}.header{position:sticky;top:0;z-index:100;background-color:var(--color-background);border-bottom:1px solid var(--color-border);transition:background-color 150ms ease,border-color 150ms ease}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text);font-weight:600;font-size:1.25rem}.logo:hover{color:var(--color-text)}.logo-icon{width:32px;height:32px}.nav{display:flex;gap:var(--spacing-lg)}.nav-link{color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text)}.nav-link-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md)}.nav-link-icon:hover{background-color:var(--color-surface)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:0 0;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-surface);color:var(--color-text)}.theme-toggle .moon-icon{display:none}[data-theme=dark] .theme-toggle .sun-icon{display:none}[data-theme=dark] .theme-toggle .moon-icon{display:block}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:0 0;border:none;color:var(--color-text);cursor:pointer}.mobile-menu-close{display:none}.footer{padding:var(--spacing-2xl)0;border-top:1px solid var(--color-border);background-color:var(--color-surface)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-link{color:var(--color-text-secondary);font-size:.875rem}.footer-link:hover{color:var(--color-text)}.footer-info{text-align:right}.footer-copyright,.footer-powered{font-size:.875rem;color:var(--color-text-secondary);margin:0}.footer-powered a{color:var(--color-primary)}.main-content{min-height:calc(100vh - 64px - 100px)}.hero{padding:var(--spacing-3xl)0;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-background) 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-content{max-width:600px}.hero-title{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.hero-actions{display:flex;gap:var(--spacing-md)}.hero-visual{display:flex;justify-content:center;align-items:center;min-height:300px}.hero-animation{width:100%;max-width:400px;height:auto;aspect-ratio:4/3}.incoming-file{animation:float 6s ease-in-out infinite;will-change:transform,opacity}.file-1{animation-delay:0s;transform-origin:50px 65px}.file-2{animation-delay:1.5s;transform-origin:67px 202px}.file-3{animation-delay:3s;transform-origin:330px 85px}.file-4{animation-delay:4.5s;transform-origin:337px 212px}@keyframes float{0%,100%{transform:translateY(0)scale(1);opacity:.9}50%{transform:translateY(-8px)scale(1.02);opacity:1}}.flow-line{animation:dash 3s linear infinite;will-change:stroke-dashoffset,opacity}.flow-1{animation-delay:0s}.flow-2{animation-delay:.75s}.flow-3{animation-delay:1.5s}.flow-4{animation-delay:2.25s}@keyframes dash{0%{stroke-dashoffset:20;opacity:.3}50%{opacity:.7}100%{stroke-dashoffset:0;opacity:.3}}.pulse-effect{animation:pulse 2s ease-in-out infinite;will-change:transform,opacity}@keyframes pulse{0%,100%{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}.zip-icon{animation:zipBreathe 4s ease-in-out infinite}@keyframes zipBreathe{0%,100%{transform:translate(160px,100px)scale(1)}50%{transform:translate(160px,100px)scale(1.02)}}@media(prefers-reduced-motion:reduce){.incoming-file,.flow-line,.pulse-effect,.zip-icon{animation:none}}.features{padding:var(--spacing-3xl)0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.feature-card{padding:var(--spacing-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-normal)}.feature-card:hover{box-shadow:var(--shadow-md)}.feature-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:var(--spacing-md);background-color:var(--color-primary);border-radius:var(--radius-md);color:#fff}.feature-title{font-size:1.125rem;margin-bottom:var(--spacing-sm)}.feature-description{font-size:.9375rem;color:var(--color-text-secondary);margin:0}.section-title{font-size:2rem;text-align:center;margin-bottom:var(--spacing-sm)}.section-subtitle{font-size:1.125rem;text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}@media(max-width:768px){.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem;padding:0 var(--spacing-md)}}@media(max-width:480px){.section-title{font-size:1.5rem}.section-subtitle{font-size:.9375rem}}.quick-start{padding:var(--spacing-3xl)0;background-color:var(--color-surface)}.code-example,.code-block-wrapper{max-width:800px;width:100%;margin:0 auto;overflow-x:auto}.quick-start .code-example{background-image:url(/static/img/abstract-bg.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:none;box-shadow:0 20px 40px rgba(0,0,0,.15)}.quick-start .code-block{border-radius:var(--radius-lg);border:none}@media(max-width:768px){.code-example,.code-block-wrapper{max-width:100%;width:100%}.quick-start .code-example{padding:var(--spacing-lg)}}.code-tabs{max-width:800px;margin:var(--spacing-lg)auto;overflow:hidden;box-sizing:border-box}@media(max-width:768px){.code-tabs{max-width:100%;margin-left:0;margin-right:0}}.code-tabs-header{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background-color:#2d2d2d;border-radius:var(--radius-md)var(--radius-md)0 0;border-bottom:1px solid #404040;max-width:100%;box-sizing:border-box}@media(max-width:768px){.code-tabs{margin:var(--spacing-md)0}.code-tabs-header{padding:var(--spacing-sm);gap:var(--spacing-xs);overflow-x:auto;-webkit-overflow-scrolling:touch}.code-tab{padding:var(--spacing-sm)var(--spacing-md);font-size:.8125rem;white-space:nowrap}.code-tab-panel{padding:var(--spacing-md)}}@media(max-width:480px){.code-tabs-header{padding:var(--spacing-xs)var(--spacing-sm)}.code-tab{padding:var(--spacing-xs)var(--spacing-sm);font-size:.75rem}.code-tab-panel{padding:var(--spacing-sm)}}.code-tab{padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-family);font-size:.875rem;font-weight:500;color:#a0a0a0;background:0 0;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.code-tab:hover{color:#d0d0d0;background-color:rgba(255,255,255,.1)}.code-tab.active{color:#fff;background-color:var(--color-primary)}.code-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.code-tabs-content{background-color:var(--color-code-bg);border-radius:0 0 var(--radius-md)var(--radius-md);max-width:100%;overflow:hidden}.code-tab-panel{display:none;padding:var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.code-tab-panel.active{display:block}.code-tab-panel pre{margin:0;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.code-tab-panel code{font-family:var(--font-family-mono);font-size:.875rem;color:var(--color-code-text);background:0 0;padding:0}.code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm)var(--spacing-md);background-color:#2d2d2d;border-radius:var(--radius-md)var(--radius-md)0 0}.code-label{font-size:.75rem;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:.05em}.copy-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);font-size:.75rem;color:#a0a0a0;background:0 0;border:1px solid #404040;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{color:#fff;border-color:#606060}@media(max-width:768px){.copy-btn{padding:var(--spacing-sm)var(--spacing-md);font-size:.8125rem;min-height:36px}}@media(max-width:480px){.code-header{padding:var(--spacing-sm)}.copy-btn{padding:var(--spacing-xs)var(--spacing-sm);font-size:.75rem}}.code-block{padding:var(--spacing-lg);background-color:var(--color-code-bg);border-radius:0 0 var(--radius-md)var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.code-block pre{margin:0;overflow-x:auto;max-width:100%}.code-block code{font-family:var(--font-family-mono);font-size:.875rem;color:var(--color-code-text);background:0 0;padding:0;word-wrap:normal;white-space:pre;display:block}@media(max-width:768px){.code-block{padding:var(--spacing-md);font-size:.8125rem}.code-block code{font-size:.8125rem}.code-example,.code-block-wrapper{max-width:100%}}@media(max-width:480px){.code-block{padding:var(--spacing-sm);font-size:.75rem}.code-block code{font-size:.75rem}}.use-cases{padding:var(--spacing-3xl)0}.use-cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.use-case-card{padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-normal)}.use-case-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.use-case-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto var(--spacing-md);color:var(--color-primary)}.use-case-title{font-size:1rem;margin-bottom:var(--spacing-xs)}.use-case-description{font-size:.875rem;color:var(--color-text-secondary);margin:0}.playground-section{padding:var(--spacing-3xl)0;background-color:var(--color-surface)}.playground-card{max-width:800px;margin:0 auto;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.playground-editor{padding:var(--spacing-md)}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.editor-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.template-select{padding:var(--spacing-xs)var(--spacing-sm);font-size:.875rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer}.json-editor{width:100%;min-height:200px;padding:var(--spacing-md);font-family:var(--font-family-mono);font-size:.875rem;color:var(--color-code-text);background-color:var(--color-code-bg);border:none;border-radius:var(--radius-md);resize:vertical}.json-editor:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary)}.editor-validation{margin-top:var(--spacing-sm);font-size:.875rem}.editor-validation.error{color:var(--color-error)}.editor-validation.success{color:var(--color-success)}.playground-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-surface);border-top:1px solid var(--color-border)}@media(max-width:768px){.playground-actions{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.playground-actions .btn{width:100%;justify-content:center}.rate-limit-indicator{width:100%;justify-content:center}.editor-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.template-select{width:100%}.json-editor{font-size:.8125rem}}@media(max-width:480px){.playground-card{border-radius:var(--radius-md);margin:0 calc(-1 * var(--spacing-sm))}.playground-editor{padding:var(--spacing-sm)}.json-editor{min-height:150px;font-size:.75rem}}.rate-limit-indicator{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem}.rate-limit-label{color:var(--color-text-secondary)}.rate-limit-value{font-weight:500;color:var(--color-text)}.rate-limit-value.warning{color:var(--color-warning)}.rate-limit-value.error{color:var(--color-error)}.playground-note{text-align:center;margin-top:var(--spacing-lg);font-size:.875rem;color:var(--color-text-secondary)}.playground-page{padding:var(--spacing-2xl)0}.page-header{text-align:center;margin-bottom:var(--spacing-2xl)}.page-title{margin-bottom:var(--spacing-sm)}.page-subtitle{font-size:1.125rem;color:var(--color-text-secondary)}.playground-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.playground-panel{padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.panel-title{font-size:1rem;font-weight:600;margin:0;margin-bottom:var(--spacing-md)}.file-form{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.file-list{min-height:100px;margin-bottom:var(--spacing-lg)}.file-list-empty{text-align:center;color:var(--color-text-secondary);font-size:.875rem;padding:var(--spacing-xl)0}.file-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.file-item-path{flex:1;font-size:.875rem;font-family:var(--font-family-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-remove{padding:var(--spacing-xs);background:0 0;border:none;color:var(--color-error);cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}.file-item-remove:hover{opacity:1}.json-editor.full{min-height:300px}.validation-message{margin-top:var(--spacing-sm);font-size:.875rem;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-sm);min-height:2.5rem}.validation-message:empty{display:none}.validation-message .validation-icon{font-weight:600;flex-shrink:0}.validation-message.error{background-color:rgba(239,68,68,.1);color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.validation-message.success{background-color:rgba(16,185,129,.1);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.validation-message.error .validation-icon{color:var(--color-error)}.validation-message.success .validation-icon{color:var(--color-success)}.json-editor--error{border-color:var(--color-error)!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.playground-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.rate-limit-status{display:flex;align-items:center;gap:var(--spacing-md)}.rate-limit-bar{width:120px;height:8px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.rate-limit-fill{height:100%;background-color:var(--color-success);transition:width var(--transition-normal)}.rate-limit-fill.warning{background-color:var(--color-warning)}.rate-limit-fill.error{background-color:var(--color-error)}.rate-limit-text{font-size:.875rem;color:var(--color-text-secondary)}.action-buttons{display:flex;gap:var(--spacing-sm)}.result-panel{padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.docs-page{padding:var(--spacing-2xl)0;width:100%;max-width:100vw;box-sizing:border-box}@media(max-width:768px){.docs-page{padding:var(--spacing-lg)0}}@media(max-width:480px){.docs-page{padding:var(--spacing-md)0}}.docs-search{position:relative;margin-bottom:var(--spacing-lg)}.docs-search-input-wrapper{position:relative;display:flex;align-items:center}.docs-search-icon{position:absolute;left:var(--spacing-sm);width:18px;height:18px;color:var(--color-text-secondary);pointer-events:none}.docs-search-input{width:100%;padding:var(--spacing-sm)var(--spacing-sm)var(--spacing-sm)calc(var(--spacing-sm) + 24px);padding-right:60px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);font-size:var(--font-size-sm);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.docs-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,255,.1)}.docs-search-input::placeholder{color:var(--color-text-secondary)}.docs-search-shortcut{position:absolute;right:var(--spacing-sm);padding:2px 6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;font-size:11px;font-family:inherit;color:var(--color-text-secondary);pointer-events:none}.docs-search-results{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:100;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.docs-search-results{max-height:300px;box-shadow:0 6px 16px rgba(0,0,0,.15)}.docs-search-result{padding:var(--spacing-md);font-size:.9375rem}.docs-search-result-title{font-size:1rem}.docs-search-result-section{font-size:.8125rem}}@media(max-width:480px){.docs-search-results{max-height:250px;left:calc(-1 * var(--spacing-sm));right:calc(-1 * var(--spacing-sm));border-radius:var(--radius-sm)}.docs-search-result{padding:var(--spacing-sm)var(--spacing-md)}}.docs-search-result{display:block;padding:var(--spacing-sm)var(--spacing-md);text-decoration:none;border-bottom:1px solid var(--color-border);transition:background-color .15s}.docs-search-result:last-child{border-bottom:none}.docs-search-result:hover,.docs-search-result.active{background-color:var(--color-surface)}.docs-search-result-title{display:block;font-weight:500;color:var(--color-text);font-size:var(--font-size-sm)}.docs-search-result-title mark{background-color:rgba(0,102,255,.2);color:var(--color-primary);padding:0 2px;border-radius:2px}.docs-search-result-section{display:block;font-size:12px;color:var(--color-text-secondary);margin-top:2px}.docs-search-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.docs-layout{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-2xl);max-width:100%}.docs-sidebar{position:sticky;top:calc(64px + var(--spacing-lg));height:fit-content}.docs-nav-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.docs-nav-title:first-child{margin-top:0}.docs-nav-list{list-style:none}.docs-nav-link{display:block;padding:var(--spacing-xs)0;font-size:.875rem;color:var(--color-text-secondary)}.docs-nav-link:hover{color:var(--color-primary)}.docs-nav-link.active{color:var(--color-primary);font-weight:500;position:relative}.docs-nav-link.active::before{content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:16px;background-color:var(--color-primary);border-radius:2px}.docs-content{max-width:800px;width:100%;min-width:0;overflow-x:auto}.docs-intro{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl)}.docs-content section{margin-bottom:var(--spacing-2xl);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.docs-anchor-only{position:absolute;margin-top:-100px;padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border)}.docs-content section:last-child{border-bottom:none}.docs-content h2{margin-bottom:var(--spacing-md)}.docs-content h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.docs-content h1.has-anchor,.docs-content h2.has-anchor,.docs-content h3.has-anchor,.docs-content h4.has-anchor{position:relative}.heading-anchor{position:absolute;left:-28px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-secondary);opacity:0;transition:opacity .2s,color .2s;text-decoration:none}.docs-content h1:hover .heading-anchor,.docs-content h2:hover .heading-anchor,.docs-content h3:hover .heading-anchor,.docs-content h4:hover .heading-anchor,.heading-anchor:focus{opacity:1}.heading-anchor:hover{color:var(--color-primary)}.heading-anchor.copied{color:var(--color-success)}.heading-anchor.copied::after{content:'Copied!';position:absolute;left:100%;margin-left:8px;font-size:12px;white-space:nowrap;color:var(--color-success);background:var(--color-background);padding:2px 8px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}@media(max-width:768px){.heading-anchor{position:relative;left:auto;top:auto;transform:none;display:inline-flex;margin-right:var(--spacing-xs);opacity:.5}.heading-anchor.copied::after{left:100%}}.docs-content ul,.docs-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.docs-content li{margin-bottom:var(--spacing-xs)}.docs-steps{counter-reset:step;list-style:none;padding-left:0}.docs-steps li{position:relative;padding-left:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.docs-steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:24px;height:24px;background-color:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.docs-table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md);table-layout:auto}.docs-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--spacing-md)}.docs-table th,.docs-table td{padding:var(--spacing-sm)var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.docs-table th{font-weight:600;background-color:var(--color-surface)}.docs-table code{font-size:.8125rem}@media(max-width:768px){.docs-table-wrapper{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.docs-table{width:auto;max-width:100%;white-space:nowrap}.docs-table th,.docs-table td{padding:var(--spacing-sm);font-size:.875rem;white-space:nowrap}.docs-table code{font-size:.75rem;white-space:nowrap}}@media(max-width:480px){.docs-table th,.docs-table td{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8125rem}}.faq-item{margin-bottom:var(--spacing-lg)}.faq-item h3{margin-bottom:var(--spacing-sm)}.faq-item p{color:var(--color-text-secondary);margin:0}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%;margin:0 auto}.hero-actions{justify-content:center;flex-wrap:wrap}.hero-visual{order:-1;margin-bottom:var(--spacing-xl)}.hero-animation{max-width:350px;height:auto}.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.use-cases-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.docs-layout{grid-template-columns:220px 1fr;gap:var(--spacing-lg)}.docs-sidebar{top:calc(64px + var(--spacing-md))}.docs-search-input{font-size:.875rem}.docs-nav-link{font-size:.875rem}.docs-content h1{font-size:2rem}.docs-content h2{font-size:1.75rem}}@media(max-width:900px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-animation{max-width:320px}.docs-layout{grid-template-columns:200px 1fr;gap:var(--spacing-md)}.docs-sidebar{font-size:.875rem}.docs-nav-title{font-size:.75rem}.docs-nav-link{padding:var(--spacing-xs)var(--spacing-sm);font-size:.875rem}}@media(max-width:768px){.nav{position:fixed;top:0;right:-280px;width:280px;height:100vh;background-color:var(--color-background);box-shadow:var(--shadow-lg);padding:var(--spacing-3xl)var(--spacing-lg)var(--spacing-lg);flex-direction:column;gap:var(--spacing-sm);z-index:1001;transition:right var(--transition-normal);overflow-y:auto}.nav.nav-open{right:0}.nav .nav-link{padding:var(--spacing-md);font-size:1.125rem;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.nav .nav-link:hover{background-color:var(--color-surface)}.nav::before{content:'';position:fixed;top:0;left:-100vw;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity var(--transition-normal);pointer-events:none;z-index:-1}.nav.nav-open::before{left:-280px;opacity:1;pointer-events:auto}.mobile-menu-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-menu-close:hover{background-color:var(--color-surface);color:var(--color-text)}.mobile-menu-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-menu-toggle{display:flex}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:1rem;line-height:1.5;padding:0 var(--spacing-md)}.hero-actions{flex-direction:column;align-items:center}.hero-visual{display:none}.features-grid{grid-template-columns:1fr}.use-cases-grid{grid-template-columns:1fr 1fr}.playground-layout{grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr;gap:var(--spacing-lg);width:100%;max-width:100%}.docs-sidebar{position:static;padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);width:100%;max-width:100%;box-sizing:border-box}.docs-nav-title{font-size:.875rem;margin-top:var(--spacing-md)}.docs-nav-title:first-child{margin-top:0}.docs-nav-link{padding:var(--spacing-sm)var(--spacing-md);font-size:.9375rem;min-height:44px;display:flex;align-items:center}.docs-search-input{font-size:16px;padding:var(--spacing-md)}.docs-search-shortcut{display:none}.docs-content{padding:0;width:100%;max-width:100%;min-width:0}.docs-content section{margin-bottom:var(--spacing-xl);max-width:100%}.docs-intro{font-size:1rem}.docs-content>*,.docs-content section>*{max-width:100%;box-sizing:border-box}.docs-content .code-block-wrapper,.docs-content .docs-table-wrapper{max-width:100%;overflow-x:auto}.footer-content{flex-direction:column;gap:var(--spacing-lg);text-align:center}.footer-info{text-align:center}.playground-actions-bar{flex-direction:column;gap:var(--spacing-md)}.action-buttons{width:100%;flex-direction:column}.action-buttons .btn{width:100%;justify-content:center}}@media(max-width:480px){.use-cases-grid{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:var(--spacing-sm)}.feature-card,.use-case-card{padding:var(--spacing-md)}.hero-actions .btn{width:100%;max-width:320px}.docs-sidebar{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.docs-nav-list{margin-bottom:var(--spacing-md)}.docs-nav-link{padding:var(--spacing-sm);font-size:.875rem}.docs-search-input-wrapper{padding:var(--spacing-xs)}.docs-search-icon{display:none}.docs-search-input{padding:var(--spacing-sm);padding-right:var(--spacing-md)}.docs-content h2{font-size:1.5rem;margin-top:var(--spacing-xl)}.docs-content h3{font-size:1.125rem;margin-top:var(--spacing-lg)}.faq-item{margin-bottom:var(--spacing-md)}.faq-item h3{font-size:1rem}.docs-content .code-block-wrapper,.docs-content .code-tabs{max-width:100%;overflow-x:auto;box-sizing:border-box}.docs-content .code-block,.docs-content .code-tabs .code-tab-panel pre{max-width:100%}.docs-content pre{max-width:100%;overflow-x:auto}.docs-content .docs-table-wrapper{width:100%;overflow-x:auto;box-sizing:border-box}.docs-content img,.docs-content svg{max-width:100%;height:auto}.docs-content section>div,.docs-content section>p,.docs-content section>ul,.docs-content section>ol,.docs-content section>h1,.docs-content section>h2,.docs-content section>h3,.docs-content section>h4{max-width:100%;box-sizing:border-box}}@media(max-width:360px){:root{--spacing-xs:0.2rem;--spacing-sm:0.375rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem}.container{padding:0 var(--spacing-md)}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}}@media(max-height:600px) and (orientation:landscape){.hero{padding:var(--spacing-xl)0}.hero-visual{display:none}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.9375rem}.features,.use-cases,.quick-start,.playground-section{padding:var(--spacing-xl)0}}@media(max-width:768px){table{max-width:100%;white-space:nowrap}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{width:auto;min-width:auto}}.error-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl)var(--spacing-lg)}.error-content{max-width:500px}.error-code{font-size:8rem;font-weight:700;line-height:1;color:var(--color-primary);opacity:.3;margin-bottom:var(--spacing-lg)}.error-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text)}.error-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:1.125rem}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media(max-width:480px){.error-code{font-size:5rem}.error-title{font-size:1.5rem}.error-actions{flex-direction:column}.error-actions .btn{width:100%}}.spinner{display:inline-block;border:2px solid;border-right-color:transparent;border-radius:50%;animation:spinner-rotate .75s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--md{width:24px;height:24px;border-width:3px}.spinner--lg{width:40px;height:40px;border-width:4px}.spinner--xl{width:56px;height:56px;border-width:5px}.spinner--primary{border-color:var(--color-primary);border-right-color:transparent}.spinner--white{border-color:#fff;border-right-color:transparent}.spinner--secondary{border-color:var(--color-text-secondary);border-right-color:transparent}@keyframes spinner-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-md);z-index:9998}[data-theme=dark] .loading-overlay{background-color:rgba(10,10,10,.9)}.loading-overlay .loading-text{font-size:1rem;color:var(--color-text-secondary)}.btn .spinner{margin-right:var(--spacing-sm);vertical-align:middle}.btn--loading{pointer-events:none;opacity:.8}.btn--success{background-color:var(--color-success)!important;border-color:var(--color-success)!important;color:#fff!important}.toast-container{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column-reverse;gap:var(--spacing-sm);pointer-events:none;max-width:calc(100vw - var(--spacing-lg) * 2)}.toast{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;max-width:380px;animation:toast-slide-in .3s ease;transition:opacity var(--transition-normal),transform var(--transition-normal)}.toast--exiting{animation:toast-slide-out .3s ease forwards}.toast-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:.875rem;color:var(--color-text);margin-bottom:var(--spacing-xs)}.toast-message{font-size:.875rem;color:var(--color-text-secondary);word-wrap:break-word}.toast-close{flex-shrink:0;width:20px;height:20px;padding:0;background:0 0;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast)}.toast-close:hover{background-color:var(--color-border);color:var(--color-text)}.toast--success{border-left:4px solid var(--color-success)}.toast--success .toast-icon{color:var(--color-success)}.toast--error{border-left:4px solid var(--color-error)}.toast--error .toast-icon{color:var(--color-error)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--warning .toast-icon{color:var(--color-warning)}.toast--info{border-left:4px solid var(--color-primary)}.toast--info .toast-icon{color:var(--color-primary)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background-color:currentColor;opacity:.3;border-radius:0 0 0 var(--radius-md)}@keyframes toast-slide-in{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-slide-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media(max-width:480px){.toast-container{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md)}.toast{max-width:100%}}.form-field{position:relative;margin-bottom:var(--spacing-md)}.form-field--error .form-input,.form-field--error .form-textarea,.form-field--error .json-editor{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-field--success .form-input,.form-field--success .form-textarea{border-color:var(--color-success);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.form-input,.form-textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-family);font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,255,.1)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-secondary)}.form-label{display:block;font-weight:500;font-size:.875rem;color:var(--color-text);margin-bottom:var(--spacing-xs)}.form-label--required::after{content:'*';color:var(--color-error);margin-left:var(--spacing-xs)}.form-error{display:none;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-error);margin-top:var(--spacing-xs)}.form-error-icon{width:14px;height:14px;flex-shrink:0}.form-field--error .form-error{display:flex}.form-hint{font-size:.75rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-primary);color:#fff;font-weight:500;text-decoration:none;border-radius:var(--radius-md);z-index:10000;transition:top var(--transition-fast)}.skip-link:focus{top:var(--spacing-md)}.kbd{display:inline-block;padding:.125em .375em;font-family:var(--font-family-mono);font-size:.75em;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--color-border)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(0,102,255,.2)}.nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.feature-card:focus-within,.use-case-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.code-block:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,255,.1)}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-md)}.legal-page{padding:var(--spacing-2xl)0}.legal-content{max-width:800px;margin:0 auto}.legal-content h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.legal-updated{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl)}.legal-section{margin-bottom:var(--spacing-xl)}.legal-section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.legal-section h3{font-size:var(--font-size-lg);margin:var(--spacing-md)0 var(--spacing-sm)}.legal-section p{line-height:1.7;margin-bottom:var(--spacing-md)}.legal-section ul{margin:var(--spacing-sm)0 var(--spacing-md);padding-left:var(--spacing-lg)}.legal-section li{margin-bottom:var(--spacing-xs);line-height:1.6}.legal-section a{color:var(--color-primary);text-decoration:underline}.about-page{padding:var(--spacing-2xl)0}.about-content{max-width:800px;margin:0 auto}.about-content h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xl);text-align:center}.about-section{margin-bottom:var(--spacing-2xl)}.about-section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.about-section p{line-height:1.7;margin-bottom:var(--spacing-md)}.about-section ul{margin:var(--spacing-sm)0 var(--spacing-md);padding-left:var(--spacing-lg)}.about-section li{margin-bottom:var(--spacing-sm);line-height:1.6}.about-diagram{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-lg)0;padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg)}.diagram-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);max-width:150px}.diagram-number{width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:var(--spacing-sm)}.diagram-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.diagram-arrow{color:var(--color-text-secondary);font-size:var(--font-size-xl)}@media(max-width:640px){.diagram-arrow{display:none}.about-diagram{flex-direction:column}}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg)0}.tech-item{padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.tech-item h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);color:var(--color-primary)}.tech-item p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.about-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap}.about-links .btn{display:inline-flex;align-items:center;gap:var(--spacing-xs)}@media(prefers-contrast:high){:root{--color-border:#333333}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.btn{border:2px solid}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinner{animation:none}}@media print{.header,.footer,.theme-toggle,.mobile-menu-toggle,.playground-section,.toast-container{display:none!important}body{background:#fff;color:#000}.main-content{padding:0}a[href]::after{content:" (" attr(href)")";font-size:.8em;color:#666}a[href^="/"]::after,a[href^="#"]::after{content:""}}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background-color:var(--color-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:1000}.scroll-to-top:hover{background-color:var(--color-primary-dark,#0052cc);transform:translateY(-2px)}.scroll-to-top:focus{outline:2px solid var(--color-primary);outline-offset:2px}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top svg{width:24px;height:24px}@media(max-width:768px){.scroll-to-top{bottom:1rem;right:1rem;width:44px;height:44px}.scroll-to-top svg{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.scroll-to-top{transition:none}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-lg);z-index:9999;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -4px 20px rgba(0,0,0,.1)}.cookie-consent.visible{transform:translateY(0)}.cookie-consent-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.cookie-consent-content{flex:1;min-width:280px}.cookie-consent-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm)}.cookie-consent-title svg{width:20px;height:20px;color:var(--color-primary)}.cookie-consent-text{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.cookie-consent-text a{color:var(--color-primary);text-decoration:underline}.cookie-consent-text a:hover{text-decoration:none}.cookie-consent-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.cookie-consent-btn{padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.cookie-consent-btn-accept{background:var(--color-primary);color:#fff}.cookie-consent-btn-accept:hover{background:var(--color-primary-hover)}.cookie-consent-btn-decline{background:0 0;color:var(--color-text-secondary);border:1px solid var(--color-border)}.cookie-consent-btn-decline:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-text-secondary)}@media(max-width:640px){.cookie-consent{padding:var(--spacing-md)}.cookie-consent-container{flex-direction:column;align-items:stretch}.cookie-consent-actions{flex-direction:column}.cookie-consent-btn{width:100%;text-align:center}}[data-theme=dark] .cookie-consent{background:var(--color-surface);border-top-color:var(--color-border)}@media(prefers-reduced-motion:reduce){.cookie-consent{transition:none}}.status-page{padding:var(--spacing-3xl)0;min-height:calc(100vh - 200px)}.status-header{text-align:center;margin-bottom:var(--spacing-3xl)}.status-header h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.status-subtitle{color:var(--color-text-secondary);font-size:1.125rem}.status-content{max-width:800px;margin:0 auto}.status-overview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);text-align:center}.overall-status{display:inline-flex;align-items:center;gap:var(--spacing-md);font-size:1.5rem;font-weight:600;padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg)}.overall-status--healthy{background:rgba(16,185,129,.1);color:var(--color-success)}.overall-status--degraded,.overall-status--unhealthy{background:rgba(239,68,68,.1);color:var(--color-error)}.overall-status--checking,.overall-status--unavailable{background:rgba(107,114,128,.1);color:var(--color-text-secondary)}.status-icon{width:24px;height:24px;flex-shrink:0}.status-icon--healthy{color:var(--color-success)}.status-icon--unhealthy{color:var(--color-error)}.status-icon--unavailable,.status-icon--checking{color:var(--color-text-secondary)}.status-meta{display:flex;justify-content:center;gap:var(--spacing-xl);color:var(--color-text-secondary);font-size:.875rem}.services-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.services-header h2{font-size:1.25rem;font-weight:600;margin:0}.services-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.service-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-fast)}.service-item:hover{border-color:var(--color-primary)}.service-item--healthy{border-left:3px solid var(--color-success)}.service-item--unhealthy{border-left:3px solid var(--color-error)}.service-item--unavailable,.service-item--checking{border-left:3px solid var(--color-text-secondary)}.service-info{display:flex;align-items:center;gap:var(--spacing-md)}.service-name{font-weight:500}.service-status{text-align:right}.service-status-text{font-size:.875rem;color:var(--color-text-secondary)}.service-item--healthy .service-status-text{color:var(--color-success)}.service-item--unhealthy .service-status-text{color:var(--color-error)}.service-message{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.status-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.status-info h3{font-size:1rem;font-weight:600;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.status-info h3:first-child{margin-top:0}.status-info p,.status-info ul{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin:0 0 var(--spacing-md)}.status-legend{list-style:none;padding:0;margin:0}.status-legend li{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)0}.legend-icon{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-icon--healthy{background:var(--color-success)}.legend-icon--degraded{background:var(--color-error)}.legend-icon--unavailable{background:var(--color-text-secondary)}[data-theme=dark] .status-overview,[data-theme=dark] .services-section,[data-theme=dark] .status-info{background:var(--color-surface)}[data-theme=dark] .service-item{background:var(--color-background)}@media(max-width:640px){.status-header h1{font-size:1.75rem}.overall-status{font-size:1.25rem;padding:var(--spacing-sm)var(--spacing-lg)}.status-meta{flex-direction:column;gap:var(--spacing-sm)}.service-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.service-status{text-align:left}}.panel-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.history-dropdown{position:relative}.history-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.history-menu{position:absolute;top:100%;right:0;z-index:100;min-width:280px;max-width:350px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);overflow:hidden}.history-menu[hidden]{display:none}.history-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.history-item{display:flex;flex-direction:column;padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--color-border);transition:var(--transition-fast)}.history-item:hover{background:var(--color-surface)}.history-item:last-child{border-bottom:none}.history-filename{font-size:.875rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{font-size:.75rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.history-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-size:.875rem}.clear-history-btn{width:100%;border-radius:0;border-top:1px solid var(--color-border);color:var(--color-error)}.clear-history-btn:hover{background:rgba(239,68,68,.1)}[data-theme=dark] .history-menu{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .history-item:hover{background:var(--color-background)}.noscript-banner{background:var(--color-warning);color:#1a1a1a;padding:var(--spacing-md);text-align:center}.noscript-banner p{margin:0;font-size:.875rem}.noscript-banner strong{font-weight:600}.error-notification{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;max-width:400px;animation:slideInRight .3s ease-out}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.error-notification-content{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-background);border:1px solid var(--color-error);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.error-notification-icon{flex-shrink:0;color:var(--color-error)}.error-notification-message{flex:1;font-size:.875rem;color:var(--color-text);line-height:1.5}.error-notification-close{flex-shrink:0;padding:var(--spacing-xs);background:0 0;border:none;cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast);border-radius:var(--radius-sm)}.error-notification-close:hover{color:var(--color-text);background:var(--color-surface)}.error-notification-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .error-notification-content{background:var(--color-surface);border-color:var(--color-error)}@media(max-width:480px){.error-notification{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);max-width:none}}@media(prefers-contrast:high){:root{--color-border:#000000;--shadow-sm:0 1px 3px 0 rgba(0, 0, 0, 0.5);--shadow-md:0 4px 8px -1px rgba(0, 0, 0, 0.5);--shadow-lg:0 10px 20px -3px rgba(0, 0, 0, 0.5)}.btn,.input,.card,.panel,.code-block,.dropdown-menu{border-width:2px}.btn-secondary{background:var(--color-text);color:var(--color-background)}.btn-secondary:hover{background:var(--color-primary);color:#fff}a{text-decoration:underline}*:focus{outline-width:3px;outline-style:solid;outline-color:var(--color-primary)}input,select,textarea{border-width:2px;border-color:var(--color-text)}.code-block{border:2px solid var(--color-text)}}@media(prefers-contrast:high) and (prefers-color-scheme:dark){:root{--color-border:#FFFFFF}input,select,textarea{border-color:var(--color-background)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-animation,.fade-in,.slide-in,.pulse,.bounce{animation:none!important}.btn:hover,.nav-link:hover,.card:hover{transition:none!important}html{scroll-behavior:auto!important}.error-notification{animation:none!important}.cookie-consent{animation:none!important}.loading-spinner{animation:spin .01ms linear infinite!important}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .nav-links,[dir=rtl] .nav-actions,[dir=rtl] .feature-grid,[dir=rtl] .btn,[dir=rtl] .panel-header-actions,[dir=rtl] .cookie-consent-actions{flex-direction:row-reverse}[dir=rtl] .btn svg:first-child{margin-left:var(--spacing-sm);margin-right:0}[dir=rtl] .btn svg:last-child{margin-right:var(--spacing-sm);margin-left:0}[dir=rtl] .nav{flex-direction:row-reverse}[dir=rtl] .nav-brand{margin-left:auto;margin-right:0}[dir=rtl] .logo-text{direction:ltr;unicode-bidi:embed}[dir=rtl] .hero-content{text-align:right}[dir=rtl] .hero-buttons{justify-content:flex-end}[dir=rtl] .code-block,[dir=rtl] pre,[dir=rtl] code,[dir=rtl] .playground-editor,[dir=rtl] .playground-response,[dir=rtl] .api-url-display{direction:ltr;text-align:left;unicode-bidi:embed}[dir=rtl] .form-group label{text-align:right}[dir=rtl] .input,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] input[type=url],[dir=rtl] input[type=email]{direction:ltr;text-align:left}[dir=rtl] ul,[dir=rtl] ol{padding-right:var(--spacing-lg);padding-left:0}[dir=rtl] .docs-nav ul{padding-right:0}[dir=rtl] .history-menu{right:auto;left:0}[dir=rtl] .dropdown-menu{right:auto;left:0}[dir=rtl] .error-notification{right:auto;left:var(--spacing-lg)}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}[dir=rtl] .error-notification{animation:slideInLeft .3s ease-out}[dir=rtl] .footer-links{flex-direction:row-reverse}[dir=rtl] .footer-section ul{padding-right:0}[dir=rtl] .card,[dir=rtl] .panel{text-align:right}[dir=rtl] .feature-item{text-align:right}[dir=rtl] .feature-icon{margin-left:var(--spacing-md);margin-right:0}[dir=rtl] .step-number{margin-left:var(--spacing-md);margin-right:0}[dir=rtl] .search-input-wrapper svg{right:auto;left:var(--spacing-md)}[dir=rtl] .search-input-wrapper input{padding-right:var(--spacing-md);padding-left:calc(var(--spacing-md) * 2 + 20px)}[dir=rtl] .breadcrumb{flex-direction:row-reverse}[dir=rtl] .breadcrumb-separator{transform:scaleX(-1)}[dir=rtl] .scroll-to-top{right:auto;left:var(--spacing-lg)}[dir=rtl] .cookie-consent-container{flex-direction:row-reverse}[dir=rtl] .cookie-consent-title svg{margin-left:var(--spacing-sm);margin-right:0}[dir=rtl] .admin-sidebar{border-right:none;border-left:1px solid var(--color-border)}[dir=rtl] .admin-sidebar-nav li a svg{margin-left:var(--spacing-sm);margin-right:0}[dir=rtl] .status-item{text-align:right}[dir=rtl] .status-indicator{margin-left:var(--spacing-sm);margin-right:0}[dir=rtl] .playground-panels{flex-direction:row-reverse}[dir=rtl] .skip-link{right:50%;left:auto;transform:translate(50%,-100%)}[dir=rtl] .skip-link:focus{transform:translate(50%,0)}[dir=rtl] table{direction:rtl}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] .mobile-menu-toggle{margin-left:0;margin-right:auto}[dir=rtl] .icon-text{flex-direction:row-reverse}[dir=rtl] input[type=number],[dir=rtl] input[type=tel]{direction:ltr;text-align:right}[dir=rtl] .chevron-right,[dir=rtl] .arrow-right,[dir=rtl] [data-icon=chevron-right],[dir=rtl] [data-icon=arrow-right]{transform:scaleX(-1)}@media(max-width:768px){[dir=rtl] .nav-links{flex-direction:column}[dir=rtl] .error-notification{right:var(--spacing-md);left:var(--spacing-md)}[dir=rtl] .scroll-to-top{left:var(--spacing-md);right:auto}}.rtl-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.rtl-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.rtl-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.rtl-toggle svg{width:16px;height:16px}.nav-rtl-indicator{font-size:.75rem;padding:.125rem .375rem;background:var(--color-surface);border-radius:var(--radius-sm);margin-left:var(--spacing-xs)}[dir=rtl] .nav-rtl-indicator{margin-left:0;margin-right:var(--spacing-xs)}img.lazy{opacity:0;transition:opacity var(--transition-normal)}img.lazy.loaded{opacity:1}img.lazy.blur-up{filter:blur(10px);transform:scale(1.05);transition:filter .3s ease-out,transform .3s ease-out,opacity .3s ease-out}img.lazy.blur-up.loaded{filter:blur(0);transform:scale(1)}.img-placeholder{position:relative;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-border) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:img-shimmer 1.5s infinite}@keyframes img-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}img.responsive{max-width:100%;height:auto}img.cover{object-fit:cover}img.contain{object-fit:contain}img.fill{object-fit:fill}.aspect-ratio-16-9{aspect-ratio:16/9}.aspect-ratio-4-3{aspect-ratio:4/3}.aspect-ratio-1-1{aspect-ratio:1/1}.aspect-ratio-3-2{aspect-ratio:3/2}picture{display:block}picture img{display:block;width:100%;height:auto}.icon{display:inline-flex;align-items:center;justify-content:center}.icon svg{width:1em;height:1em}.icon-sm svg{width:.75em;height:.75em}.icon-lg svg{width:1.5em;height:1.5em}.icon-xl svg{width:2em;height:2em}.no-webp .webp-only{display:none}.webp .fallback-only{display:none}img.error{min-height:100px;background:var(--color-surface);display:flex;align-items:center;justify-content:center}img.error::after{content:"Image not available";font-size:.875rem;color:var(--color-text-secondary)}@media(prefers-reduced-motion:reduce){img.lazy,img.lazy.blur-up{transition:none!important;filter:none!important;transform:none!important}.img-placeholder{animation:none!important;background:var(--color-surface)}}