:root{--font-sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-muted:#f8fafc;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-navy-900:#0f172a;--color-navy-800:#1e293b;--color-navy-700:#334155;--color-accent:#2563eb;--color-accent-soft:#2563eb14;--text-primary:#0f172a;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--radius-card:16px;--radius-input:12px;--radius-sm:8px;--shadow-card:0 1px 2px #0f172a0a, 0 1px 3px #0f172a08;--shadow-card-hover:0 4px 12px #0f172a0f;--space-card-gap:32px;--space-section-gap:28px;--space-input-gap:20px;--space-label-gap:8px;--transition-fast:.15s ease;--bg-color:var(--color-bg);--card-bg:var(--color-surface);--border-color:var(--color-border);--accent-blue:var(--color-navy-700);--accent-green:#10b981;--accent-red:#ef4444;--accent-purple:#8b5cf6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 32px 32px}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:30px;font-weight:700}.step-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:4px;font-size:12px;font-weight:600}.step-title{color:var(--text-primary);letter-spacing:-.01em;font-size:22px;font-weight:600}.section-title{color:var(--text-primary);font-size:16px;font-weight:600}.description-text{color:var(--text-secondary);font-size:14px;line-height:1.55}header{text-align:center;margin-bottom:28px}header h1{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:1.8rem;font-weight:800}header p{color:var(--text-secondary);font-size:.95rem;font-weight:400}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);margin-bottom:var(--space-card-gap);box-shadow:var(--shadow-card);padding:28px 32px}.card-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.success-banner{border-radius:var(--radius-card);margin-bottom:var(--space-card-gap);background:#f0fdf6;border:1px solid #10b9814d;padding:24px 28px}.success-banner-title{color:#047857;align-items:center;gap:8px;margin-bottom:14px;font-size:18px;font-weight:700;display:flex}.success-banner-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.success-banner-item-label{color:#047857;opacity:.75;margin-bottom:4px;font-size:12px}.success-banner-item-value{color:#065f46;word-break:break-all;font-size:14px;font-weight:600}.success-banner-item-value a{color:#047857;text-decoration:underline}.card-title{color:var(--text-primary);font-size:16px;font-weight:600}.card-title-row{align-items:center;gap:8px;display:flex}.card-title-row svg{color:var(--color-navy-700);flex:none}.button-group{gap:12px;margin-bottom:20px;display:flex}button{color:#fff;background:var(--color-navy-900);border-radius:var(--radius-input);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}button:hover{background:var(--color-navy-800);transform:translateY(-1px);box-shadow:0 4px 10px #0f172a29}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}button.secondary{color:var(--text-primary);border:1px solid var(--color-border-strong);box-shadow:none;background:0 0}button.secondary:hover{background:var(--color-surface-muted);border-color:var(--color-navy-700);box-shadow:none;transform:translateY(-1px)}button.ghost{color:var(--text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:0 0;flex:none;padding:8px 14px;font-size:.8rem}button.ghost:hover{background:var(--color-surface-muted);color:var(--text-primary);border-color:var(--color-border-strong);box-shadow:none;transform:none}.top-nav{background:var(--color-navy-900);z-index:10;width:100%;height:56px;margin-bottom:var(--space-card-gap);position:sticky;top:0;overflow-x:auto}.top-nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1440px;height:100%;margin:0 auto;padding:0 32px;display:flex}.top-nav-right{white-space:nowrap;align-items:center;gap:16px;height:100%;display:flex}.top-nav-right button{box-shadow:none;cursor:pointer;color:#ffffff94;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:4px 2px;font-family:inherit;font-size:.86rem;font-weight:600}.top-nav-right button:hover{box-shadow:none;color:#fff;transform:none}.top-nav-right button.active{color:#fff;border-bottom-color:#fff}.top-nav-right button.wallet-widget{color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:.82rem;display:inline-flex}.top-nav-right button.wallet-widget:hover{background:#ffffff2e}.top-nav-logo{color:#fff;letter-spacing:-.01em;flex:none;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:inline-flex}.top-nav-menu{white-space:nowrap;align-items:center;gap:20px;height:100%;display:flex}.top-nav-menu button{box-shadow:none;cursor:pointer;color:#ffffff94;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;align-items:center;gap:6px;padding:4px 2px;font-family:inherit;font-size:.86rem;font-weight:600;display:inline-flex}.top-nav-menu button:hover{box-shadow:none;color:#fff;transform:none}.top-nav-menu button:focus,.top-nav-menu button:focus-visible{outline:none}.top-nav-menu button.active{color:#fff;border-bottom-color:#fff}@media (width<=600px){.top-nav{gap:20px;padding:0 16px}.top-nav-menu{gap:18px}.top-nav-menu button{font-size:.9rem}}.record-card{transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.record-card:hover{border-color:#8b5cf633;transform:translateY(-1px);box-shadow:0 8px 16px -4px #8b5cf61a}table{border-collapse:collapse;width:100%;margin-top:8px}th,td{border-bottom:1px solid var(--color-border);padding:12px 8px}th{color:var(--text-secondary);font-weight:600}tr:last-child td{border-bottom:none}.data-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;margin-bottom:var(--space-card-gap);overflow-x:auto}.data-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:auto;min-width:100%;font-size:1rem}.data-table thead th{background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);text-align:left;white-space:nowrap;padding:12px 16px;font-size:.8rem;font-weight:600}.data-table thead tr:first-child th:first-child{border-top-left-radius:var(--radius-sm)}.data-table thead tr:first-child th:last-child{border-top-right-radius:var(--radius-sm)}.data-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-sm)}.data-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-sm)}.data-table td{border-bottom:1px solid var(--color-border);color:var(--text-primary);white-space:nowrap;padding:12px 16px;overflow:hidden}.data-table tbody tr:hover{background:var(--color-surface-muted)}.data-table tbody tr:last-child td{border-bottom:none}.id-tag{background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-navy-700);white-space:nowrap;border-radius:6px;padding:5px 12px;font-size:.95rem;font-weight:600;display:inline-block}.log-container{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-input);max-height:280px;color:var(--color-navy-700);padding:16px;font-family:SF Mono,Courier New,Courier,monospace;font-size:.82rem;line-height:1.55;overflow-y:auto}.log-item{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.log-item:last-child{margin-bottom:0}.log-item.ok{color:#059669;font-weight:600}.log-item.err{color:#dc2626;font-weight:600}.log-item.info{color:#475569}.info-row{justify-content:space-between;margin-bottom:12px;font-size:.9rem;display:flex}.info-row:last-child{margin-bottom:0}.info-label{color:var(--text-secondary)}.info-value{color:var(--text-primary);word-break:break-all;text-align:right;max-width:70%;font-weight:600}.status-badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.status-badge.connected{color:#059669;background:#10b9811f;border:1px solid #10b98133}.status-badge.disconnected{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.status-badge.warning{color:#b45309;background:#b453091f;border:1px solid #b4530933}.info-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.info-tile{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface-muted);padding:14px 16px}.info-tile-label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:500;display:flex}.info-tile-label svg{color:var(--text-tertiary);flex:none}.info-tile-value{color:var(--text-primary);word-break:break-word;font-size:15px;font-weight:600}.info-tile-value.muted{color:var(--text-tertiary);font-weight:500}.form-row{gap:var(--space-label-gap);margin-bottom:var(--space-input-gap);flex-direction:column;display:flex}.form-row label{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.form-row label svg{color:var(--text-tertiary);flex:none}.form-row input,.form-row select,.form-row textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-input);background:var(--color-surface);height:52px;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 16px;font-family:inherit;font-size:15px}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft);outline:none}.form-row input:disabled{background:var(--color-surface-muted);color:var(--text-secondary);cursor:not-allowed}.form-row textarea{resize:vertical;height:auto;padding:14px 16px;font-family:SF Mono,Courier New,Courier,monospace;font-size:.85rem}.form-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}@media (width<=600px){.form-grid{grid-template-columns:1fr}}.dropzone{text-align:center;border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-input);background:var(--color-surface-muted);cursor:pointer;min-height:170px;transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px 24px;display:flex}.dropzone:hover,.dropzone.dragover{border-color:var(--color-accent);background:var(--color-accent-soft)}.dropzone svg{color:var(--text-tertiary)}.dropzone-title{color:var(--text-primary);font-size:15px;font-weight:600}.dropzone-formats{color:var(--text-tertiary);margin-top:4px;font-size:12px}.file-chip{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);align-items:center;gap:12px;padding:12px 16px;display:flex}.file-chip-icon{border-radius:var(--radius-sm);background:var(--color-surface-muted);width:36px;height:36px;color:var(--color-navy-700);flex:none;justify-content:center;align-items:center;display:flex}.file-chip-info{flex:1;min-width:0}.file-chip-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.file-chip-size{color:var(--text-secondary);font-size:12px}.file-chip-remove{width:auto;color:var(--text-tertiary);box-shadow:none;background:0 0;flex:none;padding:6px}.file-chip-remove:hover{background:var(--color-surface-muted);color:#dc2626;box-shadow:none;transform:none}.spectrum-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-actions{align-items:center;gap:6px;display:flex}.chart-action-btn{width:32px;height:32px;color:var(--text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:none;background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.chart-action-btn:hover{background:var(--color-surface-muted);color:var(--text-primary);border-color:var(--color-border-strong);box-shadow:none;transform:none}.chart-frame{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);padding:16px 20px}