.brand-logo{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.brand-logo__mark{flex-shrink:0;display:block}.brand-logo__wordmark{font-family:var(--font-sans);letter-spacing:-.02em;white-space:nowrap;align-items:baseline;gap:.3em;font-size:1.125rem;font-weight:700;line-height:1.1;display:inline-flex}.brand-logo__wordmark-lead{color:var(--color-text)}.brand-logo__wordmark-accent{color:var(--color-primary)}.header{z-index:100;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height);position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;height:100%;display:flex}.header-logo{align-items:center;gap:var(--space-2);color:var(--color-primary);transition:opacity var(--transition-fast);font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.header-logo:hover{opacity:.8;color:var(--color-primary)}@media (width>=640px){.header-logo-brand .brand-logo__wordmark{display:inline-flex}}.header-nav{display:none}@media (width>=1080px){.header-nav{min-width:0;display:block;overflow:hidden}}@media (width>=1080px) and (width<=1279px){.header-nav{display:none}.header-mobile-menu{display:flex}}.header-nav-list{align-items:center;gap:0;list-style:none;display:flex}.header-nav-link{padding:var(--space-2) var(--space-2);color:var(--color-text-secondary);border-radius:var(--radius-md);white-space:nowrap;transition:all var(--transition-fast);font-size:.8125rem;font-weight:500;display:block}@media (width>=1280px){.header-nav-link{padding:var(--space-2) var(--space-3);font-size:.875rem}}.header-nav-link:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.header-nav-link.active{color:var(--color-primary);background-color:var(--color-primary-light)}.header-actions{align-items:center;gap:var(--space-3);display:flex}.header-cta{display:none}@media (width>=640px){.header-cta{display:inline-flex}}.header-mobile-menu{justify-content:center;align-items:center;display:flex}@media (width>=1080px){.header-mobile-menu{display:none}}.header-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-normal);z-index:200;background-color:#0006;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header-mobile-panel{background-color:var(--color-surface);width:100%;max-width:320px;box-shadow:var(--shadow-xl);padding:var(--space-8) var(--space-6);animation:slideIn var(--transition-normal);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.header-mobile-nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.header-mobile-nav-list{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.header-mobile-nav-link{padding:var(--space-3) var(--space-4);color:var(--color-text);border-radius:var(--radius-md);transition:background-color var(--transition-fast);font-size:1rem;font-weight:500;display:block}.header-mobile-nav-link:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.header-mobile-nav-link.active{background-color:var(--color-primary-light);color:var(--color-primary)}.header-mobile-cta{margin-top:var(--space-4);width:100%}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-8);margin-top:auto}.footer-container,.footer-main{gap:var(--space-8);flex-direction:column;display:flex}@media (width<=639px){.footer-main{gap:var(--space-5)}}@media (width>=768px){.footer-main{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand{flex:1;max-width:320px}@media (width<=640px){.footer-brand{max-width:none}.footer-tagline,.footer-newsletter-header,.footer-newsletter-note{max-width:320px}.footer-newsletter-form{max-width:320px;margin-inline:auto}.footer-newsletter-input,.footer-newsletter-btn{width:100%}}.footer-logo{align-items:center;gap:var(--space-2);color:var(--color-primary);font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.footer-logo:hover{color:var(--color-primary)}.footer-tagline{margin-top:var(--space-4);color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.footer-links{gap:var(--space-8);flex:2;grid-template-columns:repeat(2,1fr);display:grid}@media (width<=639px){.footer-links{gap:var(--space-5)}.footer-more-tools{margin-top:calc(var(--space-5) * -1.5)}}@media (width>=1024px){.footer-links{margin-left:var(--space-8);grid-template-columns:repeat(3,1fr)}}.footer-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:.8125rem;font-weight:600}@media (width<=639px){.footer-section-title{margin-bottom:var(--space-2)}}.footer-link-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.footer-link{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.875rem;display:block}.footer-link:hover{color:var(--color-primary)}.footer-bottom{align-items:center;gap:var(--space-2);padding-top:var(--space-8);border-top:1px solid var(--color-border);flex-direction:column;display:flex}@media (width>=640px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-copyright,.footer-privacy-note{color:var(--color-text-muted);font-size:.8125rem}.footer-newsletter{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.footer-newsletter-header{margin-bottom:var(--space-3)}.footer-newsletter-title{color:var(--color-text);margin:0 0 var(--space-1);font-size:.875rem;font-weight:600}.footer-newsletter-desc{color:var(--color-text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.footer-newsletter-form{gap:var(--space-2);flex-direction:column;display:flex}@media (width>=480px){.footer-newsletter-form{flex-direction:row;align-items:flex-start}}.footer-newsletter-input{min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;font-size:.875rem}.footer-newsletter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.footer-newsletter-input.error{border-color:var(--color-error)}.footer-newsletter-input.error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.footer-newsletter-input::placeholder{color:var(--color-text-muted)}.footer-newsletter-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);white-space:nowrap;background:var(--color-primary);color:#fff;transition:background-color var(--transition-fast);flex-shrink:0;font-size:.8125rem;font-weight:500;line-height:1.5;display:inline-flex}.footer-newsletter-btn:hover:not(:disabled){background:var(--color-primary-hover)}.footer-newsletter-btn:disabled{opacity:.6;cursor:not-allowed}.footer-newsletter-error{color:var(--color-error);margin:0;font-size:.75rem}.footer-newsletter-success{color:var(--color-success);margin:0;font-size:.75rem}.footer-newsletter-note{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;line-height:1.5;display:flex}.footer-newsletter-note svg{flex-shrink:0}@media (width<=640px){.footer-newsletter-form{flex-direction:column}.footer-newsletter-btn{justify-content:center;width:100%}}.home-page{flex-direction:column;min-height:100vh;display:flex}.hero{padding:var(--space-16) 0;background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-background) 100%)}.hero-container{gap:var(--space-12);align-items:center;display:grid}@media (width>=1024px){.hero-container{grid-template-columns:1fr 1fr}}.hero-content{text-align:center}@media (width>=1024px){.hero-content{text-align:left}}.hero-title{color:var(--color-text);margin-bottom:var(--space-4);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:540px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}@media (width>=1024px){.hero-subtitle{margin-left:0;margin-right:auto}}.hero-actions{gap:var(--space-4);flex-direction:column;justify-content:center;display:flex}@media (width>=480px){.hero-actions{flex-flow:wrap}}@media (width>=1024px){.hero-actions{justify-content:flex-start}}.hero-privacy{align-items:center;gap:var(--space-2);margin-top:var(--space-6);color:var(--color-text-muted);font-size:.875rem;display:inline-flex}@media (width<=767px){.hero-privacy{align-items:flex-start}.hero-privacy>svg{margin-top:calc(.8em - 8px)}}.hero-preview{display:none}@media (width>=1024px){.hero-preview{display:block}}.hero-preview-frame{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.hero-preview-toolbar{background:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4)}.hero-preview-dots{gap:var(--space-1);display:flex}.hero-preview-dots span{background:var(--color-border);border-radius:50%;width:12px;height:12px}.hero-preview-dots span:first-child{background:#ff5f57}.hero-preview-dots span:nth-child(2){background:#ffbd2e}.hero-preview-dots span:nth-child(3){background:#28ca42}.hero-preview-canvas{grid-template-columns:1fr 280px;display:grid}.hero-preview-image{padding:var(--space-8);background:var(--color-background);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.hero-preview-image:hover{background:var(--color-surface)}.hero-preview-image:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.hero-preview-image svg{width:100%;max-width:400px;height:auto}.hero-preview-img{object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);max-width:100%;max-height:320px}.hero-preview-image-hint{bottom:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap;pointer-events:none;border-radius:9999px;font-size:.75rem;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.hero-preview-sidebar{background:var(--color-surface);padding:var(--space-6);gap:var(--space-6);border-left:1px solid var(--color-border);flex-direction:column;display:flex}.hero-preview-tool{gap:var(--space-3);flex-direction:column;display:flex}.hero-preview-tool-header{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.hero-preview-input-row{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.hero-preview-input-row span{color:var(--color-text-secondary);font-size:.875rem}.hero-preview-input-row input{width:80px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);font-family:var(--font-mono);text-align:right;color:var(--color-text);font-size:.8125rem}.hero-preview-input-row input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.hero-preview-input-row input[type=number]{appearance:textfield}.hero-preview-input-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hero-preview-input-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hero-preview-slider{appearance:none;background:var(--color-background);cursor:pointer;border-radius:9999px;width:100%;height:6px}.hero-preview-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:2px solid var(--color-surface);cursor:pointer;border-radius:50%;width:18px;height:18px}.hero-preview-slider::-moz-range-thumb{background:var(--color-primary);border:2px solid var(--color-surface);cursor:pointer;border-radius:50%;width:18px;height:18px}.hero-preview-slider:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.hero-preview-size{color:var(--color-success);text-align:right;font-size:.8125rem;font-weight:500}.hero-preview-cta-tool{padding-top:var(--space-4);border-top:1px solid var(--color-border);gap:var(--space-3);margin-top:auto}.hero-preview-status{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-align:left;font-size:.75rem;line-height:1.4;display:flex}.hero-preview-status-icon{flex-shrink:0;margin-top:1px}.hero-preview-status--error{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error)}.hero-preview-status--success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.hero-preview-status--notice{background:var(--color-warning-light);border:1px solid var(--color-warning);color:#92400e}.flow{padding:var(--space-16) 0;background:var(--color-background)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{color:var(--color-text);margin-bottom:var(--space-3);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.section-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.flow-steps{--flow-dot:44px;--flow-gap:var(--space-4);--flow-pad-y:var(--space-5);gap:var(--flow-gap);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid;position:relative}.flow-step{grid-template-columns:var(--flow-dot) minmax(0, 1fr);gap:var(--space-4);padding:var(--flow-pad-y);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);align-items:start;display:grid;position:relative}.flow-step:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.flow-step-number{z-index:1;width:var(--flow-dot);height:var(--flow-dot);background:var(--color-primary);color:#fff;box-shadow:0 0 0 4px var(--color-primary-light);border-radius:50%;justify-content:center;align-items:center;font-size:1.0625rem;font-weight:700;line-height:1;display:flex;position:relative}.flow-step-content{min-width:0}.flow-step-title{margin:0 0 var(--space-2);color:var(--color-text);font-size:1.0625rem;font-weight:700;line-height:1.3}.flow-step-description{color:var(--color-text-secondary);margin:0;font-size:.9375rem;line-height:1.65}@media (width>=768px) and (width<=1023.98px){.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.flow-steps{--flow-gap:var(--space-6);--flow-pad-y:var(--space-6);grid-template-columns:repeat(5,minmax(0,1fr))}.flow-steps:before{content:"";top:calc(var(--flow-pad-y) + var(--flow-dot) / 2);left:calc(10% - var(--flow-gap) * .4);right:calc(10% - var(--flow-gap) * .4);background:var(--color-border);border-radius:2px;height:2px;margin-top:-1px;position:absolute}.flow-step{z-index:1;text-align:center;padding:var(--flow-pad-y) var(--space-5);grid-template-columns:minmax(0,1fr);justify-items:center}.flow-step-number{margin-bottom:var(--space-4)}.flow-step-description{font-size:.875rem}.flow-step:hover{transform:translateY(-3px)}}.capabilities{padding:var(--space-16) 0;background:var(--color-surface)}.capabilities-grid{gap:var(--space-6);display:grid}@media (width>=640px){.capabilities-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.capabilities-grid{grid-template-columns:repeat(4,1fr)}}.capability-card{padding:var(--space-6);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.capability-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong);transform:translateY(-2px)}.capability-icon{border-radius:var(--radius-md);background:var(--color-primary-light);width:48px;height:48px;color:var(--color-primary);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.capability-icon svg{width:24px;height:24px}.capability-title{color:var(--color-text);margin-bottom:var(--space-2);font-size:1.125rem;font-weight:600}.capability-desc{color:var(--color-text-secondary);margin-bottom:var(--space-4);font-size:.875rem;line-height:1.6}.capability-tools{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.processing{padding:var(--space-16) 0;background:var(--color-background)}.processing-card{padding:var(--space-8) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}@media (width>=640px){.processing-card{padding:var(--space-10)}}@media (width>=1024px){.processing-card{padding:var(--space-12)}}.processing-intro{max-width:680px;margin:0 auto var(--space-8);text-align:center}.processing-emblem{width:56px;height:56px;margin-bottom:var(--space-5);border-radius:var(--radius-lg);background:var(--color-primary-light);color:var(--color-primary);justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #4f46e524}.processing-emblem svg{width:26px;height:26px}.processing-title{letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-3);font-size:clamp(1.75rem,3.6vw,2.25rem);font-weight:700;line-height:1.2}.processing-description{color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.7}.processing-benefits{gap:var(--space-4);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.processing-benefits{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.processing-benefits{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}}.processing-benefit{column-gap:var(--space-4);row-gap:var(--space-2);padding:var(--space-5);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);grid-template-columns:44px minmax(0,1fr);align-content:start;display:grid}.processing-benefit:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.processing-benefit-icon{border-radius:var(--radius-md);background:var(--color-primary-light);width:44px;height:44px;color:var(--color-primary);grid-area:1/1/span 2;justify-content:center;align-self:start;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #4f46e51f}.processing-benefit-icon svg{width:22px;height:22px}@media (width<=767px){.processing-benefit-icon{align-self:start;margin-top:calc(.675rem - 22px)}}.processing-benefit-title{letter-spacing:-.01em;color:var(--color-text);margin:0;font-size:1rem;font-weight:600;line-height:1.35}.processing-benefit-description{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.65}@media (width>=1024px){.processing-benefit{row-gap:var(--space-3);padding:var(--space-5);grid-template-columns:minmax(0,1fr)}.processing-benefit-icon{margin-bottom:var(--space-1);grid-row:auto}}.faq-preview{padding:var(--space-16) 0;background:var(--color-surface)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-preview .section-header{margin-bottom:var(--space-10)}.faq-preview-subtitle{color:var(--color-text-secondary);max-width:640px;margin:0 auto;font-size:1.0625rem;line-height:1.7}.faq-preview .faq-list{gap:var(--space-3);max-width:880px;margin:0 auto;display:grid}.faq-preview .faq-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);overflow:hidden}.faq-preview .faq-item:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.faq-preview .faq-item[open]{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.faq-preview .faq-question{justify-content:space-between;align-items:flex-start;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-6);text-align:left;letter-spacing:-.01em;color:var(--color-text);cursor:pointer;background:0 0;border:none;font-size:1rem;font-weight:500;line-height:1.5;list-style:none;display:flex}.faq-preview .faq-question::-webkit-details-marker{display:none}.faq-preview .faq-question::marker{content:""}.faq-preview .faq-question:after{content:none}.faq-preview .faq-item[open] .faq-question{border-bottom:1px solid var(--color-border)}.faq-preview .faq-question-text{min-width:0}.faq-preview .faq-indicator{border:1px solid var(--color-border);background:var(--color-surface);width:28px;height:28px;color:var(--color-text-muted);transition:transform var(--transition-normal), color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-preview .faq-indicator svg{width:16px;height:16px}.faq-preview .faq-question:hover .faq-indicator{color:var(--color-primary);border-color:var(--color-primary-light);background:var(--color-primary-light)}.faq-preview .faq-item[open] .faq-indicator{color:var(--color-primary);border-color:var(--color-primary-light);background:var(--color-primary-light);transform:rotate(180deg)}.faq-preview .faq-answer{padding:var(--space-4) var(--space-6) var(--space-5);color:var(--color-text-secondary);animation:slideDown var(--transition-normal);font-size:.9375rem;line-height:1.7}.faq-preview .faq-answer p{max-width:70ch;margin:0}@media (width<=480px){.faq-preview .faq-question{padding:var(--space-4) var(--space-5);font-size:.9375rem}.faq-preview .faq-answer{padding:var(--space-4) var(--space-5) var(--space-5)}}.faq-preview .faq-more{text-align:center;margin-top:var(--space-10)}.faq-preview-cta{padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-normal);font-size:.9375rem;font-weight:500}.faq-preview-cta:hover{box-shadow:var(--shadow-md)}.faq-preview-cta svg{width:16px;height:16px;transition:transform var(--transition-normal)}.faq-preview-cta:hover svg{transform:translate(3px)}.faq-preview{margin-bottom:var(--space-12)}:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-light:#eef2ff;--color-secondary:#06b6d4;--color-secondary-hover:#0891b2;--color-background:#fafafa;--color-surface:#fff;--color-surface-hover:#f5f5f5;--color-border:#e5e5e5;--color-border-strong:#d4d4d4;--color-text:#18181b;--color-text-secondary:#71717a;--color-text-muted:#a1a1aa;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px 0 #00000008;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #00000008;--shadow-xl:0 20px 25px -5px #0000000d, 0 8px 10px -6px #00000008;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--max-width:1400px;--header-height:64px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text);min-height:100vh;line-height:1.6}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;font-size:.875rem;font-weight:500;line-height:1.5;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);color:#fff}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background-color:var(--color-error-light);color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:var(--color-error);color:#fff}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.8125rem}.btn-icon{padding:var(--space-2);border-radius:var(--radius-sm)}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.input::placeholder{color:var(--color-text-muted)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.label{color:var(--color-text);margin-bottom:var(--space-2);font-size:.8125rem;font-weight:500;display:block}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-sm{padding:var(--space-4)}.card-lg{padding:var(--space-8)}.badge{padding:var(--space-1) var(--space-3);border-radius:9999px;align-items:center;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.badge-neutral{background-color:var(--color-background);color:var(--color-text-secondary)}.divider{background-color:var(--color-border);height:1px;margin:var(--space-4) 0}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);padding:var(--space-2) var(--space-3);background-color:var(--color-text);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-fast), visibility var(--transition-fast);pointer-events:none;z-index:100;margin-bottom:var(--space-2);font-size:.75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1;visibility:visible}.tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);display:flex}.tab{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);transition:all var(--transition-fast);border-bottom:2px solid #0000;margin-bottom:-1px;font-size:.875rem;font-weight:500}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.accordion{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.accordion-item{border-top:1px solid var(--color-border)}.accordion-item:first-child{border-top:none}.accordion-trigger{width:100%;padding:var(--space-4);background-color:var(--color-surface);text-align:left;color:var(--color-text);transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;font-weight:500;display:flex}.accordion-trigger:hover{background-color:var(--color-surface-hover)}.accordion-trigger:focus{box-shadow:inset 0 0 0 2px var(--color-primary);outline:none}.accordion-content{padding:0 var(--space-4);max-height:0;transition:max-height var(--transition-normal), padding var(--transition-normal);overflow:hidden}.accordion-content.open{padding:var(--space-4);max-height:500px}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.spinner-sm{border-width:1.5px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.btn-apply{min-width:12.5rem;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast)}.btn.btn-primary.btn-apply.is-busy,.btn.btn-primary.btn-apply.is-busy:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff;opacity:1;cursor:progress}.btn-apply-spinner{border-color:#fff #ffffff59 #ffffff59;flex:none}.btn-apply svg{flex:none}.btn.btn-primary.btn-success,.btn.btn-primary.btn-success:hover,.btn.btn-primary.btn-success:hover:not(:disabled){background-color:var(--color-success);border-color:var(--color-success);color:#fff}.progress-bar{background-color:var(--color-background);border-radius:9999px;width:100%;height:4px;overflow:hidden}.progress-bar-fill{background-color:var(--color-primary);height:100%;transition:width var(--transition-normal);border-radius:9999px}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;transition:all var(--transition-fast);background-color:var(--color-surface)}.drop-zone:hover,.drop-zone.active{border-color:var(--color-primary);background-color:var(--color-primary-light)}.drop-zone:focus-within{box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.image-preview{border-radius:var(--radius-md);background-color:var(--color-background);overflow:hidden}.image-preview img{width:100%;height:auto}.slider{appearance:none;background:var(--color-border);width:100%;height:8px;transition:background var(--transition-fast);border-radius:9999px;outline:none}.slider:focus-visible{box-shadow:0 0 0 2px var(--color-primary)}.slider::-webkit-slider-runnable-track{background:var(--color-border);border-radius:9999px;height:8px}.slider::-moz-range-track{background:var(--color-border);border-radius:9999px;height:8px}.slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;width:18px;height:18px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;margin-top:-5px}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px var(--color-primary-light);transform:scale(1.1)}.slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.checkbox,.radio{width:18px;height:18px;accent-color:var(--color-primary)}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-xs{font-size:.8125rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);z-index:1000;transition:top var(--transition-fast);position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:var(--space-4)}@media (width<=768px){:root{--header-height:56px}.container{padding:0 var(--space-4)}.card{padding:var(--space-4)}}