:root{--color-bg:#2f2f2f;--color-surface:#474641;--color-text:#fff;--color-muted:#acaba1;--color-dim:#66655f;--color-accent:#68f2ff;--color-on-accent:#434343;--color-chip:#fff;--color-on-chip:#2f2f2f;--color-error:#ff8a7a;--font:"Barlow", "Helvetica Neue", Arial, sans-serif;--radius-card:20px;--radius-control:5px;font-family:var(--font);color:var(--color-text);background:var(--color-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-size:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);min-height:100vh}#root{min-height:100vh}button{font:inherit;color:inherit}.brand{letter-spacing:.01em;white-space:nowrap;color:var(--color-text);align-items:center;font-size:36px;font-weight:700;line-height:1;display:inline-flex}.brand-a{background:var(--color-text);height:40px;color:var(--color-bg);border-radius:4px;justify-content:center;align-items:center;margin-right:1px;padding:0 2px;font-size:40px;display:inline-flex}.connect-view{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:24px;display:flex}.connect-message{color:var(--color-muted);font-size:20px}.error{color:var(--color-error);font-size:15px}.primary-btn,.secondary-btn{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-control);cursor:pointer;padding:10px 28px;font-size:16px;font-weight:600}.primary-btn{background:var(--color-accent);color:var(--color-on-accent);border:none}.secondary-btn{color:var(--color-text);border:1px solid var(--color-muted);background:0 0}.primary-btn:hover,.secondary-btn:hover{filter:brightness(1.1)}.device-view{flex-direction:column;height:100vh;padding:0 24px;display:flex}.topbar{flex:none;align-items:flex-start;height:129px;padding-top:25px;padding-left:6px;display:flex;position:relative}.tabs{gap:8px;display:flex;position:absolute;top:25px;left:calc(411px + min(604px,100% - 411px)/2);transform:translate(-50%)}.tab{text-transform:uppercase;letter-spacing:.02em;min-width:137px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-bottom:4px solid #0000;border-radius:2px;padding:6px 12px 12px;font-size:18px;font-weight:500;line-height:1}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.busy-spinner{border:2px solid #fff3;border-top-color:var(--color-accent);opacity:0;pointer-events:none;border-radius:50%;width:20px;height:20px;transition:opacity .15s ease-in;position:absolute;top:38px;right:6px}.busy-spinner.active{opacity:1;animation:.8s linear infinite busy-spin}@keyframes busy-spin{to{transform:rotate(360deg)}}.device-content{flex:auto;min-height:0}.app-version{color:var(--color-dim);font-size:11px;position:fixed;bottom:6px;right:10px}.loading{color:var(--color-muted);padding:8px 0;font-size:16px}.split{align-items:flex-start;gap:82px;height:100%;display:flex}.list-col{flex-direction:column;flex:none;width:329px;height:calc(100% - 27px);display:flex}.item-list{flex:auto;min-height:0;padding-right:28px;list-style:none;overflow-y:auto}@supports not selector(::-webkit-scrollbar){.item-list{scrollbar-color:var(--color-muted) var(--color-surface)}}.item-list::-webkit-scrollbar{width:11px}.item-list::-webkit-scrollbar-track{background:var(--color-surface);border-radius:6px}.item-list::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:6px}.list-item{border-radius:var(--radius-control);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;height:40px;padding:0 14px 0 18px;display:flex}.list-item:hover{background:#ffffff0f}.list-item.selected{background:var(--color-accent);color:var(--color-on-accent)}.list-index{flex:none;width:36px;font-size:12px;font-weight:500}.list-name{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:18px;font-weight:500;overflow:hidden}.list-item.empty:not(.selected){color:var(--color-dim)}.list-lock{color:var(--color-muted);margin-left:6px;font-size:16px}.list-item.selected .list-lock{color:var(--color-on-accent)}.channel-chip{background:var(--color-chip);height:20px;color:var(--color-on-chip);border-radius:3px;flex:none;margin-left:6px;padding:0 4px;font-size:11px;font-weight:600;line-height:20px}.channel-chip.active{background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-on-accent)}.list-filter{border-radius:var(--radius-control);background:var(--color-surface);height:40px;color:var(--color-muted);align-items:center;gap:8px;margin:0 28px 6px 0;padding:0 10px 0 18px;display:flex}.list-filter input{min-width:0;font:inherit;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:16px}.list-filter-clear{color:var(--color-muted);cursor:pointer;background:0 0;border:none;display:flex}.card-col{flex:0 604px;min-width:0;height:calc(100% - 27px);max-height:854px}.card{background:var(--color-surface);border-radius:var(--radius-card);flex-direction:column;height:100%;padding:24px 27px 0 29px;transition:opacity .15s;display:flex;position:relative;box-shadow:0 5px 12px #00000073}.card.busy{opacity:.85}.card.drag-over{outline:3px solid var(--color-accent);outline-offset:-3px}.card-kind{align-items:center;gap:16px;margin-bottom:14px;font-size:28px;font-weight:700;line-height:1;display:flex}.card-locked{color:var(--color-muted);text-transform:uppercase;align-items:center;gap:4px;font-size:14px;font-weight:500;display:inline-flex}.card-locked .material-symbols-outlined{font-size:16px}.card-field{justify-content:space-between;align-items:center;gap:16px;min-height:52px;display:flex}.card-field-big{min-height:62px;margin-bottom:4px}.card-field-main{flex:auto;align-items:center;gap:20px;min-width:0;display:flex}.card-field-value{white-space:nowrap;text-overflow:ellipsis;cursor:text;font-size:28px;font-weight:300;line-height:1.2;overflow:hidden}.card-field-big .card-field-value,.card-field-big .card-field-input{font-size:48px;font-weight:700}.card-field-value.placeholder{color:var(--color-muted);font-style:italic}.card-field.locked .card-field-value{cursor:default}.card-field-input{min-width:0;font:inherit;color:var(--color-text);border:none;border-bottom:2px solid var(--color-accent);background:#0000002e;border-radius:3px 3px 0 0;outline:none;flex:auto;padding:0 6px;font-size:28px;font-weight:300}.card-field-edit{color:var(--color-muted);cursor:pointer;background:0 0;border:none;flex:none;display:flex}.card-field-edit .material-symbols-outlined{font-size:24px}.card-field-edit:hover{color:var(--color-text)}.card-field.locked .card-field-edit{cursor:default}.card-field-counter{color:var(--color-muted);flex:none;font-size:13px}.card-field-label{color:var(--color-muted);flex:none;font-size:18px;font-weight:500}.card-art-wrap{flex:auto;justify-content:center;align-items:center;min-height:0;margin-right:-2px;padding:24px 0 86px;display:flex}.card-art{justify-content:center;align-items:center;width:100%;max-width:410px;height:100%;max-height:410px;display:flex}.card-art-crop{position:relative;overflow:hidden}.card-art-crop img{cursor:grab;max-width:none;display:block;position:absolute}.card-empty{text-align:center;color:var(--color-muted);flex:auto;justify-content:center;align-items:center;padding:24px 32px 86px;font-size:18px;display:flex}.card-download{background:var(--color-bg);width:40px;height:40px;color:var(--color-text);cursor:pointer;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:18px;right:18px}.card:hover .card-download,.card-download:focus-visible{opacity:1}.card-download:hover{background:var(--color-accent);color:var(--color-on-accent)}.card-message{justify-content:center;align-items:center;padding:32px}.toast{color:var(--color-text);border-radius:var(--radius-control);pointer-events:none;z-index:10;text-align:center;background:#1f1f1f;max-width:min(560px,90vw);padding:10px 18px;font-size:15px;animation:3s ease-out forwards toast-fade;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@keyframes toast-fade{0%,80%{opacity:1}to{opacity:0}}.synth-view{justify-content:center;display:flex}.synth-card{gap:8px;width:min(604px,100%);height:auto;padding-bottom:29px}.synth-rows div{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:16px;padding:12px 0;font-size:20px;display:flex}.synth-rows dt{color:var(--color-muted);font-weight:500}.synth-rows dd{font-variant-numeric:tabular-nums;font-weight:300}.synth-card .secondary-btn{align-self:flex-start}.synth-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.fw-offer .synth-actions{margin-top:12px}.fw-offer,.fw-progress{margin-top:16px}.fw-message{font-size:18px}.fw-hint,.connect-hint{color:var(--color-muted);font-size:15px}.connect-hint{text-align:center;max-width:420px}.fw-bar{border-radius:var(--radius-control);background:#ffffff14;height:6px;margin:12px 0;overflow:hidden}.fw-bar>div{background:var(--color-accent);height:100%}.tab:disabled{cursor:default;opacity:.4}.firmware-outdated{text-align:center;align-items:center;gap:12px;max-width:604px;height:auto;margin:0 auto;padding:40px}.firmware-outdated .material-symbols-outlined{color:var(--color-accent);font-size:48px}.firmware-outdated h2{font-size:28px;font-weight:700}.firmware-outdated p{color:var(--color-muted);font-size:18px}@media (width<=1000px){.device-view{height:auto;min-height:100vh}.topbar{flex-direction:column;align-items:center;gap:20px;height:auto;padding:20px 0 24px}.brand{font-size:30px}.brand-a{height:30px}.tabs{position:static;transform:none}.tab{min-width:0;font-size:16px}.split{flex-direction:column;gap:24px}.list-col,.card-col{width:100%;height:auto}.item-list{max-height:40vh}.card{min-height:640px}}