:root{color-scheme:dark;--gold-300: #eac85a;--gold-400: #ddb43a;--gold-500: #d4a853;--gold-600: #b88a2e;--surface-0: #000000;--surface-1: #1c1c1e;--surface-2: #2c2c2e;--surface-3: #3a3a3c;--surface-4: #48484a;--border-subtle: rgba(84, 84, 88, .35);--border-default: rgba(84, 84, 88, .65);--border-strong: rgba(84, 84, 88, .95);--text-primary: #ffffff;--text-secondary: rgba(235, 235, 245, .7);--text-muted: rgba(235, 235, 245, .45);--text-on-gold: #000000;--success: #30d158;--success-bg: rgba(48, 209, 88, .15);--warning: #ffd60a;--warning-bg: rgba(255, 214, 10, .15);--error: #ff453a;--error-bg: rgba(255, 69, 58, .15);--info: #0a84ff;--info-bg: rgba(10, 132, 255, .15);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, "Segoe UI", Roboto, Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-lg: 18px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--fs-4xl: 36px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--sp-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-pill: 9999px;--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .7);--shadow-glow: 0 0 0 1px rgba(212, 168, 83, .35), 0 0 16px rgba(212, 168, 83, .2);--dur-fast: .15s;--dur-normal: .3s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}html,body,#root{margin:0;min-height:100%}body{background-color:var(--surface-0);color:var(--text-primary);font-size:var(--fs-base);line-height:1.5;background-image:radial-gradient(120% 60% at 50% -10%,#d4a8531f,#d4a85300 55%);background-attachment:fixed}h1,h2,h3{font-family:var(--font-display);margin:0;letter-spacing:-.02em}p{margin:0}a{color:var(--gold-400)}:focus-visible{outline:3px solid var(--gold-400);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.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}.skip-link{position:absolute;left:var(--sp-md);top:-60px;z-index:100;background:var(--gold-500);color:var(--text-on-gold);padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius-md);font-weight:600;transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:var(--sp-md)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.mp-shell{min-height:100vh;display:flex;flex-direction:column}.mp-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md);padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--border-subtle);background:#0000008c;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.mp-brand{display:flex;align-items:center;gap:var(--sp-sm);font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl)}.mp-brand__mark{color:var(--gold-500);display:inline-flex}.mp-brand__env{font-size:var(--fs-xs);color:var(--text-muted);border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:2px 8px;margin-left:var(--sp-sm);text-transform:uppercase;letter-spacing:.04em}.mp-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:var(--sp-2xl) var(--sp-lg) var(--sp-3xl)}.mp-footer{padding:var(--sp-lg);text-align:center;color:var(--text-muted);font-size:var(--fs-sm);border-top:1px solid var(--border-subtle)}.mp-footer a{color:var(--text-secondary)}.mp-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--sp-2xl);box-shadow:var(--shadow-lg)}.mp-card__title{font-size:var(--fs-3xl);margin-bottom:var(--sp-sm)}.mp-card__subtitle{color:var(--text-secondary);font-size:var(--fs-lg);margin-bottom:var(--sp-xl)}.mp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);font-family:var(--font-sans);font-size:var(--fs-base);font-weight:600;line-height:1;padding:14px 20px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast);text-decoration:none}.mp-btn:active{transform:scale(.98)}.mp-btn:disabled{opacity:.5;cursor:not-allowed}.mp-btn--primary{background:var(--gold-500);color:var(--text-on-gold)}.mp-btn--primary:hover:not(:disabled){background:var(--gold-400)}.mp-btn--secondary{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-default)}.mp-btn--secondary:hover:not(:disabled){background:var(--surface-3)}.mp-btn--ghost{background:transparent;color:var(--text-secondary)}.mp-btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface-2)}.mp-btn--block{width:100%}.mp-dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-xl);padding:var(--sp-2xl);text-align:center;background:var(--surface-0);transition:border-color var(--dur-normal) var(--ease-out),background-color var(--dur-normal) var(--ease-out);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--sp-md);color:var(--text-secondary)}.mp-dropzone:hover,.mp-dropzone:focus-visible{border-color:var(--gold-500);background:#d4a8530d}.mp-dropzone--active{border-color:var(--gold-400);background:#d4a8531a;box-shadow:var(--shadow-glow)}.mp-dropzone__icon{color:var(--gold-500)}.mp-dropzone__hint{font-size:var(--fs-sm);color:var(--text-muted)}.mp-dropzone input[type=file]{display:none}.mp-file{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-md);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-2);margin-top:var(--sp-lg)}.mp-file__icon{color:var(--gold-400);flex-shrink:0}.mp-file__meta{flex:1;min-width:0}.mp-file__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-file__size{color:var(--text-muted);font-size:var(--fs-sm)}.mp-alert{display:flex;align-items:flex-start;gap:var(--sp-md);padding:var(--sp-md) var(--sp-lg);border-radius:var(--radius-lg);border:1px solid var(--border-default);margin-top:var(--sp-lg)}.mp-alert__icon{flex-shrink:0;margin-top:2px}.mp-alert__body{flex:1}.mp-alert__title{font-weight:600;margin-bottom:2px}.mp-alert__text{color:var(--text-secondary);font-size:var(--fs-sm)}.mp-alert--error{background:var(--error-bg);border-color:#ff453a66}.mp-alert--error .mp-alert__icon{color:var(--error)}.mp-alert--warning{background:var(--warning-bg);border-color:#ffd60a66}.mp-alert--warning .mp-alert__icon{color:var(--warning)}.mp-alert--info{background:var(--info-bg);border-color:#0a84ff66}.mp-alert--info .mp-alert__icon{color:var(--info)}.mp-alert--success{background:var(--success-bg);border-color:#30d15866}.mp-alert--success .mp-alert__icon{color:var(--success)}.mp-field{margin-bottom:var(--sp-lg)}.mp-field__label{display:block;font-weight:600;margin-bottom:var(--sp-xs)}.mp-field__hint{color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--sp-xs)}.mp-input,.mp-select{width:100%;font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text-primary);background:var(--surface-0);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 14px}.mp-input:hover,.mp-select:hover{border-color:var(--border-strong)}.mp-stepper{list-style:none;margin:var(--sp-xl) 0 0;padding:0;display:flex;flex-direction:column;gap:0}.mp-step{display:flex;gap:var(--sp-md);position:relative;padding-bottom:var(--sp-lg)}.mp-step:last-child{padding-bottom:0}.mp-step:not(:last-child):before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--border-default)}.mp-step--complete:not(:last-child):before{background:var(--success)}.mp-step__marker{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--border-strong);background:var(--surface-2);color:var(--text-muted);z-index:1}.mp-step--active .mp-step__marker{border-color:var(--gold-500);color:var(--gold-400);box-shadow:var(--shadow-glow)}.mp-step--complete .mp-step__marker{border-color:var(--success);background:var(--success);color:#08210f}.mp-step--failed .mp-step__marker{border-color:var(--error);color:var(--error);background:var(--error-bg)}.mp-step__body{padding-top:4px}.mp-step__label{font-weight:600}.mp-step--pending .mp-step__label{color:var(--text-muted)}.mp-step__desc{color:var(--text-secondary);font-size:var(--fs-sm);margin-top:2px}.mp-status{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-lg);border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border-subtle);margin-bottom:var(--sp-md)}.mp-status__icon{color:var(--gold-400)}.mp-status__title{font-weight:600;font-size:var(--fs-lg)}.mp-status__detail{color:var(--text-secondary);font-size:var(--fs-sm)}.mp-status--reconnecting{border-color:#ffd60a66}.mp-status--reconnecting .mp-status__icon{color:var(--warning)}.mp-hero-icon{width:72px;height:72px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--sp-md)}.mp-hero-icon--success{background:var(--success-bg);color:var(--success)}.mp-hero-icon--error{background:var(--error-bg);color:var(--error)}.mp-actions{display:flex;gap:var(--sp-md);flex-wrap:wrap;margin-top:var(--sp-xl)}.mp-meta-list{margin:var(--sp-lg) 0 0;padding:0;list-style:none;font-size:var(--fs-sm);color:var(--text-muted)}.mp-meta-list li{padding:4px 0;border-top:1px solid var(--border-subtle)}.mp-spin{animation:mp-spin .9s linear infinite}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--sp-lg);z-index:50}.mp-modal{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--sp-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg)}.mp-modal__title{font-size:var(--fs-2xl);margin-bottom:var(--sp-sm)}.mp-modal__intro{color:var(--text-secondary);font-size:var(--fs-sm);margin-bottom:var(--sp-lg)}@media(max-width:640px){.mp-card{padding:var(--sp-lg);border-radius:var(--radius-xl)}.mp-main{padding:var(--sp-lg) var(--sp-md) var(--sp-2xl)}.mp-card__title{font-size:var(--fs-2xl)}.mp-actions .mp-btn{width:100%}}