.file-input{cursor:pointer}.file-input--disabled{cursor:not-allowed;opacity:.6}.file-input input[type=file]{display:none}.file-picker{display:flex;align-items:center;gap:14px;padding:18px;border:2px dashed var(--border);border-radius:var(--radius);transition:border-color .15s ease,background .15s ease}.file-input:not(.file-input--disabled):hover .file-picker,.file-input:not(.file-input--disabled):focus-within .file-picker{border-color:var(--accent);background:var(--accent-soft)}.file-picker__icon{position:relative;width:36px;height:44px;flex-shrink:0}.file-picker__icon-sheet{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--accent);border-radius:6px;background:var(--surface-2)}.file-picker__icon-line{position:absolute;left:8px;right:8px;top:18px;height:2px;border-radius:2px;background:var(--accent)}.file-picker__icon-line--short{top:26px;right:18px}.file-picker__text{display:flex;flex-direction:column;gap:2px}.file-picker__text strong{font-size:15px}.file-picker__text span{font-size:13px;color:var(--text-dim)}.progress{display:flex;align-items:center;gap:10px}.progress__track{position:relative;flex:1;height:8px;border-radius:6px;background:var(--surface-2);overflow:hidden}.progress__fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent),#7aa9ff);transition:width .15s linear}.progress__track--indeterminate .progress__fill{width:40%!important;animation:progress-slide 1.2s ease-in-out infinite}.progress__label{min-width:64px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-dim);text-align:right}@keyframes progress-slide{0%{transform:translate(-110%)}to{transform:translate(280%)}}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border)}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.badge--active{color:var(--accent);background:var(--accent-soft);border-color:transparent}.badge--active:before{animation:badge-pulse 1s ease-in-out infinite}.badge--success{color:var(--success);background:#3ddc8424;border-color:transparent}.badge--error{color:var(--danger);background:#ff5d5d24;border-color:transparent}.badge--warning{color:var(--warning);background:#ffc14d24;border-color:transparent}@keyframes badge-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 currentColor}50%{opacity:.6;box-shadow:0 0 0 4px transparent}}.file-info-card{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.file-info-card__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-info-card__name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info-card__size{flex-shrink:0;font-family:var(--mono);font-size:13px;color:var(--text-dim)}.file-info-card__status{min-height:22px;display:flex}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid transparent;border-radius:var(--radius);font-size:14px;font-weight:600;color:var(--text);background:var(--surface-2);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){filter:brightness(1.1)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--secondary{border-color:var(--border)}.btn--danger{background:var(--danger);color:#fff}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text-dim)}.controls{display:flex;flex-wrap:wrap;gap:10px}.panel{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.panel__title{font-size:18px}.panel__subtitle{font-family:var(--mono);font-size:12px;color:var(--text-dim)}.panel__error{margin:0;padding:10px 12px;border-radius:6px;font-size:13px;color:var(--danger);background:#ff5d5d1a}.audio-meter{display:flex;align-items:center;gap:8px}.audio-meter__track{flex:1;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.audio-meter__fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--success),var(--warning),var(--danger));will-change:width}.audio-meter__label{font-size:11px;font-family:var(--mono);color:var(--text-dim);min-width:24px}.receive-panel__hint{margin:0;font-size:13px;line-height:1.5;color:var(--text-dim)}.receive-panel__received{padding:10px 12px;border-radius:6px;font-size:13px;color:var(--success);background:#3ddc841a}.log-entry{display:flex;gap:12px;padding:4px 8px;border-radius:6px;font-size:13px;line-height:1.5}.log-entry:hover{background:var(--surface-2)}.log-entry__time{flex-shrink:0;font-family:var(--mono);font-size:12px;color:var(--text-dim)}.log-entry__message{color:var(--text)}.log-entry--success .log-entry__message{color:var(--success)}.log-entry--error .log-entry__message{color:var(--danger)}.log-entry--warning .log-entry__message{color:var(--warning)}.log-console{display:flex;flex-direction:column;height:260px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.log-console__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.log-console__title{font-size:15px}.log-console__count{font-family:var(--mono);font-size:12px;color:var(--text-dim)}.log-console__list{flex:1;overflow-y:auto;padding:8px;font-family:var(--mono)}.log-console__empty{margin:8px;font-size:13px;color:var(--text-dim)}.home-template{max-width:980px;margin:0 auto;padding:32px 20px 48px;display:flex;flex-direction:column;gap:20px}.home-template__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:8px 4px}.home-template__title{font-size:28px;letter-spacing:-.5px}.home-template__title:after{content:"▮";margin-left:6px;color:var(--accent);animation:cursor-blink 1.1s step-end infinite}.home-template__tagline{margin:6px 0 0;color:var(--text-dim);font-size:14px}.home-template__specs{display:flex;gap:8px;flex-wrap:wrap}.home-template__specs span{padding:4px 10px;border-radius:6px;font-family:var(--mono);font-size:12px;color:var(--text-dim);background:var(--surface);border:1px solid var(--border)}.home-template__panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 720px){.home-template__panels{grid-template-columns:1fr}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.home{min-height:100%}:root{--bg: #0e1116;--surface: #161b22;--surface-2: #1d232d;--border: #2a3342;--text: #e8ecf3;--text-dim: #94a0b3;--accent: #4f8cff;--accent-soft: rgba(79, 140, 255, .16);--success: #3ddc84;--warning: #ffc14d;--danger: #ff5d5d;--radius: 10px;--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", "Fira Code", Consolas, "Courier New", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}h1,h2,h3{margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-track{background:transparent}