*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--tracking-tight:-.025em;--tracking-normal:0;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--color-primary-50:#eff3fb;--color-primary-100:#d7e2f4;--color-primary-200:#b3c5e6;--color-primary-500:#4173c8;--color-primary-600:#3061b5;--color-primary-700:#27519b;--color-primary-800:#1e3c71;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-150:#ebecef;--color-gray-200:#e2e4e9;--color-gray-300:#cccfd7;--color-gray-400:#949ca8;--color-gray-500:#6b7280;--color-gray-600:#535965;--color-gray-700:#3a404a;--color-gray-800:#272c34;--color-gray-900:#1a1d23;--color-success-50:#ecf9f3;--color-success-100:#d3eee1;--color-success-600:#26875a;--color-success-700:#1d6745;--color-error-50:#fbefef;--color-error-600:#b42d2d;--color-error-700:#932525;--color-warning-50:#fcf5e8;--color-warning-100:#f7e7c9;--color-warning-600:#aa7418;--color-info-50:#eff5fb;--color-info-600:#2d70b4;--color-text:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-400);--color-text-inverse:#fff;--color-bg:var(--color-gray-50);--color-surface:#fff;--color-surface-muted:var(--color-gray-100);--color-border:var(--color-gray-200);--color-border-strong:var(--color-gray-300);--color-border-focus:var(--color-primary-500);--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--max-width:1120px;--content-padding:clamp(.875rem, 3.5vw, 2.5rem);--radius-sm:6px;--radius-md:8px;--radius-lg:14px;--shadow-sm:0 1px 3px 0 #16191d12, 0 1px 2px -1px #16191d0f;--shadow-md:0 4px 16px -2px #16191d17, 0 2px 6px -2px #16191d0f;--shadow-lg:0 10px 32px -4px #16191d1c, 0 4px 10px -4px #16191d12;--duration-fast:.15s;--duration-normal:.2s;--ease-out:cubic-bezier(.16, 1, .3, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400}html{font-family:var(--font-family);font-size:16px;line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:hidden}body{flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}main{flex:1}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text);overflow-wrap:break-word;word-break:break-word}h1{font-size:clamp(1.5rem,4vw + .625rem,2.25rem)}h2{font-size:clamp(1.25rem,3vw + .5rem,1.75rem)}h3{font-size:clamp(1.05rem,2vw + .5rem,1.35rem)}h4{font-size:clamp(.95rem,1.5vw + .5rem,1.125rem)}p{line-height:var(--leading-normal);overflow-wrap:break-word;max-width:68ch}a{color:var(--color-primary-600);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-primary-700);text-decoration:underline}.skip-nav{top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-primary-600);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);z-index:var(--z-modal);transition:top var(--duration-fast) var(--ease-out);position:absolute}.skip-nav:focus{top:var(--space-2);text-decoration:none}.container{width:100%;max-width:var(--max-width);padding-inline:var(--content-padding);margin-inline:auto}.section{padding-block:clamp(2.25rem,6vw,4rem)}.section+.section{padding-top:0}.section-heading{font-size:clamp(1.25rem,3vw + .5rem,1.75rem);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-bottom:clamp(1rem,3vw,1.5rem)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-5);font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;max-width:100%;line-height:1.2;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;text-decoration:none}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true],.btn[aria-busy=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn[aria-busy=true]:after{content:"";width:16px;height:16px;margin-left:var(--space-2);border:2px solid;border-top-color:#0000;border-radius:50%;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-primary{background-color:var(--color-primary-600);color:var(--color-text-inverse);border-color:var(--color-primary-600)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-700);border-color:var(--color-primary-700);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.btn-ghost{color:var(--color-primary-600);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-primary-50)}.btn-success{background-color:var(--color-success-600);color:var(--color-text-inverse);border-color:var(--color-success-600)}.btn-success:hover:not(:disabled){background-color:var(--color-success-700);border-color:var(--color-success-700);box-shadow:var(--shadow-sm)}.btn-sm{min-height:40px;padding:var(--space-2) var(--space-3-5);font-size:var(--text-sm)}.btn-lg{min-height:48px;padding:var(--space-3-5) var(--space-6);font-size:var(--text-base)}@media (width>=640px){.btn-lg{min-height:52px;padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}}@media (width<=639px){.btn-mobile-full{width:100%}}.input{width:100%;min-height:44px;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;appearance:none;display:block}.input:hover:not(:disabled){border-color:var(--color-border-strong)}.input:focus,.input:focus-visible{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #4173c824}.input:disabled{background-color:var(--color-surface-muted);color:var(--color-text-tertiary);cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--color-error-600);box-shadow:0 0 0 3px #bc2f2f1f}.input::placeholder{color:var(--color-gray-400)}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' 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);background-size:18px}.label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3-5) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal);word-break:break-word;display:flex}.alert svg{flex-shrink:0;margin-top:1px}.alert span{flex:1}.alert-success{background-color:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-100)}.alert-error{background-color:var(--color-error-50);color:var(--color-error-700)}.alert-warning{background-color:var(--color-warning-50);color:var(--color-warning-600);border:1px solid var(--color-warning-100)}.alert-info{background-color:var(--color-info-50);color:var(--color-info-600)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(1rem,3.5vw,1.75rem)}.card-interactive{cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);text-decoration:none}.card-interactive:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-interactive:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.card-interactive:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.validation-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);line-height:var(--leading-normal);display:flex}.validation-item svg{flex-shrink:0}.validation-pass{background-color:var(--color-success-50);color:var(--color-success-700)}.validation-fail{background-color:var(--color-error-50);color:var(--color-error-700)}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item summary{padding:var(--space-4) 0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer;user-select:none;min-height:44px;transition:color var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;gap:var(--space-3);list-style:none;display:flex}.faq-item summary:hover{color:var(--color-primary-700)}.faq-item summary:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";width:20px;min-width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-out);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' 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-size:contain;flex-shrink:0}.faq-item[open] summary:after{transform:rotate(180deg)}.faq-item .faq-answer{padding-bottom:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:65ch}.upload-zone{justify-content:center;align-items:center;gap:var(--space-3);padding:clamp(1.5rem, 5vw, 3rem) var(--space-4);border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);background-color:var(--color-surface);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);text-align:center;flex-direction:column;width:100%;min-height:clamp(160px,28vh,220px);display:flex;position:relative}.upload-zone:hover{border-color:var(--color-primary-500);background-color:var(--color-primary-50)}.upload-zone:hover .upload-zone-icon{color:var(--color-primary-600);transform:translateY(-2px)}.upload-zone.drag-over{border-color:var(--color-primary-500);background-color:var(--color-primary-50);border-style:solid}.upload-zone.drag-over .upload-zone-icon{color:var(--color-primary-600);transform:translateY(-4px)scale(1.05)}.upload-zone:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.upload-zone-icon{width:40px;height:40px;color:var(--color-gray-400);transition:color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out)}.upload-zone-text{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);line-height:1.3}.upload-zone-hint{font-size:var(--text-xs);color:var(--color-text-secondary);max-width:300px}.workspace{gap:var(--space-6);width:100%;display:grid}@media (width>=768px){.workspace{grid-template-columns:1fr 360px;align-items:start}}.workspace-preview{background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:100%;min-height:clamp(180px,30vh,300px);display:flex;position:relative;overflow:hidden}.workspace-preview img{object-fit:contain;max-width:100%;max-height:clamp(240px,45vh,420px);display:block}.workspace-controls{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.file-info{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);grid-template-columns:auto 1fr;display:grid}.file-info dt{color:var(--color-text-secondary);font-weight:var(--font-medium)}.file-info dd{color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-xs);word-break:break-all;align-items:center;display:flex}.progress-bar{background-color:var(--color-gray-200);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background-color:var(--color-primary-600);height:100%;transition:width var(--duration-normal) var(--ease-out);background-image:linear-gradient(90deg,#0000 0%,#99beff66 50%,#0000 100%);background-size:200% 100%;border-radius:3px}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;line-height:1.4;display:inline-flex}.badge-success{background-color:var(--color-success-50);color:var(--color-success-700)}.badge-error{background-color:var(--color-error-50);color:var(--color-error-700)}.badge-info{background-color:var(--color-primary-50);color:var(--color-primary-700)}.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-600)}[hidden],.desktop-only{display:none!important}.mobile-only{display:flex}@media (width>=768px){.desktop-only{display:block!important}.main-nav.desktop-only{display:flex!important}.mobile-only{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header[data-astro-cid-z4jru4n3]{z-index:var(--z-sticky);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.header-inner[data-astro-cid-z4jru4n3]{justify-content:space-between;align-items:center;height:56px;display:flex;position:relative}.logo[data-astro-cid-z4jru4n3]{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--font-bold);font-size:var(--text-lg);letter-spacing:var(--tracking-tight);min-height:44px;text-decoration:none;display:flex}.logo[data-astro-cid-z4jru4n3]:hover{color:var(--color-primary-600);text-decoration:none}.main-nav[data-astro-cid-z4jru4n3]{align-items:center;gap:var(--space-6);display:flex}@media (width>=768px){.main-nav[data-astro-cid-z4jru4n3].desktop-only{display:flex!important}}.main-nav[data-astro-cid-z4jru4n3] a[data-astro-cid-z4jru4n3]{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);padding:var(--space-2) 0;transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.main-nav[data-astro-cid-z4jru4n3] a[data-astro-cid-z4jru4n3]:hover{color:var(--color-primary-600);text-decoration:none}.mobile-menu-btn[data-astro-cid-z4jru4n3]{cursor:pointer;width:44px;height:44px;color:var(--color-text);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-menu-btn[data-astro-cid-z4jru4n3]:hover{background-color:var(--color-surface-muted)}.mobile-menu-btn[data-astro-cid-z4jru4n3]:focus-visible{outline:2px solid var(--color-border-focus)}.mobile-nav[data-astro-cid-z4jru4n3]{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-md);padding-block:var(--space-4);z-index:var(--z-dropdown);position:absolute;top:100%;left:0;right:0}.mobile-nav[data-astro-cid-z4jru4n3][hidden]{display:none!important}.mobile-nav-group[data-astro-cid-z4jru4n3]{gap:var(--space-1);flex-direction:column;display:flex}.mobile-nav-label[data-astro-cid-z4jru4n3]{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1)}.mobile-nav[data-astro-cid-z4jru4n3] a[data-astro-cid-z4jru4n3]{min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;text-decoration:none;display:flex}.mobile-nav[data-astro-cid-z4jru4n3] a[data-astro-cid-z4jru4n3]:hover,.mobile-nav[data-astro-cid-z4jru4n3] a[data-astro-cid-z4jru4n3]:focus{background-color:var(--color-primary-50);color:var(--color-primary-700);text-decoration:none}.mobile-nav[data-astro-cid-z4jru4n3] hr[data-astro-cid-z4jru4n3]{border:none;border-top:1px solid var(--color-border);margin:var(--space-3) 0}.site-footer[data-astro-cid-z4jru4n3]{background-color:var(--color-surface);border-top:1px solid var(--color-border);margin-top:clamp(3rem,8vw,6rem);padding-block:clamp(2.5rem,6vw,4rem)}.footer-grid[data-astro-cid-z4jru4n3]{gap:var(--space-6) var(--space-8);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));display:grid}.footer-col[data-astro-cid-z4jru4n3] h3[data-astro-cid-z4jru4n3]{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.footer-col[data-astro-cid-z4jru4n3] a[data-astro-cid-z4jru4n3]{min-height:36px;font-size:var(--text-sm);color:var(--color-text-secondary);padding-block:var(--space-1);transition:color var(--duration-fast) var(--ease-out);align-items:center;text-decoration:none;display:flex}.footer-col[data-astro-cid-z4jru4n3] a[data-astro-cid-z4jru4n3]:hover{color:var(--color-primary-600);text-decoration:underline}.footer-bottom[data-astro-cid-z4jru4n3]{padding-top:var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-3);flex-direction:column;display:flex}.footer-privacy[data-astro-cid-z4jru4n3]{align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed);display:flex}.footer-privacy[data-astro-cid-z4jru4n3] svg[data-astro-cid-z4jru4n3]{flex-shrink:0;margin-top:2px}.footer-copyright[data-astro-cid-z4jru4n3]{font-size:var(--text-xs);color:var(--color-text-tertiary)}@media (width>=768px){.header-inner[data-astro-cid-z4jru4n3]{height:64px}}