@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{color-scheme:dark;--surface-base: #171717;--surface-raised: #262626;--surface-sunken: #000101;--surface-canvas: #000101;--surface-background: #000101;--surface-input: rgba(255, 255, 255, .06);--brand-accent: #fdc301;--brand-accent-hover: #fdcf34;--brand-accent-pressed: #e6b101;--gradient-gold: linear-gradient(180deg, #fed755 0%, #fdc301 45%, #e6b101 100%);--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #737373;--text-on-accent: #120d00;--text-accent: #fdcf34;--border-default: #262626;--border-strong: #404040;--status-success: #00a63d;--status-error: #ef4444;--status-warning: #eab308;--status-info: #3b82f6;--text-status-success: #00a63d;--text-status-error: #ef4444;--text-status-warning: #eab308;--text-status-info: #3b82f6;--radius-none: 0;--radius-sm: 2px;--radius-default: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--bpx-logo: url(/bpx-logo.png)}[data-theme=light]{--surface-base: #ffffff;--surface-raised: #fafafa;--surface-sunken: #e5e5e5;--surface-canvas: #f5f5f5;--surface-background: #ffffff;--surface-input: #f1f1f2;--brand-accent-hover: #e6b101;--brand-accent-pressed: #b48a01;--text-primary: #171717;--text-secondary: #525252;--text-accent: #8b6b01;--border-default: #e5e5e5;--border-strong: #d4d4d4;--text-status-success: #006b28;--text-status-error: #dc2626;--text-status-warning: #854d0e;--text-status-info: #2563eb}body:after{content:"";position:fixed;top:var(--space-4);left:var(--space-4);width:112px;height:36px;background:var(--bpx-logo) no-repeat center / contain;pointer-events:none;z-index:1000}@media(max-width:720px){body:after{width:88px;height:28px;top:var(--space-3);left:var(--space-3)}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary)}html{min-height:100%;background-color:var(--surface-canvas);background-image:radial-gradient(circle at top left,rgba(253,195,1,.12),transparent 32%),radial-gradient(circle at top right,rgba(253,195,1,.06),transparent 28%);background-repeat:no-repeat;background-attachment:fixed}*{box-sizing:border-box}body,#root{min-height:100vh}body{margin:0;min-width:320px;background:transparent}button,input,select{font:inherit}body:after{display:none}.app{max-width:1200px;min-height:100vh;margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-12);padding-top:4.5rem}.hero{margin-bottom:var(--space-8)}.hero>div{display:flex;flex-direction:column;align-items:flex-start}.hero>div:before{content:"";width:96px;height:32px;margin-bottom:var(--space-4);background:var(--bpx-logo) no-repeat left center / contain}.hero h1{margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;color:var(--text-primary)}.subtitle{margin:10px 0 0;max-width:720px;color:var(--text-secondary)}.layout{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.panel{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-5);box-shadow:var(--shadow-lg)}.panel h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.ghost{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:transparent;color:var(--text-secondary);padding:6px var(--space-3);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.ghost:hover{border-color:var(--text-status-error);color:var(--text-status-error);background:#ef444414}.ghost.small{padding:var(--space-1) var(--space-2);font-size:.82rem}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-4)}.mode{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--surface-sunken);color:var(--text-secondary);padding:10px var(--space-3);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.mode.active{border-color:var(--brand-accent);background:#fdc3011f;color:var(--text-primary)}.queue-list,.result-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;gap:10px;max-height:360px;overflow:auto}.queue-item,.result-item{display:grid;grid-template-columns:56px 1fr auto;gap:var(--space-3);align-items:center;padding:10px;border-radius:var(--radius-xl);background:var(--surface-sunken);border:1px solid var(--border-default)}.queue-item.active{border-color:#fdc30173;box-shadow:0 0 0 1px #fdc30126}.queue-item.done{border-color:#00a63d59}.queue-item.error{border-color:#ef444459}.queue-thumb{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-lg);background:var(--surface-sunken)}.queue-body{display:grid;gap:2px;min-width:0}.queue-body strong,.queue-body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-body span{color:var(--text-muted);font-size:.82rem}.queue-status{font-size:.78rem!important;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.status-pending{color:var(--text-muted)!important}.status-probing{color:var(--text-status-warning)!important}.status-processing{color:var(--text-accent)!important}.status-done{color:var(--text-status-success)!important}.status-error{color:var(--text-status-error)!important}.queue-error{color:var(--text-status-error)!important;white-space:normal!important}.queue-actions{display:grid;gap:6px;justify-items:end}.queue-index{color:var(--text-muted);font-size:.78rem}.result-item{grid-template-columns:56px 1fr auto}.dropzone{display:grid;place-items:center;min-height:140px;border:1px dashed var(--border-strong);border-radius:var(--radius-2xl);padding:var(--space-5);text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}.dropzone:hover,.dropzone.has-file{border-color:var(--brand-accent);background:#fdc3010f}.dropzone input{display:none}.dropzone strong,.dropzone span{display:block}.dropzone span{margin-top:6px;color:var(--text-muted);font-size:.92rem}.preview{margin-top:var(--space-4);overflow:hidden;border-radius:var(--radius-xl);background:var(--surface-sunken);border:1px solid var(--border-default)}.preview img,.preview video{display:block;width:100%;max-height:320px;object-fit:contain;background:var(--surface-sunken)}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.meta-grid div{padding:var(--space-3);border-radius:var(--radius-xl);background:var(--surface-sunken);border:1px solid var(--border-default)}.meta-grid span{display:block;color:var(--text-muted);font-size:.82rem}.field{display:grid;gap:var(--space-2);margin-bottom:14px}.field span,.checkbox span{color:var(--text-secondary);font-size:.92rem}.field input,.field select{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-input);color:var(--text-primary);padding:10px var(--space-3)}.field input:focus,.field select:focus{outline:none;border-color:#fdc3018c;box-shadow:0 0 0 3px #fdc3011f}.checkbox{display:flex;align-items:center;gap:10px;margin-bottom:14px}.primary,.secondary{width:100%;border:0;border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);cursor:pointer;transition:transform .15s ease,opacity .15s ease,background .15s ease}.primary{background:var(--gradient-gold);color:var(--text-on-accent);font-weight:700}.primary:hover:not(:disabled){background:linear-gradient(180deg,#fee066 0%,var(--brand-accent-hover) 45%,var(--brand-accent-pressed) 100%)}.secondary{margin-top:var(--space-4);background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-default)}.secondary:hover:not(:disabled){background:var(--border-strong)}.primary:disabled,.secondary:disabled,.field input:disabled,.field select:disabled{opacity:.55;cursor:not-allowed}.primary:not(:disabled):hover,.secondary:not(:disabled):hover{transform:translateY(-1px)}.status,.placeholder{color:var(--text-muted)}.error{margin:14px 0 0;color:var(--text-status-error)}.progress-block{margin-top:14px}.progress-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2);color:var(--text-secondary);font-size:.9rem}.progress-meta strong{color:var(--text-accent);font-size:.88rem}.progress-track{width:100%;height:10px;border-radius:var(--radius-full);background:var(--surface-raised);overflow:hidden;border:1px solid var(--border-default)}.progress-fill{height:100%;border-radius:inherit;background:var(--gradient-gold);transition:width .25s ease}@media(max-width:720px){.app{padding-top:3rem}.hero>div:before{width:76px;height:26px;margin-bottom:var(--space-3)}.meta-grid{grid-template-columns:1fr}}