:root{--bg:#050709;--card-bg:#06090ead;--surface:#ffffff0a;--surface-hover:#ffffff12;--border:#ffffff12;--border-mid:#ffffff1f;--text-1:#f1f5f9;--text-2:#7d8a9a;--text-3:#3f4a58;--accent:#34d399;--accent-dim:#34d3991f;--accent-ring:#34d39938;--danger:#f87171;--danger-bg:#f8717114;--danger-border:#f8717138;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:26px;--ease:cubic-bezier(.4,0,.2,1);--spring:cubic-bezier(.175,.885,.32,1.275)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg);color:var(--text-1);min-height:100vh;line-height:1.6;overflow-x:hidden}.app-container{z-index:1;flex-direction:column;align-items:center;max-width:620px;min-height:100vh;margin:0 auto;padding:64px 24px 80px;display:flex;position:relative}.app-header{text-align:center;margin-bottom:48px}.app-logo{width:56px;height:56px;color:var(--accent);background:#34d3991a;border:1px solid #34d39938;border-radius:16px;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.app-title{letter-spacing:-.04em;color:var(--text-1);margin-bottom:10px;font-size:2rem;font-weight:700;line-height:1.1}.app-subtitle{color:var(--text-2);max-width:340px;margin:0 auto;font-size:.9375rem;line-height:1.65}.steps{justify-content:center;align-items:center;gap:0;width:100%;margin-bottom:32px;display:flex}.step-item{flex-direction:column;align-items:center;gap:7px;display:flex}.step-circle{border:1.5px solid var(--border-mid);width:30px;height:30px;color:var(--text-3);transition:all .2s var(--ease);letter-spacing:0;background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex}.step-circle.active{border-color:var(--accent);color:#050709;background:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.step-circle.completed{color:var(--accent);background:var(--accent-dim);border-color:#34d39966}.step-circle.completed .step-num{display:none}.step-circle.completed:after{content:"✓";font-size:.75rem}.step-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);transition:color .2s var(--ease);white-space:nowrap;font-size:.625rem;font-weight:600}.step-item:has(.step-circle.active) .step-label{color:var(--accent)}.step-item:has(.step-circle.completed) .step-label{color:var(--text-2)}.step-line{background:var(--border-mid);max-width:72px;height:1px;transition:background .3s var(--ease);flex:1;margin:0 8px 20px}.step-line.completed{background:#34d39959}.error-banner{border-radius:var(--r-md);background:var(--danger-bg);border:1px solid var(--danger-border);border-left:2px solid var(--danger);align-items:center;gap:10px;width:100%;margin-bottom:18px;padding:12px 14px;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.error-text{color:#fca5a5;flex:1;font-size:.8125rem;line-height:1.4}.error-dismiss{color:#fca5a599;cursor:pointer;width:24px;height:24px;transition:all .14s var(--ease);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.error-dismiss:hover{color:#fca5a5;background:#f871711a}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(32px)saturate(160%);border:1px solid var(--border);border-radius:var(--r-xl);border-top-color:#ffffff1a;width:100%;padding:32px;animation:.35s ease-out cardUp;box-shadow:inset 0 1px #ffffff0a,0 40px 80px #0000008c}@keyframes cardUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.upload-zone{border:1px dashed var(--border-mid);border-radius:var(--r-lg);text-align:center;cursor:pointer;transition:all .2s var(--ease);background:var(--surface);outline:none;padding:52px 24px}.upload-zone:hover,.upload-zone:focus-visible,.upload-zone.dragging{border-color:var(--accent);background:var(--accent-dim)}.upload-zone.dragging{box-shadow:0 0 0 4px var(--accent-ring);border-style:solid}.upload-input{display:none}.upload-icon-area{border:1px solid var(--border-mid);width:56px;height:56px;color:var(--text-2);transition:all .2s var(--ease);background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.upload-zone:hover .upload-icon-area,.upload-zone.dragging .upload-icon-area{color:var(--accent);background:var(--accent-dim);border-color:#34d3994d}.upload-main-text{color:var(--text-1);margin-bottom:5px;font-size:.9375rem;font-weight:600}.upload-main-text span{color:var(--accent)}.upload-sub-text{color:var(--text-2);margin-bottom:18px;font-size:.8125rem}.upload-formats{gap:6px;display:inline-flex}.format-chip{letter-spacing:.06em;color:var(--text-3);border:1px solid var(--border);border-radius:5px;padding:3px 8px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.6875rem;font-weight:700}.sheet-section{animation:.3s ease-out cardUp}.section-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;display:flex}.section-title{letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.file-badge{background:var(--accent-dim);border:1px solid var(--accent-ring);color:var(--accent);border-radius:6px;align-items:center;gap:5px;max-width:180px;padding:4px 10px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.6875rem;font-weight:500;display:inline-flex}.file-badge-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section-meta{color:var(--text-2);margin-bottom:16px;font-size:.8125rem}.select-controls{gap:6px;margin-bottom:12px;display:flex}.select-btn{border:1px solid var(--border);color:var(--text-2);font-size:.75rem;font-family:var(--font);cursor:pointer;transition:all .14s var(--ease);background:0 0;border-radius:6px;padding:5px 12px;font-weight:500}.select-btn:hover{background:var(--surface-hover);border-color:var(--border-mid);color:var(--text-1)}.sheet-list{flex-direction:column;gap:4px;max-height:300px;margin-bottom:20px;padding-right:2px;display:flex;overflow-y:auto}.sheet-list::-webkit-scrollbar{width:3px}.sheet-list::-webkit-scrollbar-track{background:0 0}.sheet-list::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.sheet-item{border-radius:var(--r-sm);cursor:pointer;transition:all .12s var(--ease);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;outline:none;align-items:center;gap:11px;padding:11px 14px;animation:.25s ease-out both itemIn;display:flex}.sheet-item:first-child{animation-delay:30ms}.sheet-item:nth-child(2){animation-delay:60ms}.sheet-item:nth-child(3){animation-delay:90ms}.sheet-item:nth-child(4){animation-delay:.12s}.sheet-item:nth-child(5){animation-delay:.15s}.sheet-item:nth-child(6){animation-delay:.17s}.sheet-item:nth-child(7){animation-delay:.19s}.sheet-item:nth-child(8){animation-delay:.21s}@keyframes itemIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.sheet-item:hover{background:var(--surface);border-color:var(--border)}.sheet-item:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.sheet-item.selected{background:var(--accent-dim);border-color:var(--accent-ring);border-left-color:var(--accent);border-left-width:2px}.sheet-item.selected:hover{background:#34d3991a}.sheet-checkbox{border:1.5px solid var(--border-mid);width:18px;height:18px;transition:all .12s var(--ease);color:#0000;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sheet-item.selected .sheet-checkbox{background:var(--accent);border-color:var(--accent);color:#050709}.sheet-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;font-weight:500;overflow:hidden}.sheet-index{color:var(--text-3);flex-shrink:0;font-family:ui-monospace,Cascadia Code,monospace;font-size:.6875rem}.sheet-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.drawing-count{color:#a78bfa;background:#a78bfa1a;border:1px solid #a78bfa2e;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.6875rem;font-weight:600;display:inline-flex}.drawing-count--clean{color:var(--text-3);background:0 0;border-color:#0000}.btn-primary{border-radius:var(--r-md);background:var(--text-1);color:#050709;width:100%;font-size:.9375rem;font-weight:700;font-family:var(--font);letter-spacing:-.01em;cursor:pointer;transition:all .16s var(--ease);border:none;justify-content:center;align-items:center;gap:8px;padding:13px 24px;display:flex}.btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 8px 28px #00000059}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-secondary{border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text-2);font-size:.875rem;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .14s var(--ease);background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:11px 24px;display:flex}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-mid);color:var(--text-1)}.processing{text-align:center;padding:36px 0;animation:.25s ease-out cardUp}.spinner{border:2px solid var(--border-mid);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.processing-text{color:var(--text-1);margin-bottom:4px;font-size:.9375rem;font-weight:600}.processing-sub{color:var(--text-2);font-size:.8125rem}.done-section{text-align:center;padding:4px 0;animation:.35s ease-out cardUp}.done-check{background:var(--accent-dim);border:1px solid var(--accent-ring);width:64px;height:64px;color:var(--accent);animation:popIn .4s var(--spring);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.done-title{letter-spacing:-.025em;color:var(--text-1);margin-bottom:6px;font-size:1.25rem;font-weight:700}.done-desc{color:var(--text-2);margin-bottom:10px;font-size:.875rem;line-height:1.6}.done-stats{background:var(--accent-dim);border:1px solid var(--accent-ring);color:var(--accent);border-radius:6px;align-items:center;gap:6px;margin-bottom:24px;padding:5px 12px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.8125rem;font-weight:600;display:inline-flex}.download-btn{border-radius:var(--r-md);background:var(--text-1);color:#050709;width:100%;font-size:.9375rem;font-weight:700;font-family:var(--font);letter-spacing:-.01em;cursor:pointer;transition:all .16s var(--ease);border:none;justify-content:center;align-items:center;gap:8px;padding:13px 24px;text-decoration:none;display:flex}.download-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 28px #00000059}.download-btn:active{transform:translateY(0)}.app-footer{text-align:center;color:var(--text-3);justify-content:center;align-items:center;gap:5px;margin-top:auto;padding-top:40px;font-size:.75rem;display:flex}@media (max-width:600px){.app-container{padding:40px 16px 64px}.card{border-radius:var(--r-lg);padding:24px 18px}.upload-zone{padding:40px 20px}.app-title{font-size:1.65rem}.step-line{max-width:36px}}