@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900&family=Inter:wght@400;500;600;700&display=swap";:root{color:#f3f3f1;font-synthesis:none;--red:#d71920;--blue:#6289b8;--line:#242424;background:#050505;font-family:Inter,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{color:inherit}.control-room{background:radial-gradient(circle at 50% 18%,#151515 0,#090909 33%,#050505 68%);grid-template-rows:74px 1fr 34px;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);background:#050505db;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:26px;padding:0 26px;display:grid}.brand{align-items:center;gap:12px;font-family:Barlow Condensed,sans-serif;display:flex}.brand-ufc{width:48px;height:auto;display:block}.brand div{border-left:1px solid #393939;padding-left:12px;line-height:.92;display:grid}.brand strong{letter-spacing:.06em;font-size:18px}.brand small{color:#767676;letter-spacing:.22em;margin-top:6px;font-size:10px}.show-pill,.connection,.output-link{letter-spacing:.13em;font-family:Barlow Condensed;font-size:12px;font-weight:700}.show-pill{color:#c9c9c6;border:1px solid #2f2f2f;border-radius:99px;align-items:center;gap:8px;padding:9px 13px;display:flex}.show-pill i{background:var(--red);width:6px;height:6px;box-shadow:0 0 12px var(--red);border-radius:50%}.connection{color:#777;justify-self:end;align-items:center;gap:8px;display:flex}.connection span{background:#555;border-radius:50%;width:7px;height:7px}.connection.connected{color:#b9d9ba}.connection.connected span{background:#40c266;box-shadow:0 0 10px #40c266}.output-link{color:#111;background:#efefec;align-items:center;gap:8px;padding:10px 13px;text-decoration:none;display:flex}.workspace{grid-template-columns:minmax(310px,1fr) minmax(420px,1.32fr) minmax(300px,.95fr);min-height:0;display:grid}.panel{border-right:1px solid var(--line);min-height:0;padding:23px}.panel:last-child{border-right:0}.panel-heading{align-items:baseline;gap:9px;height:28px;margin-bottom:17px;font-family:Barlow Condensed;display:flex}.panel-heading span{color:var(--red);font-size:10px;font-weight:700}.panel-heading h2{letter-spacing:.14em;margin:0;font-size:17px}.search-box{background:#0e0e0e;border:1px solid #393939;align-items:center;gap:11px;height:48px;padding:0 13px;display:flex}.search-box:focus-within{border-color:#737373}.search-box svg{color:#777}.search-box input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0}.search-box kbd{color:#666;border:1px solid #333;padding:2px 5px}.results-meta{color:#656565;letter-spacing:.16em;justify-content:space-between;padding:16px 2px 9px;font-size:9px;display:flex}.results-meta strong{color:#9a9a98}.clip-list{gap:6px;max-height:calc(100vh - 250px);display:grid;overflow:auto}.clip-card{text-align:left;cursor:pointer;background:#0c0c0c;border:1px solid #202020;grid-template-columns:31px 1fr auto;gap:10px;width:100%;padding:13px 12px;display:grid;position:relative}.clip-card:hover{background:#121212;border-color:#484848}.clip-card.selected{border-color:var(--red);background:linear-gradient(90deg,#d719201f,#0c0c0c 32%)}.clip-index{color:#555;padding-top:2px;font:700 11px Barlow Condensed}.clip-card h3{letter-spacing:.025em;margin:0 0 5px;font:600 16px Barlow Condensed}.clip-card p,.clip-card small{color:#858585;margin:0;font-size:9px}.clip-card small{color:#5f5f5f;margin-top:7px;display:block}.clip-card time{color:#777;font:500 10px Barlow Condensed}.center-panel{flex-direction:column;display:flex}.preview{aspect-ratio:16/9;background:#000;border:1px solid #252525;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000073}.preview:after{content:"PREVIEW";letter-spacing:.17em;color:#777;font:700 9px Barlow Condensed;position:absolute;top:12px;left:12px}.slate{background:#000;flex-direction:column;justify-content:center;align-items:center;font-family:Barlow Condensed;display:flex;position:absolute;inset:0}.slate-mark{align-items:center;gap:15px;display:flex}.slate-mark>span{color:var(--red);letter-spacing:-6px;font-size:clamp(42px,5vw,88px);font-style:italic;font-weight:900}.slate-mark strong{color:#fff;border-left:2px solid #666;max-width:280px;padding-left:17px;font-size:clamp(28px,3.2vw,58px);line-height:.82}.slate-label{color:#777;letter-spacing:.3em;text-transform:uppercase;margin-top:26px;font-size:clamp(11px,1vw,19px)}.slate-rule{background:#52769f;width:19%;height:1px;position:absolute;top:50%}.slate-rule--left{left:0}.slate-rule--right{right:0}.slate--compact .slate-mark>span{font-size:42px}.slate--compact .slate-mark strong{font-size:26px}.slate--compact .slate-label{text-align:center;max-width:70%;margin-top:17px;font-size:10px}.slate--compact .slate-rule{width:15%}.now-playing{border-bottom:1px solid #222;grid-template-columns:1fr auto;padding:15px 1px;display:grid}.now-playing small{color:var(--red);letter-spacing:.15em;grid-column:1/-1;font:700 9px Barlow Condensed}.now-playing strong{margin-top:5px;font:600 18px Barlow Condensed}.now-playing span{color:#838383;letter-spacing:.12em;align-self:end;font:700 10px Barlow Condensed}.transport{padding:14px 0}.time-row{color:#777;justify-content:space-between;font:500 12px Barlow Condensed;display:flex}.time-row b{color:#fff;font-size:17px}.transport input{appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--red) var(--progress), #333 var(--progress)) center/100% 4px no-repeat;touch-action:none;width:100%;height:22px;margin:4px 0 12px}.transport input::-webkit-slider-thumb{appearance:none;cursor:grab;background:#fff;border:2px solid #111;border-radius:50%;width:17px;height:17px;box-shadow:0 0 0 1px #777}.transport input:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.12)}.transport input::-moz-range-thumb{cursor:grab;background:#fff;border:2px solid #111;border-radius:50%;width:15px;height:15px}.transport-buttons{justify-content:center;align-items:center;gap:10px;display:flex}.transport-buttons button{cursor:pointer;background:#101010;border:1px solid #303030;justify-content:center;align-items:center;gap:5px;min-width:64px;height:38px;font:600 11px Barlow Condensed;display:flex}.transport-buttons .primary-transport{color:#090909;background:#e8e8e4;border-radius:50%;width:52px;min-width:52px;height:52px}.take-button{background:var(--red);letter-spacing:.12em;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;padding:15px;font:800 15px Barlow Condensed;display:flex}.take-button:disabled{color:#666;cursor:not-allowed;background:#222}.upload-card{cursor:pointer;background:#0b0b0b;border:1px dashed #414141;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:126px;display:flex}.upload-card:hover{border-color:#777}.upload-card.busy{border-color:var(--red)}.upload-card input{display:none}.upload-card svg{color:var(--red)}.upload-card strong{letter-spacing:.12em;font:700 13px Barlow Condensed}.upload-card small{color:#686868;font-size:9px}.ai-label{color:#777;letter-spacing:.14em;align-items:center;gap:7px;margin:17px 0 8px;font:600 9px Barlow Condensed;display:flex}.ai-label svg{color:#a77bf3}.research-list{gap:7px;max-height:calc(100vh - 300px);display:grid;overflow:auto}.research-list article{background:#0c0c0c;border:1px solid #222;grid-template-columns:25px 1fr;gap:8px;padding:12px;display:grid}.research-list article>span{color:#7656a7;font:700 10px Barlow Condensed}.research-list h3{margin:0;font:600 15px Barlow Condensed}.research-list p{color:#858585;font-size:10px;line-height:1.45}.research-list button{color:#bbb;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font:600 10px Barlow Condensed;display:flex}.empty-research{color:#777;border-left:1px solid #3a3a3a;padding:2px 0 2px 14px;font-size:11px;line-height:1.5}.empty-research span{color:#4f4f4f;font-size:9px}footer{border-top:1px solid var(--line);color:#555;letter-spacing:.13em;justify-content:space-between;align-items:center;padding:0 25px;font:600 9px Barlow Condensed;display:flex}.output-shell{background:#000;position:fixed;inset:0;overflow:hidden}.output-video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute}.output-signal{color:#555;letter-spacing:.15em;opacity:0;font:700 9px Barlow Condensed;transition:opacity .25s;position:absolute;bottom:18px;right:20px}.output-signal.is-live{color:#527a58}.output-arm{color:#fff;letter-spacing:.16em;cursor:pointer;background:#000000b8;border:0;width:100%;height:100%;font:800 clamp(18px,2vw,34px) Barlow Condensed;position:absolute;inset:0}.empty-results{color:#666;letter-spacing:.15em;text-align:center;border:1px dashed #292929;place-items:center;min-height:180px;padding:28px;font:700 12px Barlow Condensed;display:grid}.searching-results{color:#aaa;letter-spacing:.15em;border:1px dashed #292929;justify-content:center;align-items:center;gap:5px;min-height:180px;font:700 12px Barlow Condensed;display:flex}.searching-results i{background:var(--red);border-radius:50%;width:5px;height:5px;animation:1.05s ease-in-out infinite search-dot}.searching-results i:nth-of-type(2){animation-delay:.14s}.searching-results i:nth-of-type(3){animation-delay:.28s}@keyframes search-dot{0%,60%,to{opacity:.2;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.slate-mark strong{display:flex}.word-pulse{color:inherit;font:inherit;letter-spacing:inherit;animation:2.4s ease-in-out infinite photo-bump-pulse;display:inline-flex}.dance-letter{color:inherit;font:inherit;letter-spacing:inherit;animation:11.8s step-end infinite photo-bump-italic-wave;animation-delay:calc(var(--letter) * 90ms);transform-origin:50%;display:inline-block}.slate--compact .slate-label--clip{color:#aaa;letter-spacing:.22em;max-width:78%;margin-top:19px;font-size:clamp(12px,1.15vw,16px);font-weight:400;line-height:1.15}.preview-video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}@keyframes photo-bump-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes photo-bump-italic-wave{0%,33%,to{font-style:normal;transform:skew(0)}34%,78%{font-style:italic;transform:skew(-8deg)}79%{font-style:normal;transform:skew(0)}}@media (prefers-reduced-motion:reduce){.dance-letter{animation:none}}.slate-mark img{width:clamp(105px,12vw,220px);height:auto;display:block}.slate--compact .slate-mark img{width:108px}@media (width<=1100px){.workspace{grid-template-columns:1fr 1.2fr}.right-panel{border-top:1px solid var(--line);grid-column:1/-1}.topbar{grid-template-columns:1fr auto auto}.connection{display:none}}@media (width<=760px){.control-room{grid-template-rows:auto 1fr 34px}.topbar{grid-template-columns:1fr auto;padding:13px}.show-pill{display:none}.workspace{display:block}.panel{border-right:0;border-bottom:1px solid var(--line)}.clip-list,.research-list{max-height:none}.output-link{font-size:0}.output-link svg{width:18px;height:18px}}