/* Motion packs and shared 3D preview. */
.co-pack-cover{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--cb-editor-space) * 0.45);color:var(--cb-text);background:radial-gradient(ellipse at 50% 20%,var(--cb-raised) 0,var(--cb-inset) 80%);isolation:isolate;padding:calc(var(--cb-editor-space) * 2.1) calc(var(--cb-editor-space) * 0.9) calc(var(--cb-editor-space) * 1)}
.co-pack-cover>svg{position:absolute;left:calc(50% - 67px);top:65px;z-index:1;color:var(--cb-muted);stroke-width:1.3}
.co-pack-cover>strong{font-size:calc(43px * var(--cb-type-scale));font-weight:500;line-height:1;letter-spacing:-2px;margin-left:44px;z-index:1}
.co-pack-cover>strong>small{display:inline-block;margin-left:6px;font-size:calc(11px * var(--cb-type-scale));letter-spacing:0;color:var(--cb-muted)}
.co-pack-cover>div{display:flex;justify-content:center;gap:calc(var(--cb-editor-space) * 0.25);flex-wrap:wrap;z-index:1;margin-top:13px;max-width:300px}
.co-pack-cover>div>span{background:color-mix(in srgb, var(--cb-surface) 72.15686%, transparent);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.35);font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.5 * var(--cb-leading-scale));color:var(--cb-text);white-space:nowrap}
.co-pack-cover>small{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);z-index:1}
.co-pack-stack{position:absolute;width:112px;height:88px;top:41px;left:calc(50% - 56px);border-radius:calc(var(--cb-radius) * 1.08333);background:var(--cb-raised);box-shadow:7px 6px 0 -1px var(--cb-shadow-ink),13px 12px 0 -2px var(--cb-shadow-ink);border:var(--cb-border-width) solid var(--cb-border);transform:rotate(-7deg);opacity:.7;z-index:0}
.co-pack-card>.co-library-image{padding:0}
.co-pack-card .co-asset-origin{z-index:2;display:flex;gap:calc(var(--cb-editor-space) * 0.25)}
.co-pack-card .co-asset-version{z-index:2}
.co-pack-card .co-preview-button{top:auto;bottom:12px}
.co-pack-detail-link{font-size:calc(10px * var(--cb-type-scale));margin-top:8px;padding:calc(var(--cb-editor-space) * 0.15) 0}
.co-pack-contents{grid-column:1/-1;border-top:var(--cb-border-width) solid var(--cb-border);background:var(--cb-surface);padding:calc(var(--cb-editor-space) * 1) calc(var(--cb-editor-space) * 1.1);color:var(--cb-text);min-width:0}
.co-pack-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.6);margin-bottom:14px}
.co-pack-heading>div{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.4);flex-wrap:wrap;font-size:calc(12px * var(--cb-type-scale))}
.co-pack-heading>div>span{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);margin-left:4px}
.co-pack-heading .btn{flex-shrink:0}
.co-pack-clips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--cb-editor-space) * 0.4)}
.co-pack-clip-row{display:flex;align-items:stretch;gap:calc(var(--cb-editor-space) * 0.15);min-width:0;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);background:var(--cb-surface)}
.co-pack-clip-row>.co-pack-clip{flex:1;border:0;background:transparent}
.co-pack-clip-row>.co-pack-clip-edit{align-self:center;flex-shrink:0;min-height:36px;padding:calc(var(--cb-editor-space) * 0.3);margin-right:5px;font-size:calc(11px * var(--cb-type-scale));gap:calc(var(--cb-editor-space) * 0.2)}
.co-pack-clip{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.45);min-width:0;padding:calc(var(--cb-editor-space) * 0.6) calc(var(--cb-editor-space) * 0.55);background:var(--cb-surface);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);text-align:left;transition:background calc(var(--cb-motion) * 0.9375),border-color calc(var(--cb-motion) * 0.9375)}
.co-pack-clip:hover,.co-pack-clip:focus-visible{background:var(--cb-hover);border-color:var(--cb-focus)}
.co-pack-clip>span{font-size:calc(10px * var(--cb-type-scale));align-self:flex-start;margin-top:3px;color:var(--cb-muted);font-variant-numeric:tabular-nums}
.co-pack-clip>div{min-width:0;flex:1}
.co-pack-clip strong{display:block;font-size:calc(12px * var(--cb-type-scale));font-weight:500;color:var(--cb-text);overflow-wrap:anywhere}
.co-pack-clip small{display:block;margin-top:4px;font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.co-pack-clip>svg{flex-shrink:0;color:var(--cb-muted)}
.co-pack-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--cb-editor-space) * 0.5);margin-top:13px}
.co-pack-routes>article{min-width:0;border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised);border-radius:calc(var(--cb-radius) * 0.66667);padding:calc(var(--cb-editor-space) * 0.6) calc(var(--cb-editor-space) * 0.7)}
.co-route-heading{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.35);flex-wrap:wrap;font-size:calc(12px * var(--cb-type-scale));margin-bottom:10px}
.co-route-heading>small{margin-left:auto;font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);font-variant-numeric:tabular-nums}
.co-route-chips{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.25);flex-wrap:wrap;min-height:28px;line-height:calc(1.7 * var(--cb-leading-scale));font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}
.co-route-chips>span{display:inline-flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.2);padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.35);background:var(--cb-surface);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);color:var(--cb-text);font-size:calc(11px * var(--cb-type-scale))}
.co-route-chips b{font-size:calc(11px * var(--cb-type-scale));color:var(--cb-text);font-weight:600}
.co-route-actions{display:flex;gap:calc(var(--cb-editor-space) * 0.7);flex-wrap:wrap;margin-top:10px}
.co-route-actions .text-btn{font-size:calc(11px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.15) 0;display:flex;gap:calc(var(--cb-editor-space) * 0.25);align-items:center}
.co-pack-rights{display:flex;align-items:flex-start;gap:calc(var(--cb-editor-space) * 0.3);font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.7 * var(--cb-leading-scale));margin:14px 0 0}
.co-pack-rights>svg{flex-shrink:0;margin-top:2px}
.co-grant-note{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.45);flex-wrap:wrap;padding:calc(var(--cb-editor-space) * 0.6) calc(var(--cb-editor-space) * 0.75);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-raised);color:var(--cb-muted);margin:0 0 18px;font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.6 * var(--cb-leading-scale))}
.co-grant-note>strong{font-weight:600;color:var(--cb-muted)}
.co-grant-note>span{color:var(--cb-muted)}
.co-library-toolbar{flex-wrap:wrap}
.co-library-toolbar>.co-search{min-width:230px;flex:1 1 260px}
.co-library-toolbar>select{width:138px;max-width:none}
.co-motion-dialog>.co-pack-contents{padding:calc(var(--cb-editor-space) * 1.1) calc(var(--cb-editor-space) * 1.3)}
.co-motion-dialog .co-product-detail{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);align-items:start;gap:calc(var(--cb-editor-space) * 1.2)}
.cpv-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.5);margin:0 0 10px}
.cpv-heading>span{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.3);font-size:calc(12px * var(--cb-type-scale));color:var(--cb-text);white-space:nowrap}
.cpv-heading>label{min-width:0;max-width:60%}
.cpv-heading select{width:100%;height:34px;min-height:34px;padding:5px 28px 5px 9px;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.5);background:var(--cb-surface);font-size:calc(11px * var(--cb-type-scale));color:var(--cb-text)}
.cpv-stage{position:relative;height:370px;overflow:hidden;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.83333);background:radial-gradient(ellipse at center,var(--cb-raised) 0,var(--cb-inset) 100%)}
.cpv-canvas{position:absolute;inset:0;touch-action:none}
.cpv-canvas>canvas{display:block;width:100%!important;height:100%!important}
.cpv-renderer{position:absolute;left:12px;top:12px;padding:calc(var(--cb-editor-space) * 0.2) calc(var(--cb-editor-space) * 0.35);font-size:calc(9px * var(--cb-type-scale));letter-spacing:.04em;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);color:var(--cb-muted);background:color-mix(in srgb, var(--cb-raised) 80%, transparent);pointer-events:none}
.cpv-stage>.co-icon-button{position:absolute;right:10px;top:10px;width:30px;height:30px;min-height:30px;background:color-mix(in srgb, var(--cb-raised) 78.82353%, transparent);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.5);color:var(--cb-muted)}
.cpv-stage-label{position:absolute;bottom:15px;left:18px;right:18px;display:flex;align-items:baseline;gap:calc(var(--cb-editor-space) * 0.5);flex-wrap:wrap;pointer-events:none;color:var(--cb-text);text-shadow:var(--cb-text-shadow)}
.cpv-stage-label>strong{font-size:calc(13px * var(--cb-type-scale));font-weight:500}
.cpv-stage-label>small{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.cpv-controls{display:flex;align-items:center;gap:calc(var(--cb-editor-space) * 0.6);margin-top:12px}
.cpv-play{width:37px;height:37px;border-radius:50%;background:var(--cb-primary);color:var(--cb-on-primary);display:grid;place-items:center;flex-shrink:0}
.cpv-play:hover{background:var(--cb-hover)}
.cpv-controls>input{flex:1;min-width:0;width:100%;accent-color:var(--cb-primary);padding:0;height:22px;min-height:22px;cursor:pointer}
.cpv-controls select{height:32px;min-height:32px;padding:4px 22px 4px 6px;font-size:calc(11px * var(--cb-type-scale));background:var(--cb-surface);width:65px;border-color:var(--cb-border)}
.cpv-footer{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--cb-editor-space) * 0.4);margin-top:8px;color:var(--cb-muted);font-size:calc(10px * var(--cb-type-scale));font-variant-numeric:tabular-nums}
.cpv-footer>label{display:flex;gap:calc(var(--cb-editor-space) * 0.3);align-items:center;cursor:pointer}
.cpv-footer input{accent-color:var(--cb-primary);width:12px;height:12px;min-height:0}
.co-preview-empty{padding:calc(var(--cb-editor-space) * 2) calc(var(--cb-editor-space) * 1);text-align:center;font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted);background:var(--cb-preview-surface);border:var(--cb-border-width) dashed var(--cb-border);border-radius:calc(var(--cb-radius) * 0.75)}
@media(min-width:1500px){.cpv-stage{height:410px}}
@media(max-width:1050px){.co-pack-clips{grid-template-columns:repeat(3,minmax(0,1fr))}.co-motion-dialog .co-product-detail{grid-template-columns:minmax(0,1.15fr) minmax(240px,1fr);gap:calc(var(--cb-editor-space) * 0.9)}.cpv-stage{height:335px}.co-pack-heading{flex-wrap:wrap}}
@media(max-width:760px){.co-pack-routes{grid-template-columns:1fr}.co-pack-clips{grid-template-columns:repeat(2,minmax(0,1fr))}.co-pack-contents{padding:calc(var(--cb-editor-space) * 0.8)}.co-motion-dialog .co-product-detail{grid-template-columns:1fr}.co-motion-dialog>.co-pack-contents{padding:calc(var(--cb-editor-space) * 0.9)}.cpv-stage{height:360px}.co-library-toolbar>select{flex:1 1 130px}.co-library-toolbar>.co-search{flex-basis:100%}}
@media(max-width:480px){.co-pack-clips{gap:calc(var(--cb-editor-space) * 0.3)}.co-pack-clip{padding:calc(var(--cb-editor-space) * 0.5) calc(var(--cb-editor-space) * 0.4);gap:calc(var(--cb-editor-space) * 0.3)}.co-pack-clip strong{font-size:calc(11px * var(--cb-type-scale))}.co-pack-clip small{font-size:calc(9px * var(--cb-type-scale))}.co-pack-clip>span{display:none}.co-pack-heading{gap:calc(var(--cb-editor-space) * 0.5)}.co-pack-heading>.btn{width:100%;justify-content:center}.co-grant-note{align-items:flex-start;gap:calc(var(--cb-editor-space) * 0.3)}.co-grant-note>span{flex-basis:100%;padding-left:calc(var(--cb-editor-space) * 1.2)}.co-pack-cover{padding-left:calc(var(--cb-editor-space) * 0.5);padding-right:calc(var(--cb-editor-space) * 0.5)}.co-pack-cover>div>span{font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-editor-space) * 0.1) calc(var(--cb-editor-space) * 0.25)}.co-pack-cover>small{font-size:calc(9px * var(--cb-type-scale))}.cpv-stage{height:330px}.cpv-heading>span{font-size:calc(11px * var(--cb-type-scale))}.cpv-heading>label{max-width:58%}.co-motion-dialog .co-product-info h3{font-size:calc(20px * var(--cb-type-scale) * var(--cb-heading-scale))}.co-route-actions{gap:calc(var(--cb-editor-space) * 0.6)}}

/* Character workflows and the independent public motion catalog. */
.co-character-workflows{display:grid;gap:calc(var(--cb-editor-space) * 0.4);margin:14px 0}
.co-character-workflows>.btn{margin:0}
.co-public-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--cb-editor-space) * 0.6);margin:12px 0 18px}
.co-public-filters .co-field{margin:0;min-width:0}
.co-public-filters select{width:100%;min-width:0}
@media(max-width:760px){.co-public-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}