.motion-lab{max-width:100%;min-width:0;color:#eee3f6}.motion-lab [hidden]{display:none!important}.motion-lab-heading{margin-bottom:20px}.motion-lab-heading h3{font:400 32px/1.2 Georgia,serif;margin:6px 0 10px}.motion-lab-heading .codex-meta{max-width:70ch}.motion-study-title{font:400 25px/1.3 Georgia,serif;margin:20px 0 4px;overflow-wrap:anywhere}.motion-select{min-height:40px;max-width:100%;padding:8px 10px;border:1px solid #ffffff2c;border-radius:6px;background:#241d30;color:#eee3f6;color-scheme:dark;font:11px/1.4 Arial,sans-serif}.motion-control-label{display:flex;align-items:center;gap:10px;font:10px/1.5 Arial,sans-serif;color:#c9bdd7;margin:12px 0;min-width:0}.motion-control-label>span{flex:none}.motion-control-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--codex-gold,#e7d99d)}.motion-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:16px;margin:18px 0}.motion-comparison figure{margin:0;min-width:0;display:flex;flex-direction:column;border:1px solid #ffffff21;border-radius:8px;overflow:hidden;background:#0d0a12}.motion-comparison figcaption{font:10px/1.5 Arial,sans-serif;letter-spacing:.3px;color:#e7d99d;padding:11px 13px;border-bottom:1px solid #ffffff17;background:#21192a}.motion-reference-image,.motion-video{display:block;object-fit:contain;width:100%;height:330px;max-width:100%;background:#13101b}.motion-reference-image{padding:14px;box-sizing:border-box;background:radial-gradient(ellipse,#312640,#18131f 75%)}.motion-media-placeholder{display:flex;flex:1;min-height:250px;align-items:center;justify-content:center;text-align:center;padding:25px;font:400 19px/1.5 Georgia,serif;color:#beafce;margin:0}.motion-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0 10px}.motion-controls .motion-control-label{margin:0 4px 0 8px}.motion-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:40px;box-sizing:border-box}.motion-lab button:disabled,.motion-lab input:disabled,.motion-lab select:disabled{opacity:.45;cursor:default}.motion-lab :is(button,input,select,a,summary):focus-visible{outline:2px solid var(--codex-gold,#e7d99d);outline-offset:3px}.motion-scrub{flex:1;min-width:0;width:100%;height:26px;accent-color:var(--codex-gold,#e7d99d);cursor:pointer}.motion-position{display:block;font:11px/1.6 ui-monospace,Consolas,monospace;color:#c7bacf;margin:7px 0}.motion-status{font:11px/1.6 Arial,sans-serif;color:#dbcfa8;min-height:18px;margin:10px 0 17px;overflow-wrap:anywhere}.motion-metadata{display:grid;grid-template-columns:120px minmax(0,1fr);font:10px/1.7 Arial,sans-serif;gap:5px 15px;margin:14px 0 24px;padding:14px;border:1px solid #ffffff16;border-radius:7px;background:#ffffff03}.motion-metadata dt{color:#a899b7}.motion-metadata dd{color:#dacfe3;margin:0;overflow-wrap:anywhere}.motion-sheet-section{padding-top:15px;border-top:1px solid var(--codex-line,#e7d99d2c)}.motion-sheet-title{font:400 23px/1.3 Georgia,serif;margin:0 0 10px}.motion-sheet-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(100px,1fr);gap:16px;align-items:start;margin:15px 0}.motion-sheet{position:relative;width:100%;min-width:0;overflow:hidden;border:1px solid #ffffff21;background:#100d17;border-radius:5px;box-sizing:content-box}.motion-sheet-image{display:block;width:100%;height:100%;object-fit:fill}.motion-sheet-highlight{display:block;position:absolute;box-sizing:border-box;border:2px solid #ffe394;background:#ffe39422;box-shadow:inset 0 0 0 1px #18131e;pointer-events:none}.motion-frame-preview{width:100%;border:1px solid #e7d99d55;border-radius:5px;background-color:#130f1b;background-repeat:no-repeat;image-rendering:auto;min-width:0}.motion-sheet-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.motion-full-sheet,.motion-provenance{margin:18px 0;border:1px solid #ffffff20;border-radius:7px;padding:12px 14px;background:#ffffff03}.motion-full-sheet summary,.motion-provenance summary{font:11px/1.6 Arial,sans-serif;color:#e7d99d;cursor:pointer;list-style-position:inside;min-height:26px}.motion-full-sheet-image{display:block;width:100%;height:auto;margin-top:14px}.motion-provenance .motion-metadata{padding:0;border:0;background:none;margin:16px 0}.motion-prompt{font:11px/1.8 ui-monospace,Consolas,monospace;color:#c4b6ce;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 3px}.motion-empty{padding:34px 24px;border:1px dashed #e7d99d4d;border-radius:8px;text-align:center;background:#ffffff03}.motion-empty h4{font:400 25px/1.3 Georgia,serif;margin:0 0 12px}.codex-results.codex-animations-grid{display:block}.codex-host-animation-mode .codex-folder-bar,.codex-host-animation-mode .codex-room-segments{display:none}
.codex-host-animation-mode .codex-filters{display:none}
.motion-recent{margin:22px 0 24px;padding:18px;border:1px solid #e7d99d42;border-radius:9px;background:#ffffff03}.motion-recent>h4{font:400 23px/1.3 Georgia,serif;margin:0 0 8px}.motion-character-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.motion-character-card{min-width:0;padding:14px;border:1px solid #ffffff25;border-radius:7px;background:#15101d}.motion-character-card h5{font:400 21px/1.3 Georgia,serif;margin:0 0 6px}.motion-card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.motion-study-choice{flex:1;min-width:0;overflow-wrap:anywhere}.motion-study-choice[aria-pressed=true]{border-color:#e7d99d;background:#e7d99d1a;color:#fff1bd}.motion-pending-study{margin-top:12px;padding:10px;border:1px dashed #ffffff35;border-radius:5px;font:10px/1.6 Arial,sans-serif;color:#b7a9c5}.motion-pending-study strong{font-weight:400;color:#ddcda2}.motion-pending-study p{margin:4px 0 0}
@media(max-width:720px){.motion-recent{padding:13px}.motion-character-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-character-card{padding:12px}}
@media(max-width:430px){.motion-character-cards{grid-template-columns:minmax(0,1fr)}.motion-recent>h4{font-size:21px}.motion-card-actions .motion-button{min-height:40px}}
.motion-video,.motion-frame-preview{-webkit-mask-image:radial-gradient(circle closest-side at center,#000 0%,#000 84%,rgba(0,0,0,.5) 92%,transparent 100%);mask-image:radial-gradient(circle closest-side at center,#000 0%,#000 84%,rgba(0,0,0,.5) 92%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;mask-mode:alpha}
@media(max-width:720px){.motion-lab-heading h3{font-size:27px}.motion-comparison{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:9px}.motion-comparison figcaption{font-size:9px;padding:8px}.motion-reference-image,.motion-video{height:240px}.motion-media-placeholder{font-size:16px;min-height:180px;padding:14px}.motion-controls{gap:6px}.motion-controls .motion-control-label{margin-left:3px;font-size:10px}.motion-control-label{flex-wrap:wrap}.motion-control-label:has(.motion-scrub){display:block}.motion-scrub{display:block;margin-top:8px}.motion-metadata{grid-template-columns:88px minmax(0,1fr);padding:11px;gap:5px 10px}.motion-sheet-grid{grid-template-columns:minmax(0,3fr) minmax(75px,1fr);gap:9px}.motion-button{font-size:9px;padding:8px;min-height:38px}.motion-study-title{font-size:22px}.motion-select{font-size:10px}.motion-sheet-actions{gap:6px}.motion-full-sheet,.motion-provenance{padding:10px}.motion-prompt{font-size:10px}}
@media(max-width:430px){.motion-comparison{grid-template-columns:1fr}.motion-reference-image{height:170px}.motion-video{height:230px}.motion-comparison figcaption{font-size:10px}.motion-lab-heading h3{font-size:25px}.motion-controls{gap:7px}.motion-sheet-grid{grid-template-columns:minmax(0,1fr)}.motion-frame-preview{width:40%;max-width:170px;justify-self:center}.motion-study-title{font-size:21px}}