@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter+Tight:ital,wght@0,400;0,500;0,650;1,400&display=swap";:root{font-family:Inter Tight,Helvetica Neue,Arial,sans-serif;color:#1c1b19;background:#f1eee6;font-synthesis:none;text-rendering:geometricPrecision;--paper: #f1eee6;--paper-deep: #e5e0d6;--ink: #1c1b19;--muted: #756f66;--line: rgba(28, 27, 25, .22);--red: #d9462f;--stage: #d9d3c7;--mono: "DM Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);overflow-x:hidden}body:after{content:"";position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}button,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit}.experience-shell{width:100%;min-height:100vh;padding:18px 20px 12px;animation:page-in .65s cubic-bezier(.2,.7,.2,1) both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.masthead{height:50px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;border-top:1px solid var(--ink);padding-top:9px}.wordmark{display:flex;align-items:center;gap:4px;font-size:18px;line-height:1;letter-spacing:-.055em;font-weight:650}.wordmark i{color:var(--red);font-style:normal;font-weight:400;transform:translateY(-1px)}.masthead-line{height:1px;background:var(--line);transform:translateY(5px)}.mcp-status{font:500 10px/1 var(--mono);letter-spacing:.08em;display:flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#9d988f}.mcp-status.live{color:var(--ink)}.mcp-status.live .status-dot{background:var(--red);box-shadow:0 0 0 5px #d9462f1a;animation:signal 2s ease-in-out infinite}.mcp-status.error .status-dot{background:#8d3428}@keyframes signal{0%,to{box-shadow:0 0 0 3px #d9462f14}50%{box-shadow:0 0 0 7px #d9462f05}}.stage-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(210px,.53fr) minmax(300px,.88fr);min-height:620px;height:min(71vh,790px);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.director-panel,.viewfinder-panel{min-width:0;position:relative}.director-panel{padding-right:12px}.story-rail{min-width:0;padding:14px 16px 15px;border-left:1px solid var(--ink);border-right:1px solid var(--ink);display:flex;flex-direction:column}.viewfinder-panel{padding:0 0 0 12px;display:flex;flex-direction:column}.panel-index,.micro-label,.eyebrow,.lower-heading,.footer-line,.viewfinder-meta,.instruction-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.panel-index{height:37px;display:flex;align-items:center;font-size:9px;color:var(--muted)}.stage-canvas{position:relative;height:calc(100% - 37px);overflow:hidden;background:var(--stage);cursor:crosshair}.stage-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 0 0 1px #1c1b1912}.stage-canvas canvas,.viewfinder canvas{width:100%!important;height:100%!important;display:block}.stage-instruction{position:absolute;left:17px;bottom:16px;z-index:3;max-width:235px;padding:12px 13px 13px;background:#f1eee6e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:2px solid var(--red)}.instruction-kicker{display:block;color:var(--red);font-size:8px;margin-bottom:7px}.stage-instruction strong{font-size:12px;line-height:1.25;font-weight:500}.stage-axis{position:absolute;z-index:3;font:400 8px/1 var(--mono);color:#1c1b1985;pointer-events:none}.axis-x{right:10px;bottom:9px}.axis-z{left:10px;top:9px}.eyebrow{margin:0 0 18px;font-size:8px;line-height:1.4;color:var(--red)}.story-rail h1{margin:0;font-size:clamp(38px,3.2vw,64px);line-height:.84;font-weight:500;letter-spacing:-.072em}.lede{margin:24px 0 0;font-size:13px;line-height:1.45;letter-spacing:-.015em}.roles{display:grid;grid-template-columns:1fr;gap:0;margin-top:auto;border-top:1px solid var(--ink)}.roles>div{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:baseline;padding:9px 0 8px;border-bottom:1px solid var(--line)}.roles span,.roles strong{font:400 9px/1.2 var(--mono);letter-spacing:.02em}.roles span{color:var(--muted)}.roles strong{font-weight:500}.lock-panel{margin-top:18px}.micro-label{display:block;font-size:8px;color:var(--muted);margin-bottom:8px}.lock-list{display:flex;gap:5px;flex-wrap:wrap}.lock-chip{appearance:none;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:5px 7px 5px 6px;font:400 8px/1 var(--mono);cursor:pointer;transition:.16s ease}.lock-chip span{margin-right:5px;color:#aaa399}.lock-chip:hover,.lock-chip.is-locked{border-color:var(--ink);color:var(--ink)}.lock-chip.is-locked span{color:var(--red)}.viewfinder{position:relative;width:100%;aspect-ratio:4 / 3;background:#23211f;overflow:hidden;margin-top:clamp(18px,6vh,66px)}.viewfinder:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f1eee62e;pointer-events:none}.viewfinder-meta{position:absolute;left:11px;right:11px;z-index:3;display:flex;justify-content:space-between;color:#f1eee6;font-size:8px;text-shadow:0 1px 5px rgba(0,0,0,.4);pointer-events:none}.viewfinder-meta.top{top:10px}.viewfinder-meta.bottom{bottom:10px}.frame-corners i{position:absolute;z-index:3;width:19px;height:19px;pointer-events:none}.frame-corners i:nth-child(1){left:19px;top:22px;border-left:1px solid #f1eee6;border-top:1px solid #f1eee6}.frame-corners i:nth-child(2){right:19px;top:22px;border-right:1px solid #f1eee6;border-top:1px solid #f1eee6}.frame-corners i:nth-child(3){left:19px;bottom:22px;border-left:1px solid #f1eee6;border-bottom:1px solid #f1eee6}.frame-corners i:nth-child(4){right:19px;bottom:22px;border-right:1px solid #f1eee6;border-bottom:1px solid #f1eee6}.crosshair{position:absolute;left:50%;top:50%;z-index:3;width:17px;height:17px;transform:translate(-50%,-50%);pointer-events:none}.crosshair span{position:absolute;background:#f1eee6bf}.crosshair span:first-child{width:17px;height:1px;left:0;top:8px}.crosshair span:last-child{height:17px;width:1px;left:8px;top:0}.capture-button{width:100%;margin-top:auto;min-height:58px;padding:0 2px 0 0;border:0;border-top:1px solid var(--ink);background:transparent;color:var(--ink);display:flex;justify-content:space-between;align-items:center;cursor:pointer;font:500 10px/1 var(--mono);letter-spacing:.05em}.capture-button b{font:400 23px/1 sans-serif;transition:transform .18s ease}.capture-button:hover b{transform:translate(4px,-4px)}.lower-deck{display:grid;grid-template-columns:.93fr 1.07fr;gap:22px;padding:14px 0 10px;min-height:210px}.pair-feed,.contact-sheet{min-width:0}.contact-sheet{border-left:1px solid var(--ink);padding-left:22px}.lower-heading{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:8px}.lower-heading em{font-style:normal;color:var(--muted)}.feed-entries{display:grid}.feed-entry{min-height:38px;display:grid;grid-template-columns:116px 1fr 26px;gap:10px;align-items:center;border-bottom:1px solid var(--line);font-size:10px}.feed-entry span{font:500 8px/1.2 var(--mono);letter-spacing:.04em}.feed-entry p{margin:0;color:#514d47;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-entry b{font:400 8px/1 var(--mono);color:var(--muted);text-align:right}.actor-agent span{color:var(--red)}.actor-system span{color:var(--muted)}.takes{display:flex;gap:8px;padding-top:10px;overflow-x:auto;scrollbar-width:thin}.empty-take{min-height:118px;flex:1;border:1px dashed var(--line);display:grid;grid-template-columns:auto 1fr;align-items:end;gap:16px;padding:12px}.empty-take span{font:400 8px/1 var(--mono);color:var(--muted)}.empty-take p{margin:0;max-width:260px;justify-self:end;font-size:11px;line-height:1.35;color:var(--muted)}.take-card{margin:0;flex:0 0 min(29%,190px);min-width:128px}.take-card img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;filter:saturate(.82) contrast(1.04)}.take-card figcaption{display:flex;justify-content:space-between;gap:8px;padding-top:5px;font:400 7px/1.2 var(--mono);text-transform:uppercase}.take-card figcaption b{color:var(--red);font-weight:500}.footer-line{min-height:25px;display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--ink);padding-top:9px;font-size:7px;color:var(--muted)}@media(max-width:1100px){.stage-layout{grid-template-columns:minmax(0,1.45fr) 220px minmax(280px,.8fr)}.story-rail h1{font-size:42px}}@media(max-width:860px){.experience-shell{padding:14px}.stage-layout{height:auto;min-height:0;grid-template-columns:1fr 1fr}.director-panel{grid-column:1 / -1;height:62vh;min-height:480px;padding-right:0;border-bottom:1px solid var(--ink)}.story-rail{border-left:0;min-height:390px}.viewfinder-panel{padding-left:12px;min-height:390px}.viewfinder{margin-top:10px}.lower-deck{grid-template-columns:1fr}.contact-sheet{border-left:0;border-top:1px solid var(--ink);padding:14px 0 0}}@media(max-width:620px){.masthead{grid-template-columns:auto 1fr}.masthead-line{display:none}.mcp-status{justify-self:end}.stage-layout{display:block}.director-panel{height:61vh;min-height:430px}.story-rail,.viewfinder-panel{border:0;border-top:1px solid var(--ink);padding:16px 0;min-height:0}.story-rail h1{font-size:54px}.roles{margin-top:48px}.viewfinder{margin-top:6px}.capture-button{margin-top:8px}.feed-entry{grid-template-columns:100px 1fr 24px}.take-card{flex-basis:48%}.footer-line{gap:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}::selection{background:var(--red);color:var(--paper)}.experience-shell{max-width:1920px;margin:0 auto}.masthead{position:relative}.wordmark{transform-origin:left top;animation:mark-arrive .9s var(--ease-out-expo) 80ms both}.wordmark:after{content:"CO-DIRECTION STUDY / 001";position:absolute;top:29px;left:0;font:400 7px/1 var(--mono);letter-spacing:.12em;color:var(--muted);white-space:nowrap}@keyframes mark-arrive{0%{opacity:0;transform:translate(-14px);letter-spacing:.04em}to{opacity:1;transform:translate(0);letter-spacing:-.055em}}.stage-layout{isolation:isolate;animation:stage-reveal 1.1s var(--ease-out-expo) .12s both}@keyframes stage-reveal{0%{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.director-panel:before,.viewfinder-panel:before{position:absolute;top:44px;z-index:5;pointer-events:none;font:400 7px/1 var(--mono);letter-spacing:.12em;color:#1c1b196b;writing-mode:vertical-rl}.director-panel:before{content:"HUMAN FIELD";right:19px}.viewfinder-panel:before{content:"AGENT EYE";left:19px;color:#f1eee68a;mix-blend-mode:difference}.stage-canvas{box-shadow:inset 0 0 80px #23201b14}.stage-canvas:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 22%,transparent 76%,rgba(28,27,25,.06)),radial-gradient(circle at 72% 18%,rgba(255,255,255,.13),transparent 24%);mix-blend-mode:soft-light}.stage-canvas canvas{transition:filter .32s ease}.stage-canvas:hover canvas{filter:contrast(1.015) saturate(1.025)}.stage-instruction{transform-origin:left bottom;animation:note-in .65s var(--ease-out-expo) .85s both;box-shadow:0 14px 34px #1c1b1914}@keyframes note-in{0%{opacity:0;transform:translateY(10px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.story-rail{position:relative;overflow:hidden}.story-rail:after{content:"";position:absolute;right:-30px;top:42%;width:106px;height:1px;background:var(--red);opacity:.6;transform:rotate(-62deg);transform-origin:center}.story-rail h1{text-wrap:balance;transform-origin:left center;animation:title-in .9s var(--ease-out-expo) .42s both}@keyframes title-in{0%{opacity:0;transform:translateY(22px) skewY(2deg)}to{opacity:1;transform:translateY(0) skewY(0)}}.lede,.roles,.lock-panel,.host-note{animation:rail-item-in .72s var(--ease-out-expo) both}.lede{animation-delay:.56s}.roles{animation-delay:.66s}.lock-panel{animation-delay:.74s}.host-note{animation-delay:.8s}@keyframes rail-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lock-chip{position:relative;overflow:hidden}.lock-chip:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .24s var(--ease-out-expo)}.lock-chip:hover:after,.lock-chip.is-locked:after{transform:scaleX(1)}.host-note{margin:13px 0 0;padding:10px 0 0;border-top:1px solid var(--line);font:400 7px/1.5 var(--mono);letter-spacing:.055em;color:var(--muted);text-transform:uppercase}.host-note span{display:block;margin-bottom:4px;color:var(--red);letter-spacing:.1em}.host-note.live{color:var(--ink)}.host-note.live span:before{content:"● ";font-size:6px}.viewfinder{box-shadow:0 25px 55px #1c1b1924;transform-origin:center;animation:finder-in 1s var(--ease-out-expo) .52s both}@keyframes finder-in{0%{opacity:0;transform:scale(.965) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.viewfinder:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(20,18,16,.11) 100%),linear-gradient(to bottom,rgba(255,255,255,.05),transparent 22%,transparent 78%,rgba(0,0,0,.16)),repeating-linear-gradient(to bottom,transparent 0 3px,rgba(255,255,255,.012) 3px 4px);mix-blend-mode:overlay}.crosshair{opacity:.8;transition:transform .38s var(--ease-out-expo),opacity .22s ease}.viewfinder:hover .crosshair{opacity:1;transform:translate(-50%,-50%) scale(1.12)}.capture-button{position:relative;overflow:hidden}.capture-button:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:translateY(101%);transition:transform .36s var(--ease-out-expo)}.capture-button:hover{color:var(--paper);padding-left:10px}.capture-button:hover:before{transform:translateY(0)}.capture-button,.capture-button:hover{transition:color .18s ease,padding .36s var(--ease-out-expo)}.lower-deck{position:relative}.lower-deck:before{content:"03";position:absolute;right:0;top:10px;font:300 clamp(56px,7vw,108px)/.8 var(--mono);color:#1c1b1909;pointer-events:none}.feed-entry{position:relative;transition:background .2s ease,padding .26s var(--ease-out-expo)}.feed-entry:hover{background:#1c1b1906;padding-left:6px}.actor-agent:before{content:"";position:absolute;left:-1px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--red);transform:translate(-100%,-50%)}.take-card{animation:take-land .62s var(--ease-out-expo) both}@keyframes take-land{0%{opacity:0;transform:translateY(12px) rotate(1.2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.take-card img{filter:saturate(.88) contrast(1.03);transition:filter .22s ease,transform .5s var(--ease-out-expo)}.take-card:hover img{filter:saturate(1) contrast(1.02);transform:scale(1.018)}.mcp-status.live:after{content:"5 TOOLS";font:400 7px/1 var(--mono);color:var(--red);border-left:1px solid var(--line);padding-left:8px;margin-left:2px}.mcp-status.unavailable .status-dot{background:transparent;border:1px solid #9d988f}.footer-line{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:20px}.footer-line span:nth-child(2){color:var(--muted);white-space:nowrap}.footer-line span:last-child{text-align:right}@media(max-width:1120px){.director-panel:before,.viewfinder-panel:before{display:none}.footer-line span:nth-child(2){display:none}.footer-line{grid-template-columns:1fr 1fr}}@media(max-width:860px){.host-note{margin-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}