:root{color:#1c1a20;background:#f6f5f7;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1c1a20;--ink-soft: #3d3a45;--muted: #6d6a76;--faint: #9b98a4;--paper: #f6f5f7;--card: #ffffff;--line: #eae8ed;--edge-strong: #d8d5dd;--lime: #e11d48;--coral: #be123c;--cherry-soft: #fdeaef;--sidebar: #ffffff;--sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bezel: #1c1a20;--live: #059669;--live-soft: #e6f6ef;--live-ink: #047352;--coral-wash: rgba(225, 29, 72, .12);--element: #2563eb;--element-wash: rgba(37, 99, 235, .12);--warn: #b45309;--warn-soft: #fdf4e7}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:none;padding:0;cursor:pointer}input{color:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}::selection{background:var(--ink);color:#fff}:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:8px}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#1c1a2029;border-radius:5px;border:3px solid var(--paper)}.app{height:100dvh}.shell{height:100dvh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{height:100dvh;padding:24px 18px 20px;display:flex;flex-direction:column;min-height:0;background:var(--sidebar);color:var(--ink);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;padding:0 8px;font-size:18px;letter-spacing:.02em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;font-size:26px;line-height:1}.brand strong{font-weight:800}nav.rail-nav{display:grid;gap:6px;margin-top:30px}.nav-item{display:flex;align-items:center;gap:13px;height:44px;padding:0 14px;border-radius:8px;color:var(--ink-soft);font-size:14px;font-weight:650;text-align:left;transition:.18s ease}.nav-item:hover{color:var(--ink);background:var(--paper)}.nav-item.active{color:var(--coral);background:var(--cherry-soft)}.nav-item svg{width:18px;flex-shrink:0}.rail-scroll{flex:1;min-height:0;overflow-y:auto;margin:22px -6px 6px;padding:0 6px}.rail-group{margin-top:24px}.rail-group:first-child{margin-top:0}.tiny-label,.eyebrow{color:var(--faint);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.rail-group>.tiny-label{display:block;padding:0 6px;margin-bottom:10px}.device-list{display:grid;gap:6px}.device-none{margin:0;padding:0 6px;color:var(--faint);font-size:11px}.device-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink-soft);text-align:left;transition:.15s ease}.device-row:hover,.device-row.selected{border-color:var(--edge-strong);color:var(--ink);background:var(--paper)}.device-row i{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--faint)}.device-row i.online{background:var(--live);box-shadow:0 0 0 3px var(--live-soft)}.device-row span{min-width:0;display:grid}.device-row strong{overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.device-row small{color:var(--faint);font-size:10px}.rail-select{position:relative;display:block}.rail-select select{width:100%;height:46px;padding:0 12px;border:1px solid var(--edge-strong);border-radius:8px;background:var(--paper);color:var(--ink);font-size:12px;outline:none}.rail-select select:focus{border-color:var(--lime);box-shadow:0 0 0 2px #e11d4840}.rail-live{display:flex;align-items:center;gap:8px;margin-top:9px;padding:0 6px;color:var(--muted);font-size:11px}.rail-live i{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px var(--live-soft)}.rail-live.is-empty i{background:var(--faint);box-shadow:none}.rail-live b{color:var(--ink);font-weight:650}.rail-actions{display:grid;gap:10px}.rail-btn{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid;border-radius:8px;font-size:13px;font-weight:750;transition:box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.rail-btn svg{width:17px}.rail-btn:disabled{cursor:not-allowed;opacity:.45}.rail-btn.primary{background:var(--lime);border-color:var(--lime);color:#fff;box-shadow:0 1px 2px #0000000d}.rail-btn.primary:hover:not(:disabled){background:var(--coral);border-color:var(--coral)}.rail-btn.record{background:transparent;border-color:var(--coral);color:var(--coral)}.rail-btn.record:hover:not(:disabled){background:var(--coral);color:#fff}.rail-btn.stop{background:var(--coral);border-color:var(--coral);color:#fff}.task-list{display:grid;gap:3px}.task-row{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border-radius:8px;color:var(--ink-soft);text-align:left;font-size:12.5px;transition:.15s ease}.task-row:hover{color:var(--ink);background:var(--paper)}.task-row.selected{color:var(--coral);background:var(--cherry-soft);box-shadow:inset 2px 0 0 var(--lime)}.task-row svg{width:16px;flex-shrink:0;color:var(--faint)}.task-row.selected svg{color:var(--coral)}.task-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row.is-none{color:var(--faint);font-style:italic}.rail-links{display:flex;flex-wrap:wrap;gap:6px 18px;padding:0 6px}.rail-link{color:var(--muted);font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:2px}.rail-link:hover{color:var(--lime)}.sidebar-foot{margin-top:14px;padding:16px 10px 0;border-top:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sidebar-foot .who{min-width:0}.sidebar-foot .who strong{display:block;color:var(--ink);font-size:12px;font-weight:700}.sidebar-foot .who span{color:var(--faint);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.sidebar-foot .sign-out{color:var(--muted);font-size:11px;font-weight:700;text-decoration:underline;white-space:nowrap}.sidebar-foot .sign-out:hover{color:var(--coral)}main{min-width:0;min-height:0;background:var(--paper)}.page{height:100dvh;overflow-y:auto;width:min(1360px,100%);margin:0 auto;padding:40px 44px 56px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}h1{margin:6px 0 0;font:800 clamp(34px,3.6vw,52px) / .98 var(--sans);letter-spacing:-.03em}h2{font-family:var(--sans);font-weight:700}.control{min-width:140px;height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--edge-strong);border-radius:8px;background:var(--card);color:var(--ink-soft);font-size:13px;font-weight:750;box-shadow:0 1px 2px #0000000d;transition:background .15s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease}.control:hover:not(:disabled){box-shadow:0 1px 2px #00000014}.control:disabled{cursor:wait;opacity:.55}.control.primary{background:var(--lime);border-color:var(--lime);color:#fff}.control.danger{background:var(--coral);border-color:var(--coral);color:#fff}.control.ghost{box-shadow:none;background:transparent;border-color:transparent;color:var(--muted)}.control svg{width:17px}.panel{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--card)}.panel.ink{border-color:var(--edge-strong);box-shadow:0 1px 2px #0000000d}.panel-head{min-height:72px;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.panel-head h2,.panel-head h3{margin:0;font:700 22px/1.1 var(--sans)}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.status-badge{width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.status-badge i{width:7px;height:7px;border-radius:50%;background:var(--faint)}.status-badge.running{border-color:var(--live);background:var(--live-soft);color:var(--live-ink)}.status-badge.running i{background:var(--live);box-shadow:0 0 0 4px var(--live-soft);animation:pulse 1.8s infinite}.status-badge.absent i{background:var(--coral)}.notice{margin:0 0 18px;padding:13px 16px;border:1px solid var(--live);border-radius:8px;background:var(--live-soft);color:var(--live-ink);font-size:13px}.error-banner{margin:0 0 18px;padding:13px 16px;border:1px solid rgba(225,29,72,.25);border-radius:8px;background:var(--cherry-soft);color:var(--coral);font-size:13px}.empty{min-height:160px;padding:32px 20px;display:grid;place-items:center;align-content:center;color:var(--muted);text-align:center}.empty>span{margin-bottom:8px;font:28px var(--sans)}.empty strong{color:var(--ink);font:700 16px var(--sans)}.empty p{max-width:320px;margin:6px 0 0;font-size:11px;line-height:1.5}.studio{height:100dvh;min-height:0;display:grid;grid-template-columns:296px minmax(0,1fr);background:var(--paper)}.studio.annotating{grid-template-columns:296px minmax(0,1fr) 452px}.captures{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--card)}.captures-head{flex-shrink:0;padding:22px 22px 14px;border-bottom:1px solid var(--line)}.captures-head h2{margin:0;font:700 24px/1 var(--sans);letter-spacing:-.02em}.captures-head p{margin:6px 0 0;color:var(--muted);font-size:11px}.captures-list{flex:1;min-height:0;overflow-y:auto;padding:8px 0 16px}.capture-row{display:flex;align-items:center;gap:13px;width:100%;padding:11px 22px;text-align:left;position:relative;transition:background .15s ease}.capture-row:hover{background:var(--paper)}.capture-row.selected{background:var(--cherry-soft)}.capture-row.selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--lime)}.capture-thumb{width:40px;aspect-ratio:375 / 812;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:var(--card);flex-shrink:0}.capture-info{min-width:0;flex:1}.capture-name{display:block;overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.capture-name.is-untitled{font-family:var(--sans);font-weight:400;font-style:italic;color:var(--muted)}.capture-meta{display:block;margin-top:4px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.capture-profile{display:inline-block;margin-top:5px;padding:2px 7px;border:1px solid var(--edge-strong);border-radius:999px;background:var(--cherry-soft);color:var(--coral);font-size:9px;font-weight:800;letter-spacing:.08em}.stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;padding:26px 40px 20px;gap:14px}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(28,26,32,.1) 1px,transparent 1px);background-size:26px 26px;opacity:.5;-webkit-mask-image:radial-gradient(70% 66% at 50% 44%,black 20%,transparent 100%);mask-image:radial-gradient(70% 66% at 50% 44%,black 20%,transparent 100%);pointer-events:none}.stage-coords{position:absolute;top:18px;right:28px;font-family:var(--sans);font-style:italic;font-size:14px;color:var(--muted);min-width:130px;text-align:right;pointer-events:none}.phone-area{container-type:size;flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.handset{--hr: clamp(28px, 5.2cqh, 44px);--hp: clamp(6px, 1.1cqh, 10px);position:relative;width:fit-content;height:fit-content;background:var(--bezel);border-radius:var(--hr);padding:var(--hp);box-shadow:0 30px 70px -30px #1c1a2073,0 10px 24px -14px #1c1a2038,inset 0 0 0 1px #ffffff0f}.screen-wrap{position:relative;height:min(calc(100cqh - 2 * var(--hp)),calc((100cqw - 2 * var(--hp)) * var(--ar-hw, 2.1653)));aspect-ratio:var(--ar, 375 / 812);border-radius:calc(var(--hr) - var(--hp));overflow:hidden;background:#0d0a05;cursor:crosshair;touch-action:none}.screen-wrap.is-still{cursor:default}@property --spin{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.shot-frame{position:relative;width:fit-content;height:fit-content}.shot-frame:before,.shot-frame:after{content:"";position:absolute;border-radius:3px;background:conic-gradient(from var(--spin),var(--lime),var(--coral),var(--lime),var(--coral),var(--lime));animation:spin-glow 3.4s linear infinite}.shot-frame:before{top:-7px;right:-7px;bottom:-7px;left:-7px;filter:blur(13px);opacity:.55}.shot-frame:after{top:-2px;right:-2px;bottom:-2px;left:-2px;opacity:.95}.shot-frame .screen-wrap{z-index:1;height:min(100cqh - 12px,calc((100cqw - 12px) * var(--ar-hw, 2.1653)));border-radius:0;box-shadow:0 24px 60px -26px #1c1a2066}@keyframes spin-glow{to{--spin: 360deg}}.screen-img{display:block;width:100%;height:100%;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mk-point{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid var(--lime);border-radius:50%;box-shadow:0 0 0 1.5px #ffffffeb,inset 0 0 0 1.5px #ffffffeb;animation:mark-pop .3s ease;transition:transform .2s ease,opacity .2s}.mk-point:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--lime)}.mk-box{position:absolute;border:2px solid var(--lime);border-radius:4px;background:var(--coral-wash);box-shadow:0 0 0 1.5px #ffffffd9,inset 0 0 0 1.5px #ffffffb3;animation:mark-pop .3s ease;transition:transform .2s ease,opacity .2s}.mk-tag{position:absolute;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--lime);color:#fff;font-family:var(--sans);font-size:12px;font-weight:700;line-height:19px;text-align:center;box-shadow:0 0 0 1.5px #ffffffeb}.mk-point .mk-tag{left:13px;top:-13px}.mk-box .mk-tag{left:-8px;top:-8px}.is-dimmed{opacity:.38}.is-lit{transform:scale(1.12);z-index:2}.mk-box.is-lit{transform:none;box-shadow:0 0 0 1.5px #ffffffd9,0 0 0 5px var(--coral-wash),inset 0 0 0 1.5px #ffffffb3;z-index:2}.drag-box{position:absolute;border:2px dashed var(--lime);border-radius:4px;background:var(--coral-wash);pointer-events:none}.tap-ripple{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid var(--lime);border-radius:50%;pointer-events:none;animation:ripple .55s ease-out forwards}.el-box{position:absolute;border:1.5px solid var(--element);background:var(--element-wash);border-radius:3px;pointer-events:none}.el-box.is-lit{border-width:2px;background:#2563eb33;box-shadow:0 0 0 1.5px #ffffffd9}.swipe-arrow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.swipe-arrow line{stroke:var(--lime);stroke-width:6;stroke-linecap:round;vector-effect:non-scaling-stroke}.swipe-arrow circle{fill:#ffffffe6;stroke:var(--lime);stroke-width:2;vector-effect:non-scaling-stroke}.swipe-arrow .swipe-end{fill:var(--lime)}.void-phone{height:74cqh;aspect-ratio:375 / 812;border:1.5px dashed var(--edge-strong);border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:30px;background:var(--card)}.void-phone em{font-family:var(--sans);font-style:italic;font-size:20px;color:var(--muted)}.void-phone p{margin:0;font-size:12px;line-height:1.6;color:var(--muted);max-width:220px}.void-phone .connect-reason{max-width:280px;white-space:pre-wrap;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--coral)}.stage-foot{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:46px;justify-content:flex-end}.stage-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.foot-divider{width:1px;height:20px;background:var(--line);margin:0 3px}.pill{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 15px;border:1px solid var(--edge-strong);border-radius:8px;background:var(--card);font-size:12.5px;font-weight:700;box-shadow:0 1px 2px #0000000d;transition:box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.pill:hover:not(:disabled){box-shadow:0 1px 2px #00000014;background:var(--paper)}.pill:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pill svg{display:block;width:15px}.pill.pill-primary{background:var(--lime);border-color:var(--lime);color:#fff}.pill.pill-danger:hover:not(:disabled){background:var(--coral);border-color:var(--coral);color:#fff}.pill.is-on{background:var(--lime);border-color:var(--lime);color:#fff}.launch-inline{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.launch-input{width:220px;height:40px;border:1px solid var(--edge-strong);border-radius:8px;background:var(--paper);padding:0 12px;font-size:13px;font-weight:600;outline:none}.launch-input:focus{border-color:var(--lime);box-shadow:0 0 0 2px #e11d4840}.launch-input::placeholder{font-family:var(--sans);font-style:italic;font-weight:400;color:var(--faint)}.chip{height:30px;padding:0 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11.5px;font-weight:700;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease,border-color .15s ease,background .15s ease}.chip:hover:not(:disabled){color:var(--coral);border-color:var(--edge-strong);background:var(--cherry-soft)}.inspector{min-height:0;overflow-y:auto;border-left:1px solid var(--line);padding:22px 26px 28px;display:flex;flex-direction:column;background:var(--card)}.inspector-col{height:100dvh;min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--card)}.inspector-col .inspector{flex:1;border-left:none}.inspector-stage{flex-shrink:0;height:42vh;min-height:300px;border-bottom:1px solid var(--line)}.inspector-stage .stage{height:100%;padding:16px 18px 10px;gap:10px}.inspector-stage .stage:before{opacity:.28}.sec{display:flex;align-items:center;gap:10px;margin:26px 0 14px}.sec:first-child{margin-top:4px}.sec-label{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.sec-rule{flex:1;height:1px;background:var(--line)}.sec-aside{font-size:11px;color:var(--muted);font-weight:700}.device-figure{font-family:var(--sans);font-size:29px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:2px 0 14px}.device-figure em{font-style:italic;font-weight:400;color:var(--muted)}.spec-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.spec-row dt{color:var(--muted);font-weight:600}.spec-row dd{margin:0;font-weight:700}.recorded-as{margin:8px 0 0;display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--edge-strong);border-radius:999px;background:var(--cherry-soft);color:var(--coral);font-size:11px;font-weight:700}.recorded-as span{color:var(--muted);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.dev-list{list-style:none;margin:0;padding:0}.dev-row{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line);font-size:13px;cursor:pointer;transition:background .15s ease}.dev-row:hover{background:var(--paper)}.dev-row.is-selected{font-weight:700}.dev-row.is-absent{color:var(--muted)}.dev-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--faint)}.dev-dot-auto{background:transparent;border:1.5px solid var(--line)}.dev-row.is-selected .dev-dot-auto{border-color:var(--edge-strong)}.dev-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-kind{flex-shrink:0;font-size:11px;font-weight:600;color:var(--muted)}.shot-title-input{width:100%;border:none;border-bottom:1px solid transparent;background:transparent;font-family:var(--sans);font-size:26px;font-weight:700;letter-spacing:-.02em;padding:2px 0 6px;transition:border-color .2s}.shot-title-input:focus{outline:none;border-bottom-color:var(--line)}.shot-title-input::placeholder{font-style:italic;font-weight:400;color:var(--faint)}.shot-datestamp{font-size:12px;color:var(--muted);margin-top:6px}.mk-list{list-style:none;margin:0;padding:0}.mk-row{display:flex;align-items:flex-start;gap:13px;padding:12px 0;border-bottom:1px solid var(--line)}.mk-num{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--lime);color:#fff;font-family:var(--sans);font-size:12.5px;font-weight:700;line-height:22px;text-align:center;margin-top:1px;transition:transform .2s ease}.mk-row:hover .mk-num{transform:scale(1.12)}.mk-main{flex:1;min-width:0}.mk-name{width:100%;border:none;border-bottom:1px solid transparent;background:transparent;font-size:13.5px;font-weight:700;padding:0 0 3px;transition:border-color .2s}.mk-name:focus{outline:none;border-bottom-color:var(--line)}.mk-name::placeholder{font-family:var(--sans);font-style:italic;font-weight:400;color:var(--faint)}.mk-desc{display:block;font-size:12px;color:var(--muted);margin-top:2px}.mk-under{color:var(--element);font-weight:600}.mk-del{flex-shrink:0;width:24px;height:24px;border-radius:50%;color:var(--faint);font-size:17px;line-height:22px;text-align:center;opacity:0;transition:opacity .15s,color .15s,background .15s}.mk-row:hover .mk-del,.mk-row:focus-within .mk-del{opacity:1}.mk-del:hover{color:#fff;background:var(--coral)}.mk-empty{padding:6px 0 2px}.mk-empty em{font-family:var(--sans);font-style:italic;font-size:15px;color:var(--muted)}.keymap-select{width:100%;height:44px;border:1px solid var(--edge-strong);border-radius:8px;background:var(--paper);padding:0 12px;font-size:13px;font-weight:600;color:var(--ink);margin:2px 0 10px;outline:none}.keymap-select:focus{border-color:var(--lime);box-shadow:0 0 0 2px #e11d4840}.layer-field{display:flex;align-items:baseline;gap:12px;font-size:12.5px;color:var(--muted);font-weight:600;margin:-2px 0 8px}.note-input{width:100%;border:none;border-bottom:1px solid transparent;background:transparent;font-size:12.5px;padding:3px 0;color:var(--ink);transition:border-color .2s;font-family:inherit}.note-input:focus{outline:none;border-bottom-color:var(--line)}.note-input::placeholder{font-family:var(--sans);font-style:italic;color:var(--faint)}.check-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:-4px 0 8px}.el-list{list-style:none;margin:0;padding:0;max-height:44vh;overflow-y:auto;border-top:1px solid var(--line)}.el-row{display:flex;align-items:baseline;gap:8px;padding:5px 2px;border-bottom:1px solid var(--line);font-size:12.5px;cursor:pointer;transition:background .15s}.el-row:hover{background:var(--paper)}.el-role{flex-shrink:0;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);min-width:60px}.el-role.is-clickable{color:var(--element)}.el-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-lines{display:flex;flex-wrap:wrap;gap:5px}.text-line{font-size:11.5px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.link-btn{margin-left:12px;font-size:12px;font-weight:700;color:var(--coral);text-decoration:underline}.fleet-scroll{width:100%;overflow-x:auto}.proxy-table{width:100%;border-collapse:collapse;font-size:12px}.proxy-table th{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:8.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;text-align:left;white-space:nowrap}.proxy-table td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.proxy-table tr:last-child td{border-bottom:0}.proxy-table td strong{font-weight:700}.proxy-table td small{display:block;color:var(--faint);font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.proxy-table em{color:var(--muted);font-style:italic}.pill-status{display:inline-flex;align-items:center;gap:7px;padding:3px 9px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.pill-status i{width:7px;height:7px;border-radius:50%;background:var(--faint)}.pill-status.online{border-color:var(--live);background:var(--live-soft);color:var(--live-ink)}.pill-status.online i{background:var(--live)}.pill-status.absent{color:var(--coral);border-color:#e11d4840;background:var(--cherry-soft)}.pill-status.absent i{background:var(--coral)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#1c1a204d;animation:fade-in .2s ease}.modal{width:min(560px,100%);max-height:88vh;overflow-y:auto;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 20px 40px #0000002e;animation:modal-in .25s ease}.modal.is-wide{width:min(720px,100%)}.modal-head{padding:22px 26px 16px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font:700 26px/1 var(--sans);letter-spacing:-.02em}.modal-head p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.modal-body{padding:22px 26px;display:grid;gap:14px}.modal-foot{padding:16px 26px 22px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line)}.field{position:relative;display:block}.field>span{position:absolute;z-index:1;top:8px;left:13px;color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.field input,.field select,.field textarea{width:100%;min-height:54px;padding:24px 12px 8px;border:1px solid var(--edge-strong);border-radius:8px;background:var(--paper);color:var(--ink);font-size:13px;outline:none}.field textarea{min-height:120px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--lime);box-shadow:0 0 0 2px #e11d4840}.field-note{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.proxy-list{border:1px solid var(--line);border-radius:8px;overflow:hidden}.proxy-none{margin:0;padding:20px;color:var(--muted);font-size:12px;text-align:center}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:90;background:var(--ink);color:#fff;font-size:12.5px;font-weight:700;padding:11px 18px;border-radius:999px;box-shadow:0 10px 25px #00000026;animation:toast-in .35s ease;max-width:min(80vw,560px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login{height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--paper)}.login-card{width:min(380px,90vw);display:flex;flex-direction:column;gap:18px;padding:34px 34px 30px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 10px 30px #00000014}.login-brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800}.login-field{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.login-field input{height:46px;border:1px solid var(--edge-strong);border-radius:8px;background:var(--paper);padding:0 12px;font-size:14px;font-weight:600;letter-spacing:normal;text-transform:none;outline:none}.login-field input:focus{border-color:var(--lime);box-shadow:0 0 0 2px #e11d4840}.login-error{font-size:12.5px;color:var(--coral)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 7px #05966900}}@keyframes mark-pop{0%{transform:scale(.55);opacity:0}}@keyframes ripple{to{transform:scale(3.6);opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.99)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 1240px){.studio{grid-template-columns:260px minmax(0,1fr) 400px}.stage{padding:22px 26px 16px}.inspector{padding:20px 22px 24px}}@media (max-width: 1050px){.shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand{justify-content:center;padding:0}.brand strong,.nav-item span,.rail-scroll,.sidebar-foot{display:none}.nav-item{justify-content:center;padding:0}}@media (max-width: 960px){body{overflow:auto}.shell,.studio{height:auto}.studio{display:flex;flex-direction:column}.stage{min-height:74vh}.captures{border-right:none;border-bottom:1px solid var(--line)}.inspector,.inspector-col{border-left:none;border-top:1px solid var(--line)}.inspector-col{height:auto}.inspector-stage{height:60vh}}.device-row i.reconnecting{background:var(--warn);box-shadow:0 0 0 3px #b453092e;animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{50%{opacity:.35}}.inspector-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.inspector-head-label{font:700 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.inspector-head-actions{display:flex;align-items:center;gap:8px}.head-btn{border:1px solid var(--edge-strong);background:var(--card);color:var(--ink-soft);border-radius:8px;font:600 12px/1 var(--sans);padding:6px 10px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.head-btn:hover{background:var(--paper)}.head-btn.discard{color:var(--coral);border-color:#e11d4847}.head-btn.discard:hover{background:var(--cherry-soft)}.head-btn.close{width:30px;height:30px;padding:0;display:grid;place-items:center;font-size:18px;line-height:1}.fleet-tools{display:flex;align-items:center;gap:12px}.seg{display:inline-flex;padding:3px;background:var(--paper);border:1px solid var(--line);border-radius:10px;gap:2px}.seg-btn{border:0;background:transparent;color:var(--muted);font:600 13px/1 var(--sans);padding:7px 16px;border-radius:7px;cursor:pointer;transition:background .15s ease,color .15s ease}.seg-btn.active{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0000000f}.proxy-table tr.is-clickable{cursor:pointer}.proxy-table tr.is-clickable:hover td{background:var(--paper)}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:4px 0 24px}.fleet-tile{border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden;box-shadow:0 1px 2px #0000000a}.fleet-tile-screen{aspect-ratio:9 / 19;background:#0d0a05;display:grid;place-items:center;overflow:hidden}.fleet-tile-foot{padding:11px 14px}.fleet-tile-foot strong{display:block;font:700 13px/1.2 var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fleet-tile-foot small{color:var(--faint);font-size:11px}.shot-live{display:block;width:100%;height:100%;object-fit:contain}.shot-loading{display:grid;place-items:center;width:100%;height:100%;color:var(--faint);font-size:12px;font-style:italic}.fleet-modal{width:min(440px,92vw)}.fleet-modal .modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.fleet-modal-screen{margin-top:16px;aspect-ratio:9 / 19;max-height:66vh;background:#0d0a05;border-radius:12px;overflow:hidden;display:grid;place-items:center}.sidebar,.rail-scroll{overflow-x:hidden}.rail-live.is-reconnecting{color:var(--warn)}.rail-live.is-reconnecting i{background:var(--warn);box-shadow:0 0 0 3px #b453092e;animation:pulse-dot 1.2s ease-in-out infinite}.inspector-annotate{overflow:hidden;padding:0}.inspector-annotate .inspector-head{padding:18px 22px 12px;margin-bottom:0}.inspector-body{flex:1;min-height:0;overflow-y:auto;padding:4px 26px 20px}.inspector-foot{flex-shrink:0;display:grid;gap:10px;padding:14px 22px;border-top:1px solid var(--line);background:var(--card)}.inspector-foot .control{width:100%;min-width:0}.captures-head-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.rec-dot{display:inline-flex;align-items:center;gap:6px;color:var(--coral);font:800 10px/1 var(--sans);letter-spacing:.14em}.rec-dot i{width:8px;height:8px;border-radius:50%;background:var(--coral);animation:pulse-dot 1.1s ease-in-out infinite}.captures-task{width:100%;height:38px;margin-top:12px;padding:0 12px;border:1px solid var(--edge-strong);border-radius:8px;background:var(--paper);color:var(--ink);font:600 13px/1 var(--sans);outline:none;cursor:pointer}.captures-task:focus{border-color:var(--lime);box-shadow:0 0 0 2px #e11d4840}.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.app-tile{height:52px;border:1px solid var(--edge-strong);border-radius:10px;background:var(--card);color:var(--ink);font:650 14px/1 var(--sans);cursor:pointer;transition:border-color .15s ease,background .15s ease}.app-tile:hover{border-color:var(--lime);background:var(--cherry-soft);color:var(--coral)}