.project-frame{isolation:isolate;border:1px solid var(--border);background:var(--surface);position:relative}.project-frame[data-frame=DRAFT]{border-style:dashed;border-color:color-mix(in srgb, var(--text-muted) 45%, transparent);background:0 0}.project-frame[data-frame=DRAFT] .project-frame-script{letter-spacing:.04em;line-height:1.9}.project-frame[data-frame=PREPARED]{border-color:color-mix(in srgb, var(--text) 35%, transparent)}.project-frame-corner{border-color:var(--text);pointer-events:none;width:12px;height:12px;position:absolute}.project-frame-corner:first-child{border-top:2px solid;border-left:2px solid;top:-5px;left:-5px}.project-frame-corner:nth-child(2){border-top:2px solid;border-right:2px solid;top:-5px;right:-5px}.project-frame-corner:nth-child(3){border-bottom:2px solid;border-left:2px solid;bottom:-5px;left:-5px}.project-frame-corner:nth-child(4){border-bottom:2px solid;border-right:2px solid;bottom:-5px;right:-5px}.project-frame[data-frame=PRODUCING]{border-color:color-mix(in srgb, var(--accent) 55%, transparent);padding-block:14px;overflow:hidden}.project-frame[data-frame=PRODUCING]:before{content:"";z-index:-1;background:radial-gradient(circle, var(--accent) 0 2.5px, transparent 3px) 0 4px / 14px 7px repeat-x, radial-gradient(circle, var(--accent) 0 2.5px, transparent 3px) 0 calc(100% - 4px) / 14px 7px repeat-x;opacity:.55;position:absolute;inset:0}.project-frame[data-frame=PRODUCING]:after{content:"";z-index:-1;background:linear-gradient(100deg, transparent, color-mix(in srgb, var(--accent) 16%, transparent), transparent);width:40%;animation:2.4s ease-in-out .3s both project-frame-scan;position:absolute;inset:0 auto 0 0;transform:translate(-110%)}@keyframes project-frame-scan{to{transform:translate(260%)}}.project-frame{transition:border-color .2s,background-color .2s}.project-frame:hover{border-color:color-mix(in srgb, var(--focus) 70%, transparent)}.project-frame[data-frame=DRAFT]:hover{background:color-mix(in srgb, var(--surface) 60%, transparent)}.project-glyph{border:1.5px solid color-mix(in srgb, var(--text) 55%, transparent);border-radius:1px;width:20px;height:14px}.project-glyph[data-glyph=DRAFT]{border-style:dashed;border-color:color-mix(in srgb, var(--text-muted) 70%, transparent)}.project-glyph[data-glyph=PRODUCING]{border-color:var(--accent);border-block-style:dotted;border-block-width:3px}.recent-strip{scrollbar-width:none;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.recent-strip::-webkit-scrollbar{display:none}.recent-strip>li{scroll-snap-align:start}@media (prefers-reduced-motion:reduce){.project-frame{transition:none}.project-frame[data-frame=PRODUCING]:after{display:none}}