.panel.codex-panel{--codex-gold:#e7d99d;--codex-line:#e7d99d28;width:min(1240px,96vw);height:min(890px,91dvh);max-height:91dvh;padding:0;overflow:hidden;border-color:var(--codex-line);background:#17131ffb;color:#f5f0ed}
.codex-host-traits-mode .codex-folder-bar,.codex-host-traits-mode .codex-room-segments{display:none}
.codex-host-characters-mode .codex-folder-bar,.codex-host-characters-mode .codex-room-segments{display:none}
.codex-host-traits-mode .codex-filters{grid-template-columns:1.1fr 1fr}
.codex-filters>[hidden]{display:none}
.codex-trait-filters{display:flex;gap:12px}
.codex-trait-filters[hidden]{display:none}
.codex-trait-filters label{display:flex;flex:1;flex-direction:column;gap:6px}
.codex-traits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}
.codex-trait-card .codex-preview-button{aspect-ratio:1;width:100%;display:block;padding:0}
.codex-trait-card .codex-card-copy h3{font-size:18px;overflow-wrap:anywhere}
.codex-image.codex-trait-image{position:relative!important;width:100%;aspect-ratio:1;height:auto!important;min-height:0!important;overflow:hidden;background-color:#34303e;background-image:linear-gradient(45deg,#ffffff0d 25%,transparent 25%),linear-gradient(-45deg,#ffffff0d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff0d 75%),linear-gradient(-45deg,transparent 75%,#ffffff0d 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
.codex-trait-image img{position:absolute;object-fit:fill!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;filter:none!important}
.codex-trait-size,.codex-trait-note{font-size:10px;line-height:1.6;color:#c4bace}
.codex-trait-detail .codex-source-showcase>.codex-trait-image{align-self:start}
.codex-trait-detail a.codex-button{display:inline-flex;text-decoration:none;align-items:center}
.codex-trait-detail .codex-source-showcase>div:last-child>button,.codex-trait-detail .codex-source-showcase>div:last-child>a{margin:0 8px 10px 0}
@media(max-width:720px){.codex-host-traits-mode .codex-filters{display:flex;flex-wrap:wrap}.codex-host-traits-mode .codex-search{flex:1 1 100%}.codex-trait-filters{width:100%;flex-wrap:wrap}.codex-trait-filters label{flex:1 1 130px;min-width:0}.codex-traits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
#codex-host{height:100%;display:flex;flex-direction:column;min-width:0}
#codex-art-video{display:block;width:100%;max-height:62vh;object-fit:contain;background:#17131f}
#codex-art-video[hidden]{display:none}
@media(max-width:410px){.topbar{left:12px;right:12px}.topbar nav{gap:5px}.topbar .brand-icon{display:none}.topbar .quiet{font-size:9px}.topbar .quiet span:not(.nav-label){display:none}.topbar .round{width:32px;height:32px}}
.codex-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:27px 30px 17px;background:radial-gradient(ellipse at top left,#e7d99d0c,transparent 75%)}
.codex-kicker{font-size:9px;line-height:1.5;letter-spacing:1.6px;text-transform:uppercase;color:var(--codex-gold)}
.codex-head h2{font:400 35px/1.14 Georgia,serif;letter-spacing:-.8px;margin:7px 0 8px}
.codex-head .codex-meta{margin:0;font-size:12px}
.codex-close{flex:none;width:44px;height:44px;font-size:26px;color:var(--codex-gold);border-color:var(--codex-line)}
.codex-totals{display:grid;grid-template-columns:repeat(4,1fr);margin:0 30px 18px;border-block:1px solid var(--codex-line);padding:14px 0;gap:15px}
.codex-totals>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.codex-totals strong{font:400 29px/1 Georgia,serif;color:var(--codex-gold)}
.codex-totals span{font-size:10px;line-height:1.4;color:#c4bace}
.codex-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 30px 18px;flex:none}
.codex-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.codex-tabs button{font-size:11px;padding:11px 14px;border:1px solid transparent;border-radius:6px;color:#bdb1c9;min-height:40px;white-space:nowrap}
.codex-tabs button[aria-pressed=true]{border-color:var(--codex-line);background:#e7d99d0d;color:var(--codex-gold)}
.codex-download{font-size:10px;min-height:40px;padding:10px 12px;border:1px solid var(--codex-line);border-radius:6px;color:var(--codex-gold);white-space:nowrap}
.codex-folder-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 30px 16px;padding:11px 0;border-block:1px solid #ffffff12;flex:none;min-width:0}
.codex-folder-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0}
.codex-folder-tab{border:1px solid #ffffff20;background:#ffffff03;border-radius:5px;min-height:37px;padding:8px 10px;font-size:10px;line-height:1.5;color:#bfb3ca;white-space:nowrap}
.codex-folder-tab[aria-pressed=true]{border-color:var(--codex-gold);background:#e7d99d15;color:var(--codex-gold)}
.codex-folder-import{border:1px solid #ffffff1c;border-radius:5px;padding:8px 10px;min-height:35px;font-size:9px;color:#b8abc5;white-space:nowrap;flex:none}
.codex-folder-badge{display:inline-block;font-size:8px;line-height:1.5;color:var(--codex-gold);border:1px solid var(--codex-line);padding:3px 6px;border-radius:4px;background:#e7d99d06}
.codex-move-button{background:#ffffff04;color:#c9bdd7;border-color:#ffffff25}
.codex-move-chooser{padding:13px;margin:14px 0 0;min-width:0;border:1px solid #e7d99d5a;border-radius:7px;background:#211928;color:#f5f0ed}
.codex-move-chooser legend{font-size:10px;padding:0 6px;color:var(--codex-gold)}
.codex-move-title{font:400 17px/1.4 Georgia,serif;color:#ebdff4;margin:0 0 10px}
.codex-move-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.codex-move-options label{display:flex;align-items:center;gap:7px;min-height:37px;border:1px solid #ffffff22;border-radius:5px;padding:7px;font-size:10px;color:#d4c8df;cursor:pointer;overflow-wrap:anywhere;min-width:0}
.codex-move-options input{accent-color:var(--codex-gold);margin:0;flex:none}
.codex-move-options label:has(input:checked){border-color:var(--codex-gold);background:#e7d99d0d}
.codex-move-error{font-size:10px;line-height:1.6;color:#ffc5b5;margin:8px 0 0}
.codex-move-error:empty{display:none}
@media(max-width:720px){.codex-folder-bar{margin:0 20px 13px;gap:8px;align-items:flex-start;flex-direction:column;padding:10px 0}.codex-folder-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:4px}.codex-folder-tab{white-space:normal;font-size:9px;padding:6px 3px;line-height:1.4;min-height:42px}.codex-folder-import{align-self:flex-end;font-size:8px;padding:5px 7px;min-height:28px}.codex-move-chooser{padding:10px}.codex-move-options{grid-template-columns:1fr}.codex-move-options label{font-size:10px;min-height:35px}.codex-move-chooser .codex-card-actions{gap:6px}}
@media(max-width:410px){.codex-folder-bar{margin-inline:15px}.codex-folder-tab{font-size:8px;min-height:39px}.codex-card-actions .codex-move-button{padding:8px 10px}}
.codex-filters{display:grid;grid-template-columns:2.3fr 1.35fr 1fr;gap:12px;padding:0 30px;flex:none}
.codex-filters label{display:flex;flex-direction:column;gap:7px;min-width:0}
.codex-filter-label{font-size:9px;letter-spacing:.7px;color:#ab9fb8}
.codex-filters input,.codex-filters select{width:100%;min-width:0;font:11px Arial,sans-serif;min-height:43px;border:1px solid #ffffff20;border-radius:6px;color:#f5f0ed;background:#ffffff05;padding:10px 12px;outline-offset:2px}
.codex-filters select{color-scheme:dark}
.codex-filters input:focus,.codex-filters select:focus{outline:1px solid var(--codex-gold);border-color:var(--codex-gold)}
.codex-result-status{font-size:10px;color:#a99cb6;margin:13px 30px 12px;min-height:12px}
.codex-body{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:0 30px 30px;scrollbar-gutter:stable;scrollbar-color:#766583 #17131f}
.codex-results{min-width:0;gap:15px}
.codex-rooms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.codex-artwork-grid,.codex-additions-grid,.codex-art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.codex-characters-grid,.codex-character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.codex-character-sections{display:block}
.codex-character-section{margin:0 0 24px;border:1px solid #ffffff14;border-radius:10px;background:#ffffff02;overflow:hidden}
.codex-character-section-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:15px 17px;border-bottom:1px solid #ffffff12;background:linear-gradient(90deg,#e7d99d0b,transparent)}
.codex-character-section-heading h3{font:400 24px/1.2 Georgia,serif;margin:0;color:#f3e5be}
.codex-character-section-heading .codex-meta{margin:0}
.codex-character-section>.codex-character-grid{padding:14px}
.codex-character-organizer{display:flex;align-items:flex-end;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid #ffffff12}
.codex-character-organizer label{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.codex-character-organizer select{width:100%;min-width:0;min-height:34px;border:1px solid #ffffff25;border-radius:5px;background:#211a2b;color:#f5f0ed;padding:6px 8px;font:10px Arial,sans-serif;color-scheme:dark}
.codex-character-order{display:flex;gap:4px}
.codex-character-order .codex-text-button{min-width:34px;min-height:34px;padding:5px 9px;font-size:15px}
.codex-character-card[draggable=true]{cursor:grab}
.codex-character-card.codex-character-dragging{opacity:.45}
.codex-character-card.codex-character-drop-before{outline:2px solid var(--codex-gold);outline-offset:3px}
.codex-character-grid.codex-character-drop-zone{outline:1px dashed var(--codex-gold);outline-offset:-5px;background:#e7d99d07}
.codex-character-empty{grid-column:1/-1;padding:18px;border:1px dashed #ffffff20;border-radius:7px;text-align:center}
.codex-character-source-note{color:#d0c3d9}
.codex-room-card,.codex-source-card,.codex-character-card{border:1px solid #ffffff16;border-radius:9px;background:#ffffff03;overflow:hidden;min-width:0}
.codex-room-card{border-color:var(--codex-line)}
.codex-room-gallery{height:130px;display:flex;gap:3px;padding:9px;background:linear-gradient(135deg,#251c30,#181622)}
.codex-room-gallery .codex-image{flex:1;min-width:0;height:auto;border-radius:3px;background:#ffffff04}
.codex-image{height:190px;background:radial-gradient(ellipse,#312640,#20192c 70%);display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0}
.codex-image img{display:block;width:100%;height:100%;object-fit:contain;padding:12px;min-width:0;filter:drop-shadow(0 5px 8px #0003)}
.codex-generated{background:repeating-conic-gradient(#ffffff09 0 25%,#00000015 0 50%) 0/30px 30px}
.codex-preview-label{font:400 17px/1.5 Georgia,serif;color:#d6c7e2;text-align:center;padding:20px}
.codex-preview-button{display:block;width:100%;padding:0;cursor:pointer}
.codex-preview-button:hover .codex-image{background-color:#41324d}
.codex-card-copy{padding:15px;min-width:0}
.codex-card-copy h3{font:400 18px/1.3 Georgia,serif;letter-spacing:-.2px;margin:6px 0 9px;overflow-wrap:anywhere}
.codex-room-card h3{font-size:25px}
.codex-meta{font-size:11px;line-height:1.65;color:#bbb0c7;margin:7px 0;overflow-wrap:anywhere}
.codex-filename{font:10px/1.6 ui-monospace,Consolas,monospace;color:#ab9cb8;margin:7px 0;overflow-wrap:anywhere;word-break:break-word}
.codex-note{font-size:10px;line-height:1.55;color:var(--codex-gold);margin:7px 0}
.codex-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.codex-button{border:1px solid var(--codex-line);border-radius:5px;min-height:39px;padding:10px 11px;font-size:10px;line-height:1.35;color:var(--codex-gold);text-align:left;background:#e7d99d05}
.codex-text-button{font-size:10px;line-height:1.5;color:var(--codex-gold);padding:5px 0;min-height:35px;text-align:left}
.codex-panel button:disabled{cursor:default;opacity:.45;filter:none}
.codex-panel button:focus-visible{outline-color:var(--codex-gold);outline-offset:2px}
.codex-surface-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.codex-surface-tags span{font-size:8px;color:#c9bbd4;border:1px solid #ffffff17;padding:4px 6px;border-radius:4px}
.codex-resident-summary{font-size:10px;line-height:1.7;color:#a99bb7;margin-top:12px}
.codex-character-card{display:grid;grid-template-columns:125px minmax(0,1fr);align-items:start}
.codex-character-card>.codex-image{height:100%;min-height:200px;background:#251b31}
.codex-character-card>.codex-image img{max-height:260px;min-height:180px}
.codex-character-locations{margin-top:10px}
.codex-resident-occurrence{display:flex;flex-direction:column;gap:0;margin-top:6px;font-size:10px;line-height:1.5;color:#b8abc5}
.codex-resident-occurrence .codex-text-button{min-height:30px}
.codex-detail-heading{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px;gap:9px}
.codex-detail-heading h3{font:400 33px/1.14 Georgia,serif;letter-spacing:-.6px;margin:0;overflow-wrap:anywhere}
.codex-detail{display:block}
.codex-section-title{font:400 22px/1.35 Georgia,serif;letter-spacing:-.2px;margin:26px 0 15px;color:#ece0f5}
.codex-source-showcase{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);gap:24px;margin-top:10px;align-items:start}
.codex-source-showcase>.codex-image{height:330px;border-radius:8px;border:1px solid var(--codex-line)}
.codex-source-showcase>.codex-image img{padding:14px}
.codex-source-showcase>.codex-image.codex-generated{height:230px}
.codex-source-showcase .codex-filename{font-size:12px}
.codex-resident-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.codex-resident-row{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:11px;border:1px solid #ffffff14;border-radius:7px;padding:10px;align-items:center;min-width:0}
.codex-resident-row>.codex-image{width:52px;height:65px;grid-row:1/3;border-radius:4px}
.codex-resident-row>.codex-image img{padding:2px}
.codex-resident-row strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}
.codex-resident-row .codex-meta{font-size:9px;margin:3px 0}
.codex-resident-row>.codex-text-button{grid-column:2;min-height:28px;padding:0}
.codex-placement-list{border-top:1px solid var(--codex-line)}
.codex-placement-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:13px 0;border-bottom:1px solid #ffffff10;min-width:0}
.codex-placement-row>div:first-child{min-width:0}
.codex-placement-row strong{font-weight:500;font-size:12px;line-height:1.4;color:#eee3f6}
.codex-placement-row .codex-meta{font-size:10px;margin:4px 0}
.codex-placement-actions{display:flex;flex-direction:column;align-items:flex-start;flex:none}
.codex-geometry summary{font-size:9px;color:#92849f;cursor:pointer;padding:5px 0;list-style-position:inside}
.codex-geometry .codex-meta{font:9px/1.5 ui-monospace,Consolas,monospace;color:#a494b0}
.codex-corridors{display:flex;flex-wrap:wrap;gap:7px 16px;margin:13px 0}
.codex-empty{grid-column:1/-1;padding:35px 20px;border:1px dashed var(--codex-line);border-radius:8px;text-align:center}
.codex-empty h3{font:400 25px Georgia,serif;margin:0 0 10px}
.codex-room-segments{display:flex;align-items:center;gap:6px;overflow-x:auto;min-width:0;margin:0 30px 13px;padding-bottom:5px;flex:none;scrollbar-color:#766583 #17131f}
.codex-room-segments>.codex-filter-label{white-space:nowrap;flex:none;margin-right:4px}
.codex-room-segment{flex:none;white-space:nowrap;min-height:34px;border:1px solid #ffffff21;border-radius:20px;padding:7px 11px;font-size:9px;color:#c9bdd7;background:#ffffff03}
.codex-room-segment[aria-pressed=true],.codex-wall-choice[aria-pressed=true]{border-color:var(--codex-gold);background:#e7d99d15;color:var(--codex-gold)}
.codex-filters.codex-wall-filters{grid-template-columns:1fr}
.codex-wall-filters>label:not(.codex-search){display:none}
.codex-wall-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 10px}
.codex-wall-choice{overflow-wrap:anywhere;min-width:0}
.codex-custom-wall-art{border:1px solid var(--codex-line);border-radius:8px;padding:15px;margin:18px 0;background:#e7d99d05}
.codex-custom-wall-art .codex-section-title{margin:0 0 8px;font-size:19px}
.codex-custom-wall-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;border-top:1px solid #ffffff13}
.codex-custom-wall-row>.codex-image{height:65px;border-radius:4px}
.codex-custom-wall-row>.codex-image img{padding:4px}
.codex-custom-wall-row strong{font-weight:500;font-size:12px;overflow-wrap:anywhere}
.codex-custom-wall-row .codex-meta{font-size:10px;margin:4px 0 0}
.codex-hang-button{border-color:#82e7c966;background:#82e7c910;color:#a8f4de}
@media(max-width:1000px){.codex-artwork-grid,.codex-additions-grid,.codex-art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.codex-toolbar{align-items:flex-start}.codex-tabs button{padding:10px}.codex-character-card{grid-template-columns:105px minmax(0,1fr)}.codex-totals>div{flex-direction:column;gap:6px}}
@media(max-width:720px){.codex-head{padding:21px 20px 16px}.codex-head h2{font-size:29px}.codex-totals{margin:0 20px 13px;gap:10px;padding:12px 0}.codex-totals strong{font-size:25px}.codex-totals span{font-size:9px}.codex-toolbar{margin:0 20px 15px;flex-direction:column;gap:10px}.codex-tabs{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:3px}.codex-tabs button{font-size:10px;white-space:normal;padding:7px;line-height:1.4;min-height:42px}.codex-download{align-self:flex-end;font-size:9px;padding:7px 9px;min-height:33px}.codex-filters{grid-template-columns:1fr 1fr;padding:0 20px;gap:9px}.codex-search{grid-column:1/-1}.codex-result-status{margin:12px 20px}.codex-body{padding:0 20px 22px}.codex-artwork-grid,.codex-additions-grid,.codex-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.codex-characters-grid,.codex-character-grid{grid-template-columns:1fr}.codex-rooms-grid{grid-template-columns:1fr}.codex-source-showcase{grid-template-columns:1fr;gap:12px}.codex-source-showcase>.codex-image{height:330px}.codex-resident-list{grid-template-columns:1fr}.codex-detail-heading h3{font-size:28px}.codex-source-card .codex-card-copy{padding:12px}.codex-source-card h3{font-size:17px}.codex-image{height:185px}.codex-placement-row{gap:12px}.codex-placement-actions{max-width:84px}.codex-placement-actions .codex-text-button{font-size:9px}.codex-character-card{grid-template-columns:112px minmax(0,1fr)}.codex-character-section-heading{padding:12px}.codex-character-section-heading h3{font-size:21px}.codex-character-section>.codex-character-grid{padding:9px}.codex-character-organizer{flex-wrap:wrap}.codex-character-organizer label{flex-basis:calc(100% - 80px)}}
@media(max-width:410px){.panel.codex-panel{width:97vw;height:94dvh;max-height:94dvh;border-radius:10px}.codex-head{padding:17px 15px 13px}.codex-head h2{font-size:27px}.codex-head .codex-meta{font-size:10px}.codex-kicker{font-size:8px}.codex-totals{margin-inline:15px}.codex-totals span{font-size:8px}.codex-toolbar{margin-inline:15px}.codex-tabs{grid-template-columns:repeat(2,1fr)}.codex-tabs button{min-height:35px;white-space:nowrap}.codex-filters{padding-inline:15px}.codex-result-status{margin-inline:15px}.codex-body{padding-inline:15px}.codex-image{height:165px}.codex-card-copy h3{font-size:16px}.codex-card-copy .codex-meta{font-size:10px}.codex-card-copy .codex-filename{font-size:9px}.codex-character-card{grid-template-columns:94px minmax(0,1fr)}.codex-character-card>.codex-image img{padding:7px}.codex-room-card h3{font-size:24px}.codex-source-showcase>.codex-image{height:280px}}
@media(max-width:720px){.codex-head{padding-block:14px 10px}.codex-head h2{font-size:25px;margin-block:5px}.codex-head .codex-meta{display:none}.codex-close{width:36px;height:36px}.codex-totals{padding:8px 0;margin-bottom:9px}.codex-totals>div{gap:3px}.codex-totals strong{font-size:21px}.codex-toolbar{flex-direction:row;align-items:center;gap:8px;margin-bottom:9px}.codex-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;min-width:0;gap:3px}.codex-tabs button{flex:none;white-space:nowrap;font-size:9px;min-height:34px;padding:7px 9px}.codex-download{font-size:8px;padding:6px;min-height:32px;flex:none}.codex-folder-bar{flex-direction:row;align-items:center;margin-bottom:9px;padding:8px 0;gap:7px}.codex-folder-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;width:auto;min-width:0;gap:4px}.codex-folder-tab{flex:none;white-space:nowrap;font-size:9px;min-height:34px;padding:7px 9px}.codex-folder-import{align-self:center;min-height:32px;font-size:8px;padding:5px 6px}.codex-room-segments{margin-inline:20px;margin-bottom:9px}.codex-room-segment{min-height:32px}.codex-wall-options{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-custom-wall-art{padding:12px}.codex-custom-wall-row{gap:8px}.codex-filters input,.codex-filters select{min-height:38px;padding:8px 10px}.codex-result-status{margin-block:9px}}
@media(max-width:410px){.codex-room-segments{margin-inline:15px}.codex-room-segments>.codex-filter-label{font-size:8px}.codex-room-segment{font-size:8px;padding-inline:9px}.codex-totals span{font-size:7px}.codex-custom-wall-row{grid-template-columns:42px minmax(0,1fr) auto}.codex-custom-wall-row>.codex-image{height:52px}}
@media(min-width:721px) and (max-height:850px){.codex-head{padding:17px 30px 10px}.codex-head h2{font-size:29px;margin:4px 0}.codex-head .codex-meta{display:none}.codex-close{width:36px;height:36px}.codex-totals{padding:9px 0;margin-bottom:10px}.codex-totals strong{font-size:24px}.codex-toolbar{margin-bottom:9px}.codex-tabs button,.codex-download{min-height:34px;padding:7px 11px}.codex-folder-bar{padding-block:7px;margin-bottom:9px}.codex-folder-tab,.codex-folder-import{min-height:34px;padding:7px 10px}.codex-room-segments{margin-bottom:9px}.codex-room-segment{min-height:32px}.codex-filters input,.codex-filters select{min-height:38px;padding:8px 10px}.codex-result-status{margin-block:9px}}
.codex-deleted-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.codex-delete-button{border-color:#d6a9b64d;background:#d6a9b606;color:#edbbc8}
.codex-restore-button{border-color:#94d4b854;background:#94d4b80b;color:#b0e8cd}
.codex-room-button{border-color:#92bfdf4d;background:#92bfdf08;color:#b5d7ef}
.codex-deleted-note{font-size:10px;line-height:1.6;color:#ddafbb;padding:8px 10px;border:1px solid #d6a9b629;border-radius:5px;background:#d6a9b606;margin:9px 0;overflow-wrap:anywhere}
.codex-room-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.codex-room-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid var(--codex-line);border-radius:8px;background:#ffffff03;min-width:0}
.codex-room-choice>div{min-width:0}
.codex-room-choice h4{font:400 20px/1.3 Georgia,serif;margin:0;overflow-wrap:anywhere}
.codex-room-choice>.codex-button{flex:none}
.codex-all-wall-art{margin-top:21px}
.codex-wall-piece-group{margin:16px 0 22px}
.codex-wall-piece-group>h5{font:500 10px/1.5 Arial,sans-serif;letter-spacing:.9px;text-transform:uppercase;color:var(--codex-gold);margin:0 0 9px}
.codex-wall-piece{display:grid;grid-template-columns:92px minmax(0,1fr);gap:15px;align-items:center;padding:13px;border:1px solid #ffffff17;border-radius:7px;background:#ffffff03;margin:8px 0;min-width:0}
.codex-wall-piece>.codex-image{height:100px;min-height:0;max-height:100px;border-radius:4px;overflow:hidden}
.codex-wall-piece>.codex-image img{max-height:100%;min-height:0;padding:6px}
.codex-wall-piece-copy{min-width:0}
.codex-wall-piece-copy>strong{font:400 17px/1.35 Georgia,serif;overflow-wrap:anywhere}
.codex-wall-piece .codex-meta{margin:5px 0;font-size:10px}
.codex-wall-piece .codex-card-actions{margin-top:9px;gap:7px}
.codex-remove-wall-button{color:#d7c9e2;border-color:#d7c9e245;background:#d7c9e208}
.codex-removed-wall-art{padding:13px 15px;border:1px solid #ffffff20;border-radius:7px;background:#ffffff03;margin:20px 0}
.codex-removed-wall-art>summary{font-size:11px;line-height:1.6;color:#c7b9d4;cursor:pointer}
.codex-removed-wall-art[open]>summary{margin-bottom:13px}
.codex-room-add-art{border-top:1px solid var(--codex-line);margin-top:26px;padding-top:9px}
.codex-slot-label{display:flex;flex-direction:column;gap:7px;margin:13px 0 18px;max-width:520px}
.codex-slot-label select{width:100%;min-width:0;min-height:43px;padding:10px 12px;font:11px Arial,sans-serif;border:1px solid #ffffff25;border-radius:6px;color:#f5f0ed;background:#241d30;color-scheme:dark}
.codex-selected-room-source{max-width:340px;margin:20px 0}
.codex-selected-room-source>.codex-meta{color:var(--codex-gold)}
@media(max-width:1000px){.codex-deleted-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.codex-room-choice-list{grid-template-columns:1fr}}
@media(max-width:720px){.codex-deleted-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.codex-room-choice{padding:12px;gap:10px}.codex-room-choice h4{font-size:18px}.codex-wall-piece{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px}.codex-wall-piece>.codex-image{height:78px;max-height:78px}.codex-wall-piece-copy>strong{font-size:16px}.codex-wall-piece .codex-button{min-height:36px;padding:8px 10px}.codex-slot-label select{min-height:40px}.codex-selected-room-source{max-width:100%}}
@media(max-width:410px){.codex-wall-piece{grid-template-columns:50px minmax(0,1fr);gap:9px}.codex-wall-piece>.codex-image{height:65px;max-height:65px}.codex-wall-piece .codex-filename{font-size:8px}.codex-room-choice>.codex-button{font-size:9px;padding:9px}.codex-room-choice h4{font-size:17px}}
.codex-curator-selection{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 14px;margin:15px 0;border:1px solid #99d6cb50;border-radius:8px;background:#1d1c29f5;box-shadow:0 5px 16px #0003;min-width:0}
.codex-curator-selection>.codex-image{height:56px;width:58px;flex:none;border-radius:5px;background:#2d253a}
.codex-curator-selection>.codex-image img{padding:4px}
.codex-curator-selection-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.codex-curator-selection-copy strong{font:400 17px/1.35 Georgia,serif;color:#ddf4eb;overflow-wrap:anywhere}
.codex-curator-selection>.codex-card-actions{margin:0;gap:8px;flex-shrink:0}
.codex-curator-pane-button{display:none}
.codex-room-curator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;height:min(58dvh,650px);min-height:280px;min-width:0}
.codex-wall-manager{height:100%;display:flex;flex-direction:column;gap:0}
.codex-wall-manager>.codex-detail-heading{flex-direction:row;align-items:center;gap:12px;margin-bottom:3px;flex:none}
.codex-wall-manager>.codex-detail-heading .codex-kicker{display:none}
.codex-wall-manager>.codex-detail-heading h3{font-size:23px}
.codex-wall-manager>.codex-meta{font-size:11px;margin-block:4px;flex:none}
.codex-wall-manager>.codex-curator-selection{position:static;margin-block:8px;flex:none;padding-block:8px}
.codex-wall-manager>.codex-room-curator{flex:1;min-height:150px;height:auto}
.codex-wall-target-pane,.codex-art-menu-pane{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid #ffffff1b;border-radius:8px;background:#ffffff02;scrollbar-color:#766583 #17131f}
.codex-room-curator .codex-section-title{font-size:20px;margin:10px 0 13px}
.codex-room-curator .codex-all-wall-art{margin-top:0}
.codex-room-curator .codex-wall-piece-group{margin-block:12px 16px}
.codex-room-curator .codex-wall-piece{grid-template-columns:72px minmax(0,1fr);gap:11px;padding:10px}
.codex-room-curator .codex-wall-piece>.codex-image{height:88px;max-height:88px}
.codex-room-curator .codex-wall-piece-copy>strong{font-size:16px}
.codex-room-curator .codex-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.codex-art-menu-pane .codex-source-card>.codex-preview-button>.codex-image{height:160px}
.codex-art-menu-pane .codex-source-card .codex-card-copy{padding:10px}
.codex-art-menu-pane .codex-source-card h3{font-size:16px}
.codex-art-menu-pane .codex-source-card .codex-card-actions{margin-top:10px;gap:6px}
.codex-art-menu-pane .codex-source-card .codex-button{font-size:9px;padding:8px 9px;min-height:34px}
.codex-select-artwork,.codex-replace-wall-button{color:#b9f0df;border-color:#83dcb85e;background:#83dcb810}
.codex-select-artwork[aria-pressed=true],.codex-source-card[data-selected-artwork=true]{border-color:#99e5d2;background:#99e5d211}
.codex-reset-wall-button{color:#d1ccf8;border-color:#b4a9ef52;background:#b4a9ef0b}
.codex-drag-hint{font-size:9px;line-height:1.5;color:#b8cabf;margin:8px 0 0}
.codex-source-card[draggable=true]{cursor:grab}
.codex-dragging-art{opacity:.58}
.codex-wall-drop-target{transition:border-color .12s,background .12s,box-shadow .12s}
.codex-wall-drop-target.codex-drop-active,.codex-wall-piece.codex-target-selected{border-color:#9ff1d5;background:#72eac521;box-shadow:0 0 0 2px #72eac52b}
.codex-empty-wall-bays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
.codex-empty-wall-bay{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;padding:14px 10px;border:1px dashed #97d9c958;border-radius:7px;background:#97d9c904;min-height:155px}
.codex-empty-wall-bay strong{font-size:10px;line-height:1.5;overflow-wrap:anywhere;color:#d1e7e0}
.codex-empty-wall-bay .codex-meta{font-size:9px;margin:5px 0 9px}
.codex-empty-wall-bay .codex-button{font-size:9px;text-align:center;padding:8px;min-height:35px}
.codex-empty-bay-mark{font-size:30px;line-height:1;color:#9bbdad;margin-bottom:10px}
.codex-room-curator .codex-slot-label{margin-bottom:0}
@media(max-width:1000px){.codex-curator-selection{gap:9px}.codex-curator-selection-copy strong{font-size:16px}.codex-curator-selection>.codex-card-actions{gap:6px;flex-wrap:wrap;max-width:200px}.codex-room-curator{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.codex-room-curator .codex-wall-piece{grid-template-columns:60px minmax(0,1fr);gap:8px}.codex-art-menu-pane .codex-source-card>.codex-preview-button>.codex-image{height:135px}.codex-art-menu-pane .codex-source-card .codex-button{font-size:8px;padding:7px 8px}}
@media(max-width:720px){.codex-curator-selection{padding:10px;flex-wrap:wrap;gap:9px;margin-block:12px}.codex-curator-selection>.codex-image{width:43px;height:46px}.codex-curator-selection-copy strong{font-size:16px}.codex-curator-selection>.codex-card-actions{flex-basis:100%;max-width:none;gap:7px}.codex-curator-pane-button{display:block;flex:1;text-align:center;min-height:36px}.codex-curator-pane-button[aria-pressed=true]{background:#99e5d218;border-color:#99e5d26b;color:#cdf8e9}.codex-room-curator{grid-template-columns:1fr;height:min(53dvh,530px);min-height:230px}.codex-room-curator[data-active-pane=walls] .codex-art-menu-pane,.codex-room-curator[data-active-pane=art] .codex-wall-target-pane{display:none}.codex-wall-target-pane,.codex-art-menu-pane{padding:10px}.codex-room-curator .codex-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.codex-room-curator .codex-wall-piece{grid-template-columns:60px minmax(0,1fr)}.codex-room-curator .codex-wall-piece>.codex-image{height:80px;max-height:80px}.codex-art-menu-pane .codex-source-card>.codex-preview-button>.codex-image{height:140px}.codex-art-menu-pane .codex-source-card .codex-button{font-size:9px;min-height:36px}.codex-empty-wall-bay{min-height:145px}}
@media(max-width:410px){.codex-curator-selection-copy strong{font-size:15px}.codex-curator-selection>.codex-card-actions .codex-text-button{font-size:9px}.codex-room-curator .codex-wall-piece{grid-template-columns:49px minmax(0,1fr)}.codex-room-curator .codex-wall-piece .codex-button{font-size:9px;padding:7px 8px}.codex-art-menu-pane .codex-source-card>.codex-preview-button>.codex-image{height:130px}.codex-art-menu-pane .codex-source-card .codex-card-copy{padding:9px}.codex-art-menu-pane .codex-source-card h3{font-size:15px}.codex-room-curator .codex-art-grid{gap:7px}.codex-empty-wall-bay{padding:12px 8px}}

/* Room editing keeps the collection in view, with most of the width devoted to art. */
.codex-host-room-editor .codex-head{padding:9px 24px 6px;align-items:center}
.codex-host-room-editor .codex-head h2{font-size:21px;margin:0}
.codex-host-room-editor .codex-head .codex-kicker,.codex-host-room-editor .codex-head .codex-meta,.codex-host-room-editor .codex-totals,.codex-host-room-editor .codex-folder-bar{display:none}
.codex-host-room-editor .codex-close{width:32px;height:32px;font-size:23px}
.codex-host-room-editor .codex-toolbar{margin:0 24px 5px;min-height:32px}
.codex-host-room-editor .codex-tabs{flex-wrap:nowrap;overflow-x:auto;min-width:0;gap:3px}
.codex-host-room-editor .codex-tabs button{flex:none;min-height:31px;padding:7px 10px;font-size:10px}
.codex-host-room-editor .codex-download{display:none}
.codex-host-room-editor .codex-room-segments{margin:0 24px 6px;padding-bottom:3px}
.codex-host-room-editor .codex-room-segment{min-height:31px;padding-block:6px}
.codex-host-room-editor .codex-filters{padding:0 24px}
.codex-host-room-editor .codex-search{gap:5px}
.codex-host-room-editor .codex-search input{min-height:47px;font-size:15px;padding:12px 15px;background:#302539;border-color:#cbb2df4d}
.codex-host-room-editor .codex-result-status{margin:7px 24px;font-size:11px;min-height:16px}
.codex-host-room-editor .codex-body{padding:0 24px 12px;overflow:hidden;scrollbar-gutter:auto}
.codex-host-room-editor .codex-wall-manager>.codex-detail-heading{gap:10px;flex-wrap:wrap;margin:0}
.codex-host-room-editor .codex-wall-manager>.codex-detail-heading h3{font-size:22px}
.codex-layout-save-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-left:auto}
.codex-layout-save-actions .codex-button{font-size:10px;min-height:34px;padding:8px 10px}
.codex-layout-save-state{display:inline-flex;align-items:center;min-height:28px;padding:5px 8px;border:1px solid #9bd8c552;border-radius:999px;background:#9bd8c512;color:#d7f9e9;font:700 9px/1.2 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.codex-layout-save-state[data-save-state=error]{border-color:#ff8e9270;background:#ff8e9215;color:#ffd8da}
.codex-layout-save-state[data-save-state=saving],.codex-layout-save-state[data-save-state=session]{border-color:#e8c98170;background:#e8c98114;color:#fff0c7}
.codex-save-layout{background:#9bd8c51a;border-color:#9bd8c56b;color:#d7f9e9}
.codex-layout-save-note{font-size:10px;line-height:1.5;color:#c4bace;margin:5px 0 0;flex:none}
.codex-host-room-editor .codex-curator-selection{margin:7px 0;padding:7px 10px;gap:9px;box-shadow:none}
.codex-host-room-editor .codex-curator-selection>.codex-image{width:40px;height:42px}
.codex-host-room-editor .codex-curator-selection-copy{gap:1px}
.codex-host-room-editor .codex-curator-selection-copy strong{font-size:16px}
.codex-replacement-caption{font-size:10px;line-height:1.4;color:#b8cbbf;margin:2px 0 0}
.codex-host-room-editor .codex-room-curator{grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:12px;min-height:180px}
.codex-host-room-editor .codex-room-curator .codex-art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.codex-art-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.codex-art-menu-heading .codex-section-title{margin:0;font-size:21px}
.codex-curator-folder{display:flex;gap:7px;align-items:center;min-width:0}
.codex-curator-folder select{max-width:190px;min-width:0;min-height:36px;border:1px solid #cbb2df4d;border-radius:6px;background:#302539;color:#f5f0ed;color-scheme:dark;padding:7px 9px;font-size:11px}
.codex-art-menu-hint,.codex-wall-help{font-size:10px;line-height:1.6;color:#c4bace;margin:8px 0 13px}
.codex-host-room-editor .codex-art-menu-pane .codex-source-card>.codex-preview-button>.codex-image{height:176px;background:#25202d}
.codex-host-room-editor .codex-art-menu-pane .codex-source-card .codex-card-copy{padding:9px}
.codex-host-room-editor .codex-art-menu-pane .codex-source-card h3{font-size:15px;line-height:1.35;margin:0 0 7px}
.codex-art-menu-pane .codex-card-copy>.codex-kicker,.codex-art-menu-pane .codex-card-copy>.codex-filename,.codex-art-menu-pane .codex-card-copy>.codex-meta,.codex-art-menu-pane .codex-drag-hint,.codex-art-menu-pane .codex-move-button{display:none}
.codex-art-menu-pane .codex-folder-badge{font-size:8px;margin-bottom:2px}
.codex-host-room-editor .codex-art-menu-pane .codex-source-card .codex-card-actions{gap:5px;margin-top:7px}
.codex-host-room-editor .codex-art-menu-pane .codex-source-card .codex-button{font-size:9px;min-height:33px;padding:7px}
.codex-host-room-editor .codex-wall-piece{grid-template-columns:62px minmax(0,1fr);gap:9px}
.codex-wall-preview{display:block;border:1px solid transparent;border-radius:5px;padding:0;overflow:hidden;align-self:start;background:#29222e;cursor:pointer;width:100%;min-width:0}
.codex-wall-preview>.codex-image{height:86px;max-height:86px;min-height:0}
.codex-wall-preview>.codex-image img{padding:4px;max-height:100%;min-height:0}
.codex-wall-preview[aria-pressed=true]{border-color:#9ff1d5}
.codex-wall-preview:focus-visible{outline:2px solid #9ff1d5;outline-offset:3px}
.codex-host-room-editor .codex-wall-piece-copy>strong{font-size:14px}
.codex-host-room-editor .codex-wall-piece .codex-filename{display:none}
.codex-host-room-editor .codex-wall-piece .codex-card-actions{gap:5px}
.codex-host-room-editor .codex-wall-piece .codex-button{font-size:9px;padding:7px;min-height:32px}
.codex-frame-position{border:1px solid #9bd8c55c;border-radius:7px;background:#9bd8c50a;padding:10px;margin-bottom:15px;outline-offset:3px}
.codex-frame-position .codex-section-title{font-size:18px;margin:0 0 7px}
.codex-frame-title{font-size:11px;line-height:1.5;color:#ddf4eb;margin:0 0 8px;overflow-wrap:anywhere}
.codex-position-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:8px}
.codex-position-controls .codex-button{min-height:37px;padding:7px 3px;text-align:center;font-size:10px}
.codex-snap-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 8px}
.codex-snap-controls .codex-button{min-height:37px;padding:7px 4px;text-align:center;font-size:9px;border-color:#e8c98163;background:#e8c98112;color:#fff0c7}
.codex-position-hint{font-size:9px;line-height:1.5;color:#bdb1c9;margin:6px 0 0}
@media(min-width:721px) and (max-width:1100px){.codex-host-room-editor .codex-room-curator .codex-art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-host-room-editor .codex-art-menu-pane .codex-source-card>.codex-preview-button>.codex-image{height:190px}.codex-host-room-editor .codex-wall-piece{grid-template-columns:48px minmax(0,1fr)}.codex-wall-preview>.codex-image{height:70px}.codex-position-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.codex-host-room-editor .codex-head{padding:8px 14px 5px}.codex-host-room-editor .codex-head h2{font-size:19px}.codex-host-room-editor .codex-toolbar,.codex-host-room-editor .codex-room-segments{margin-inline:14px}.codex-host-room-editor .codex-filters{padding-inline:14px}.codex-host-room-editor .codex-search input{font-size:14px;min-height:42px}.codex-host-room-editor .codex-result-status{margin-inline:14px;font-size:10px;max-height:33px;overflow:auto}.codex-host-room-editor .codex-body{padding-inline:14px}.codex-host-room-editor .codex-wall-manager>.codex-detail-heading h3{font-size:19px}.codex-layout-save-actions{width:100%;margin-left:0}.codex-layout-save-actions .codex-button{font-size:9px;min-height:32px;padding:7px 9px}.codex-layout-save-note{font-size:9px}.codex-host-room-editor .codex-curator-selection{padding:6px 8px;gap:5px}.codex-host-room-editor .codex-curator-selection>.codex-image{display:none}.codex-host-room-editor .codex-curator-selection-copy strong{font-size:14px}.codex-host-room-editor .codex-curator-selection>.codex-card-actions{gap:5px}.codex-host-room-editor .codex-curator-selection .codex-button{min-height:31px;padding:7px;font-size:9px}.codex-host-room-editor .codex-room-curator{grid-template-columns:1fr;min-height:180px}.codex-host-room-editor .codex-room-curator .codex-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.codex-host-room-editor .codex-art-menu-pane .codex-source-card>.codex-preview-button>.codex-image{height:160px}.codex-curator-folder{width:100%;justify-content:space-between}.codex-curator-folder select{max-width:230px;flex:1}.codex-art-menu-heading .codex-section-title{font-size:19px}.codex-host-room-editor .codex-wall-piece{grid-template-columns:62px minmax(0,1fr)}}
/* Audio is its own collection; image placement controls do not apply. */
.codex-host-audio-mode .codex-folder-bar,.codex-host-audio-mode .codex-room-segments { display:none; }
.codex-host-audio-mode .codex-filters { grid-template-columns:1fr; }
.codex-host-audio-mode .codex-filters>label:not(.codex-search) { display:none; }
.codex-audio>nav { position:sticky;top:0;z-index:1;background:#17131f;padding:8px 0; }
.codex-audio-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;margin-top:16px; }
.codex-audio-card { min-width:0;padding:16px;border:1px solid #796391;border-radius:14px;background:#181026;color:#eee3ff; }
.codex-audio-card h4 { margin:0 0 10px;font-size:1.05rem; }
.codex-audio-card p,.codex-audio-card li { font-size:.85rem;line-height:1.5;overflow-wrap:anywhere; }
.codex-audio-card ul { padding-left:20px; }
.codex-audio-card a { color:#e5bbff;text-decoration:underline; }
.codex-audio-card [role=status] { display:block;margin-top:8px; }
.codex-audio nav [aria-pressed=true] { outline:2px solid #e5bbff;outline-offset:2px; }
/* Character motion editor (Codex → Motion editor) */
.codex-results.codex-motion-editor{display:block;padding:0 30px 24px}
.cme{display:grid;gap:16px;color:#efe6c4}
.cme-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.cme-head h3{font:400 24px/1.15 Georgia,serif;color:var(--codex-gold);margin:2px 0 4px;text-wrap:balance}
.cme-head p{max-width:62ch;margin:0}
.cme-tabs{display:flex;gap:6px}
.cme-tab[aria-selected=true]{border-color:var(--codex-gold);background:#e7d99d15;color:var(--codex-gold)}
.cme-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.cme-stage-wrap{display:grid;gap:8px;min-width:0}
.cme-stage{width:100%;aspect-ratio:16/9;border:1px solid var(--codex-line);border-radius:8px;background:#1d1830;outline:none;touch-action:none;cursor:pointer}
.cme-stage:focus-visible{border-color:var(--codex-gold);box-shadow:0 0 0 2px #e7d99d44}
.cme-hotbar{display:flex;flex-wrap:wrap;gap:6px}
.cme-hot{font-size:11px;min-height:32px;padding:6px 9px}
.cme-stage-note{font-size:11px;color:#cfc4a0;margin:0}
.cme-panel{display:grid;gap:10px;padding:14px;border:1px solid var(--codex-line);border-radius:8px;background:#e7d99d06;min-width:0}
.cme-clip-title{font:400 19px/1.2 Georgia,serif;color:var(--codex-gold);margin:0}
.cme-rec{font-size:12.5px;line-height:1.45;margin:0;color:#efe6c4}
.cme-source{margin:0;word-break:break-all}
.cme-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cme-label{display:grid;gap:4px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#cfc4a0}
.cme-label:has(input[type=checkbox]){grid-template-columns:auto 1fr;align-items:center;text-transform:none;letter-spacing:0;font-size:12px}
.cme-label:has(input[type=checkbox]) span{order:2}
.cme-select,.cme-num{min-height:32px;border:1px solid var(--codex-line);border-radius:6px;background:#120f18;color:#efe6c4;padding:4px 8px;font:inherit;font-size:13px}
.cme-num{width:100%;font-variant-numeric:tabular-nums}
.cme-scrub{width:100%;accent-color:var(--codex-gold)}
.cme-frame-info{font-variant-numeric:tabular-nums}
.cme-align{display:grid;gap:8px;border:1px solid var(--codex-line);border-radius:8px;padding:10px 12px;margin:0}
.cme-align legend{font-size:10px;padding:0 6px;color:var(--codex-gold)}
.cme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cme-reg,.cme-msg{margin:0}
.cme-missing p{margin:4px 0 0}
.cme-button{font-size:11px;min-height:32px;padding:6px 10px}
.cme-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.cme-card{display:grid;gap:3px;text-align:left;padding:10px 12px;border:1px solid var(--codex-line);border-radius:8px;background:transparent;color:#efe6c4;cursor:pointer;font:inherit}
.cme-card strong{font:400 15px/1.2 Georgia,serif;color:#fff6d8}
.cme-card-role{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--codex-gold)}
.cme-card-meta{font-size:11px;color:#cfc4a0;font-variant-numeric:tabular-nums}
.cme-card.selected{border-color:var(--codex-gold);background:#e7d99d12}
.cme-card:focus-visible,.cme-button:focus-visible{outline:2px solid var(--codex-gold);outline-offset:2px}
@media (max-width:860px){.cme-body{grid-template-columns:1fr}.codex-results.codex-motion-editor{padding:0 14px 18px}}
@media (prefers-reduced-motion:reduce){.cme-card{transition:none}}