@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&family=Crimson+Pro:ital,wght@0,300;0,400;1,300&display=swap";:root{--bg:#18161c;--bg2:#1e1c24;--bg3:#242030;--bg4:#0f0e13;--mauve:#9888a8;--plum:#7c7090;--rose:#c08090;--teal:#7898a8;--cream:#ccc4d4;--muted:#5e5870;--dim:#3a3548;--border:#b2a8c61f;--text:#b8b0c8;--green:#6aaa80;--red:#b07070;--amber:#c09050;--blue:#7898c8;--bg-primary:var(--bg);--bg-secondary:var(--bg2);--bg-tertiary:var(--bg3);--text-primary:var(--cream);--text-secondary:var(--muted);--accent-green:var(--green);--accent-red:var(--red);--accent-blue:var(--teal)}*,:before,:after{box-sizing:border-box}html{font-size:17px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:IBM Plex Mono,PingFang TC,Microsoft JhengHei,monospace;font-size:14px;font-weight:300}#root{text-align:left;width:100vw;max-width:none;height:100vh;margin:0;padding:0;display:block}.app-container{background:var(--bg);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.main-layout{flex:1;display:flex;overflow:hidden}.content-area{background:var(--bg);flex:1;padding:16px 20px;overflow-y:auto}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--dim);border-radius:2px}@keyframes pulse{0%{opacity:1}50%{opacity:.35}to{opacity:1}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;outline:2px solid #9888a880}select option{background:var(--bg2);color:var(--cream)}.nd-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:14px 16px;position:relative;overflow:hidden}.nd-card:before{content:"";background:linear-gradient(90deg, transparent, var(--card-accent,#9888a840), transparent);height:1px;position:absolute;top:0;left:16px;right:16px}.nd-card-title{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:500}.cam-select{appearance:none;background-color:var(--bg4);color:var(--cream);cursor:pointer;letter-spacing:.02em;background-image:linear-gradient(45deg,#0000 50%,#7898a899 50%),linear-gradient(135deg,#7898a899 50%,#0000 50%);background-position:calc(100% - 11px) 52%,calc(100% - 7px) 52%;background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #7898a840;border-radius:3px;min-width:160px;padding:4px 22px 4px 8px;font-family:IBM Plex Mono,monospace;font-size:.68rem;transition:border-color .15s,background-color .15s}.cam-select:hover:not(:disabled){background-color:#242030b3;border-color:#7898a880}.cam-select:disabled{opacity:.45;cursor:not-allowed}.cam-rig{background:var(--bg2);border:1px solid var(--border);border-radius:5px;margin:12px 0;padding:9px 12px 11px;position:relative;overflow:hidden}.cam-rig:before{content:"";background:linear-gradient(90deg,#0000,#7898a873,#0000);height:1px;position:absolute;top:0;left:14px;right:14px}.cam-rig-head{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.35rem;margin-bottom:9px;font-family:IBM Plex Mono,monospace;font-size:.62rem;display:flex}.cam-rig-head-glyph{color:var(--teal);font-family:Crimson Pro,Georgia,serif;font-size:1rem;font-style:italic;line-height:1}.cam-rig-body{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cam-check{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--cream);letter-spacing:.03em;align-items:center;gap:7px;font-family:IBM Plex Mono,monospace;font-size:.72rem;display:inline-flex}.cam-check input{opacity:0;pointer-events:none;position:absolute}.cam-check-box{background:var(--bg4);width:14px;height:14px;color:var(--bg);border:1px solid #7898a88c;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;transition:all .15s;display:inline-flex}.cam-check input:checked+.cam-check-box{background:var(--teal);border-color:var(--teal);box-shadow:0 0 6px #7898a873}.cam-check input:checked+.cam-check-box:after{content:"✓"}.cam-check input:disabled+.cam-check-box{opacity:.35}.cam-check.disabled{cursor:not-allowed;color:var(--muted)}.cam-pill{color:var(--teal);cursor:pointer;white-space:nowrap;letter-spacing:.04em;background:0 0;border:1px solid #7898a859;border-radius:3px;align-items:center;gap:5px;padding:4px 11px;font-family:IBM Plex Mono,monospace;font-size:.68rem;transition:all .15s;display:inline-flex}.cam-pill:hover:not(:disabled){background:#7898a81a;border-color:#7898a899}.cam-pill:disabled{opacity:.35;cursor:not-allowed}.cam-pill.has-folder{color:var(--cream);background:#7898a80f;border-color:#7898a880}.cam-pill-glyph{font-size:.8rem;line-height:1}.cam-ready{color:var(--green);letter-spacing:.08em;align-items:baseline;gap:4px;font-family:IBM Plex Mono,monospace;font-size:.65rem;display:inline-flex}.cam-ready-count{text-shadow:0 0 6px #6aaa8073;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.cam-compat{background:#c0905012;border:1px solid #c0905059;border-radius:5px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex;position:relative;overflow:hidden}.cam-compat:before{content:"";background:linear-gradient(90deg,#0000,#c090508c,#0000);height:1px;position:absolute;top:0;left:14px;right:14px}.cam-compat-glyph{color:var(--amber);text-shadow:0 0 8px #c0905059;flex-shrink:0;font-family:Crimson Pro,Georgia,serif;font-size:1.45rem;font-style:italic;font-weight:600;line-height:.9}.cam-compat-text{color:#c09050eb;letter-spacing:.02em;font-family:IBM Plex Mono,monospace;font-size:.72rem;line-height:1.55}.cam-slot-row{background:var(--bg4);border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:5px 10px;font-size:.65rem;display:flex}.cam-slot-glyph{color:var(--teal);font-family:Crimson Pro,Georgia,serif;font-size:.95rem;font-style:italic;line-height:1}.cam-slot-warn{color:var(--rose);text-shadow:0 0 5px #c0809080;font-family:Crimson Pro,Georgia,serif;font-size:.9rem;font-style:italic}.cam-dock{-webkit-backdrop-filter:blur(10px);z-index:2000;color:var(--cream);background:#0f0e13f0;border:1px solid #7898a86b;border-radius:6px;flex-direction:column;font-family:IBM Plex Mono,monospace;display:flex;position:fixed;overflow:hidden;box-shadow:0 14px 36px #0009,0 0 0 1px #7898a80f,inset 0 1px #7898a82e}.cam-dock:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#7898a899,#0000);height:1px;position:absolute;top:0;left:14px;right:14px}.cam-dock-head{cursor:move;-webkit-user-select:none;user-select:none;background:linear-gradient(#242030f2,#0f0e13f2);border-bottom:1px solid #7898a82e;flex-shrink:0;align-items:center;gap:9px;height:30px;padding:0 6px 0 10px;display:flex}.cam-dock-recdot{background:#ff5050;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s ease-in-out infinite cam-rec-pulse;box-shadow:0 0 8px #ff5050bf}@keyframes cam-rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.cam-dock-label{letter-spacing:.22em;color:var(--muted);text-transform:uppercase;flex-shrink:0;font-size:.58rem}.cam-dock-time{color:var(--cream);letter-spacing:.14em;font-variant-numeric:tabular-nums;text-shadow:0 0 6px #7898a84d;flex-shrink:0;font-size:.82rem;font-weight:500}.cam-dock-spacer{flex:1}.cam-dock-icon{width:22px;height:22px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #7898a84d;border-radius:3px;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:.7rem;line-height:1;transition:all .12s;display:inline-flex}.cam-dock-icon:hover{color:var(--teal);background:#7898a81f}.cam-dock-icon.danger:hover{color:var(--rose);background:#c080902e;border-color:#c0809080}.cam-dock-grid{flex:1;gap:4px;min-height:0;padding:5px;display:grid}.cam-tile{background:#000;border:1px solid #7898a82e;border-radius:3px;flex-direction:column;display:flex;position:relative;overflow:hidden}.cam-tile-video{object-fit:cover;background:#000;flex:1;width:100%;min-height:0}.cam-tile-id{letter-spacing:.15em;color:var(--cream);text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:1px solid #7898a866;border-radius:2px;padding:1px 6px;font-family:IBM Plex Mono,monospace;font-size:.55rem;position:absolute;top:5px;left:5px}.cam-tile-status{pointer-events:none;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.cam-tile-status.recording{background:var(--green);animation:1.4s ease-in-out infinite cam-rec-pulse;box-shadow:0 0 6px #6aaa80b3}.cam-tile-status.paused{background:var(--amber);box-shadow:0 0 6px #c0905099}.cam-tile-status.error{background:var(--rose);box-shadow:0 0 6px #c0809099}.cam-tile-status.idle{background:var(--muted);box-shadow:0 0 4px #5e587066}.cam-tile-bar{background:#000000b3;border-top:1px solid #7898a826;flex-shrink:0;align-items:center;gap:6px;padding:3px 6px;font-family:IBM Plex Mono,monospace;font-size:.58rem;display:flex}.cam-tile-seg{color:var(--muted);letter-spacing:.12em;font-variant-numeric:tabular-nums;text-transform:uppercase;flex:1}.cam-tile-seg b{color:var(--cream);font-weight:500}.cam-tile-action{color:var(--teal);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:1px solid #7898a859;border-radius:2px;padding:1px 6px;font-family:IBM Plex Mono,monospace;font-size:.55rem;transition:all .12s}.cam-tile-action:hover{background:#7898a824}.cam-tile-action.amber{color:var(--amber);border-color:#c0905073}.cam-tile-action.amber:hover{background:#c090501f}.cam-tile-error{color:#fff;text-align:center;letter-spacing:.04em;-webkit-backdrop-filter:blur(2px);background:#c0809099;flex-direction:column;justify-content:center;align-items:center;padding:8px;font-family:IBM Plex Mono,monospace;font-size:.6rem;display:flex;position:absolute;inset:0}.cam-tile-error-glyph{text-shadow:0 0 8px #0006;margin-bottom:4px;font-family:Crimson Pro,Georgia,serif;font-size:1.3rem;font-style:italic;font-weight:600;line-height:1}.cam-dock-resize{cursor:nwse-resize;z-index:2;background:linear-gradient(135deg,#0000 0% 38%,#7898a88c 38% 50%,#0000 50% 62%,#7898a88c 62% 74%,#0000 74%);width:14px;height:14px;position:absolute;bottom:0;right:0}.cam-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:2500;background:#08070cb8;justify-content:center;align-items:center;animation:.15s ease-out cam-modal-in;display:flex;position:fixed;inset:0}@keyframes cam-modal-in{0%{opacity:0}to{opacity:1}}.cam-modal{background:var(--bg2);width:360px;color:var(--cream);border:1px solid #7898a866;border-radius:6px;padding:16px 20px 14px;font-family:IBM Plex Mono,monospace;animation:.18s cubic-bezier(.2,.7,.4,1) cam-modal-pop;position:relative;box-shadow:0 14px 44px #000000a6}@keyframes cam-modal-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.cam-modal:before{content:"";background:linear-gradient(90deg,#0000,#7898a899,#0000);height:1px;position:absolute;top:0;left:16px;right:16px}.cam-modal-title{letter-spacing:.18em;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--border);align-items:center;gap:7px;margin:0 0 10px;padding-bottom:8px;font-size:.68rem;display:flex}.cam-modal-title-glyph{color:var(--plum);font-family:Crimson Pro,Georgia,serif;font-size:1.05rem;font-style:italic;line-height:1}.cam-modal-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 0;font-size:.7rem;display:flex}.cam-modal-row:last-of-type{border-bottom:none}.cam-modal-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem}.cam-modal-warn{color:var(--amber);letter-spacing:.02em;background:#c0905012;border:1px solid #c0905066;border-radius:3px;align-items:flex-start;gap:7px;margin-top:12px;padding:7px 10px;font-family:IBM Plex Mono,monospace;font-size:.65rem;line-height:1.55;display:flex}.cam-modal-warn-glyph{margin-top:1px;font-family:Crimson Pro,Georgia,serif;font-size:1rem;font-style:italic;font-weight:600;line-height:1}.cam-modal-foot{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}