/* Commerce shares Studio's porcelain, jade and soft paper palette. */
.co-page-head {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.6);flex-wrap:wrap;margin-bottom:8px}
.co-page-head h1 {font-size:calc(17px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.35 * var(--cb-leading-scale));margin:0;font-weight:var(--cb-heading-weight)}
.co-page-head>.op-page-title {flex-shrink:0}
.co-page-head>.co-actions {margin-left:auto;justify-content:flex-end;gap:calc(var(--cb-space) * 0.4)}
.co-page-head>.co-library-mode,.co-page-head>.co-creator-tabs {flex:1;min-width:0;margin:0}
.co-page-head .co-origin-tabs {gap:calc(var(--cb-space) * 0.7);border:0}
.co-page-head .co-origin-tabs>button {padding:calc(var(--cb-space) * 0.4) 0;font-size:calc(11px * var(--cb-type-scale))}
.co-actions {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.45);flex-wrap:wrap}
.co-actions .cb-icon,.co-page-head .btn .cb-icon {flex-shrink:0}
.co-pill {display:inline-flex;align-items:center;padding:calc(var(--cb-space) * 0.15) calc(var(--cb-space) * 0.4);max-width:100%;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.5 * var(--cb-leading-scale));color:var(--cb-muted);background:var(--cb-raised);white-space:nowrap}
.co-pill.jade {color:var(--cb-success-ink);background:var(--cb-success-soft);border-color:var(--cb-success)}
.co-pill.amber {background:var(--cb-warning-soft);color:var(--cb-warning-ink);border-color:var(--cb-warning)}
.co-market-hero {display:grid;grid-template-columns:1fr 45%;min-height:275px;overflow:hidden;border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-spotlight);border-radius:calc(var(--cb-radius) * 1.16667);margin-bottom:26px;position:relative}
.co-hero-copy {padding:calc(var(--cb-space) * 1.5) calc(var(--cb-space) * 1.7);position:relative;z-index:2}
.co-hero-kicker {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.35);font-size:calc(10px * var(--cb-type-scale));color:var(--cb-on-spotlight);letter-spacing:.08em}
.co-hero-kicker i {height:5px;width:5px;border-radius:50%;background:var(--cb-spotlight)}
.co-hero-copy h2 {font-size:calc(34px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.42 * var(--cb-leading-scale));margin:15px 0 11px;letter-spacing:-.04em;font-weight:var(--cb-heading-weight);color:var(--cb-on-spotlight)}
.co-hero-copy p {font-size:calc(11px * var(--cb-type-scale));color:var(--cb-spotlight-muted);line-height:calc(1.8 * var(--cb-leading-scale))}
.co-hero-copy .co-actions {margin-top:20px;gap:calc(var(--cb-space) * 0.9)}
.co-quiet-link {font-size:calc(11px * var(--cb-type-scale));color:var(--cb-text)}
.co-hero-foot {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.4);margin-top:21px;color:var(--cb-spotlight-muted);font-size:calc(9px * var(--cb-type-scale))}
.co-hero-foot>span {color:var(--cb-spotlight-muted)}
.co-hero-art {position:relative;overflow:hidden;background:linear-gradient(128deg,var(--cb-spotlight),var(--cb-spotlight))}
.co-hero-person {position:absolute;width:88%;height:92%;object-fit:contain;mix-blend-mode:multiply;bottom:-2%;filter:contrast(.96)}
.co-hero-person.one {right:23%;z-index:2;transform:scale(.87)}
.co-hero-person.two {left:28%;z-index:1;transform:scale(.76);opacity:.88}
.co-orbit {position:absolute;left:6%;right:6%;height:50%;border:var(--cb-border-width) solid color-mix(in srgb, var(--cb-border) 41.96078%, transparent);border-radius:50%;transform:rotate(-25deg);top:31%}
.co-orbit-two {left:19%;right:18%;height:90%;top:5%;transform:rotate(25deg)}
.co-art-note {position:absolute;top:24px;left:24px;z-index:3;color:var(--cb-muted)}
.co-art-note span {font-size:calc(8px * var(--cb-type-scale));letter-spacing:.17em}
.co-art-note strong {display:block;font-size:calc(10px * var(--cb-type-scale));margin-top:4px;font-weight:450}
.co-art-number {position:absolute;bottom:17px;right:22px;color:var(--cb-muted);font-size:calc(10px * var(--cb-type-scale));letter-spacing:.16em}
.co-category-tabs {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.35);overflow:auto;padding-bottom:calc(var(--cb-space) * 0.6);scrollbar-width:none}
.co-category {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.35);min-height:35px;padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.6);border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-surface);border-radius:calc(var(--cb-radius) * 0.58333);white-space:nowrap;font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}
.co-category:hover {background:var(--cb-hover);border-color:var(--cb-border-strong)}
.co-category.active {color:var(--cb-on-selected);background:var(--cb-selected);border-color:var(--cb-border-strong)}
.co-market-layout {display:grid;grid-template-columns:176px minmax(0,1fr);gap:calc(var(--cb-space) * 1.25)}
.co-filter-panel {border-right:var(--cb-border-width) solid var(--line);padding-right:calc(var(--cb-space) * 1.1)}
.co-filter-title {display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-space) * 0.4);margin-bottom:20px}
.co-filter-title h3 {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.35);font-size:calc(12px * var(--cb-type-scale) * var(--cb-heading-scale));font-weight:var(--cb-heading-weight)}
.co-filter-title .text-btn {font-size:calc(10px * var(--cb-type-scale))}
.co-field {display:flex;flex-direction:column;gap:calc(var(--cb-space) * 0.35);font-size:calc(12px * var(--cb-type-scale));margin-bottom:17px;min-width:0}
.co-field>span {font-size:calc(11px * var(--cb-type-scale));color:var(--cb-text)}
.co-field input,.co-field select,.co-field textarea {font-size:calc(12px * var(--cb-type-scale));padding:10px 11px;border-radius:calc(var(--cb-radius) * 0.58333)}
.co-filter-panel .co-field select {background:var(--cb-surface);font-size:calc(11px * var(--cb-type-scale))}
.co-field small {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.co-filter-note {margin-top:28px;padding-top:calc(var(--cb-space) * 1);border-top:var(--cb-border-width) solid var(--line);color:var(--cb-muted)}
.co-filter-note strong {font-size:calc(11px * var(--cb-type-scale));display:block;margin-top:12px;font-weight:500}
.co-filter-note p {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin-top:7px;line-height:calc(1.9 * var(--cb-leading-scale))}
.co-catalog {min-width:0}
.co-search-row,.co-library-toolbar {display:flex;gap:calc(var(--cb-space) * 0.4);align-items:center}
.co-search {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.5);background:var(--cb-surface);border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 0.66667);min-width:0;flex:1;padding-left:calc(var(--cb-space) * 0.7);color:var(--cb-muted)}
.co-search input {background:transparent;border:0;box-shadow:none;font-size:calc(12px * var(--cb-type-scale));line-height:20px;min-height:34px;padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.55) calc(var(--cb-space) * 0.35) 0}
.co-search input:focus {outline-offset:0}
.co-sort,.co-library-toolbar>select {width:146px;max-width:40%;font-size:calc(11px * var(--cb-type-scale));line-height:20px;height:36px;min-height:36px;padding:7px 10px;background:var(--cb-surface)}
.co-library-toolbar>.btn {height:36px;min-height:36px;padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.55);font-size:calc(11px * var(--cb-type-scale));line-height:20px}
.co-library-toolbar>.co-icon-button {width:36px;height:36px;flex-shrink:0}
.co-result-row {display:flex;justify-content:space-between;gap:calc(var(--cb-space) * 0.5);align-items:center;margin:8px 0;font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.co-result-row b {color:var(--cb-text);font-size:calc(12px * var(--cb-type-scale));font-weight:600;margin-right:4px}
.co-product-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--cb-space) * 0.9)}
.co-product-card {background:var(--cb-surface);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.83333);overflow:hidden;transition:transform calc(var(--cb-motion) * 1.125),box-shadow calc(var(--cb-motion) * 1.125)}
.co-product-card:hover {transform:translateY(-3px);box-shadow:var(--cb-shadow);border-color:var(--cb-border-strong)}
.co-product-image {position:relative;height:205px;width:100%;padding:0;display:flex;justify-content:center;overflow:hidden;background:var(--cb-inset)}
.co-product-image.co-tone-female {background:var(--cb-inset)}
.co-product-image.co-tone-plus_male {background:var(--cb-inset)}
.co-product-image.co-tone-male {background:var(--cb-inset)}
.co-product-image.co-tone-child_06 {background:var(--cb-inset)}
.co-product-image>img {width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:28px 7px 13px;transition:transform calc(var(--cb-motion) * 1.25)}
.co-product-card:hover .co-product-image>img {transform:scale(1.035)}
.co-card-top {position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;z-index:2}
.co-card-top .co-pill {font-size:calc(8px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.1) calc(var(--cb-space) * 0.3);background:color-mix(in srgb, var(--cb-surface) 83.92157%, transparent);color:var(--cb-muted);border:var(--cb-border-width) solid color-mix(in srgb, var(--cb-border) 66.66667%, transparent)}
.co-preview-button {position:absolute;top:44%;left:50%;transform:translateX(-50%);display:flex;gap:calc(var(--cb-space) * 0.3);align-items:center;background:color-mix(in srgb, var(--cb-inverse) 87.45098%, transparent);color:var(--cb-on-inverse);padding:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.65);border-radius:calc(var(--cb-radius) * 2);opacity:0;transition:opacity calc(var(--cb-motion) * 1);font-size:calc(10px * var(--cb-type-scale))}
.co-product-image:hover .co-preview-button,.co-product-image:focus-visible .co-preview-button {opacity:1}
.co-card-track {position:absolute;bottom:8px;left:13px;right:13px;height:15px;display:flex;align-items:center;gap:calc(var(--cb-space) * 0.3);border-top:var(--cb-border-width) solid var(--cb-border)}
.co-card-track>span {width:27%;height:2px;background:var(--cb-inset);align-self:flex-start;margin-top:-1px}
.co-card-track>i {height:3px;width:2px;background:var(--cb-inset);align-self:flex-start;margin-top:-1px}
.co-card-track>small {font-size:calc(8px * var(--cb-type-scale));color:var(--cb-muted);margin-left:auto}
.co-product-body {padding:calc(var(--cb-space) * 0.8) calc(var(--cb-space) * 0.8) calc(var(--cb-space) * 0.7)}
.co-card-path {font-size:calc(9px * var(--cb-type-scale));letter-spacing:.02em;color:var(--cb-muted);line-height:calc(1.7 * var(--cb-leading-scale))}
.co-card-title {display:block;font-size:calc(14px * var(--cb-type-scale));color:var(--cb-text);font-weight:600;line-height:calc(1.7 * var(--cb-leading-scale));text-align:left;padding:calc(var(--cb-space) * 0.15) 0 0;word-break:break-word}
.co-card-title:hover {color:var(--jade)}
.co-card-tags {display:flex;gap:calc(var(--cb-space) * 0.25);flex-wrap:wrap;margin:11px 0}
.co-card-tags .co-pill {font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.1) calc(var(--cb-space) * 0.3)}
.co-product-bottom {display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-space) * 0.4);padding-top:calc(var(--cb-space) * 0.6);margin-top:12px;border-top:var(--cb-border-width) solid var(--cb-border)}
.co-seller {display:flex;gap:calc(var(--cb-space) * 0.3);align-items:center;font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);min-width:0}
.co-seller i {font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--cb-inset);display:inline-flex;align-items:center;justify-content:center;font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);flex-shrink:0}
.co-product-bottom>strong {font-size:calc(15px * var(--cb-type-scale));color:var(--cb-text);white-space:nowrap;font-weight:650}
.co-product-bottom>strong small {font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);font-weight:400}
.co-empty {padding:calc(var(--cb-space) * 3.2) calc(var(--cb-space) * 1.2);text-align:center;display:flex;align-items:center;flex-direction:column;gap:calc(var(--cb-space) * 0.75);border:var(--cb-border-width) dashed var(--cb-border);border-radius:calc(var(--cb-radius) * 1);background:var(--cb-surface);color:var(--cb-muted);min-height:260px}
.co-empty h3 {font-size:calc(18px * var(--cb-type-scale) * var(--cb-heading-scale))}
.co-empty p {font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted)}
.co-product-dialog {width:min(1040px,calc(100vw - 40px));max-width:none;padding:0;max-height:92vh}
.co-product-dialog .modal-heading,.co-checkout-dialog .modal-heading {padding:calc(var(--cb-space) * 1.15) calc(var(--cb-space) * 1.35);border-bottom:var(--cb-border-width) solid var(--line)}
.co-product-detail {display:grid;grid-template-columns:1.25fr 1fr;gap:calc(var(--cb-space) * 1.35);padding:calc(var(--cb-space) * 1.3)}
.co-product-detail>section {min-width:0}
.co-detail-preview {position:relative;display:flex;align-items:center;justify-content:center;min-height:330px;background:var(--cb-preview-surface);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.83333);overflow:hidden}
.co-detail-preview>img {width:100%;height:350px;object-fit:contain;mix-blend-mode:multiply;padding:28px 14px}
.co-preview-top {position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;z-index:1}
.co-preview-overlay {position:absolute;left:0;right:0;bottom:0;padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.6);text-align:center;background:color-mix(in srgb, var(--cb-preview-surface) 86.66667%, transparent);border-top:var(--cb-border-width) solid var(--cb-border)}
.co-preview-overlay span {font-size:calc(8px * var(--cb-type-scale));letter-spacing:.14em;color:var(--cb-muted)}
.co-preview-overlay p {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin-top:2px}
.co-player {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.6);padding:calc(var(--cb-space) * 0.65) 0}
.co-player input {padding:0;accent-color:var(--jade);flex:1;width:100%;min-width:0}
.co-player>span {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);white-space:nowrap}
.co-play {height:32px;width:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--cb-inset);color:var(--cb-text);flex-shrink:0}
.co-model-select {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.7);background:var(--cb-surface);border-radius:calc(var(--cb-radius) * 0.66667);padding:calc(var(--cb-space) * 0.55);font-size:calc(11px * var(--cb-type-scale))}
.co-model-select>span {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.35);flex-shrink:0;color:var(--cb-muted)}
.co-model-select select {font-size:calc(11px * var(--cb-type-scale));padding:7px 9px;background:var(--cb-surface)}
.co-product-info h3 {font-size:calc(24px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.45 * var(--cb-leading-scale));margin:9px 0 10px;font-weight:var(--cb-heading-weight)}
.co-product-info>p {font-size:calc(12px * var(--cb-type-scale));color:var(--cb-info-ink);line-height:calc(1.8 * var(--cb-leading-scale))}
.co-product-info>.btn {margin-top:9px}
.co-facts {margin:18px 0 16px}
.co-facts>div {display:flex;gap:calc(var(--cb-space) * 0.75);align-items:flex-start;justify-content:space-between;font-size:calc(11px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.45) 0;border-bottom:var(--cb-border-width) solid var(--cb-border)}
.co-facts dt {color:var(--cb-muted);flex:0 0 100px}
.co-facts dd {margin:0;color:var(--cb-text);text-align:right;overflow-wrap:anywhere}
.co-facts .co-fact-total {border-top:var(--cb-border-width) solid var(--line);font-size:calc(16px * var(--cb-type-scale));padding-top:calc(var(--cb-space) * 0.8);margin-top:5px}
.co-price {display:flex;align-items:baseline;gap:calc(var(--cb-space) * 0.4);margin:19px 0 9px;color:var(--cb-text)}
.co-price strong {font-size:calc(35px * var(--cb-type-scale));line-height:calc(1.4 * var(--cb-leading-scale));font-weight:550;letter-spacing:-.035em}
.co-price>span {font-size:calc(11px * var(--cb-type-scale))}
.co-price .co-pill {margin-left:auto}
.co-muted-note {font-size:calc(10px * var(--cb-type-scale))!important;line-height:calc(1.8 * var(--cb-leading-scale))!important;color:var(--cb-muted)!important;margin-top:12px!important}
.co-checkout-dialog {width:min(540px,calc(100vw - 32px));max-width:none;padding:0}
.co-form {padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.35)}
.co-form>.co-actions {margin-top:25px;justify-content:flex-end}
.co-form-grid {display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--cb-space) * 0.8)}
.co-form-error {margin:13px 0;padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.6);border-radius:calc(var(--cb-radius) * 0.5);background:var(--cb-danger-soft);border:var(--cb-border-width) solid var(--cb-danger);color:var(--cb-danger-ink);font-size:calc(12px * var(--cb-type-scale))}
.co-checkbox {display:flex;align-items:flex-start;gap:calc(var(--cb-space) * 0.45);line-height:calc(1.8 * var(--cb-leading-scale));font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);margin:18px 0}
.co-checkbox input {width:15px;height:15px;margin-top:3px;accent-color:var(--jade);flex-shrink:0}
.co-checkout-asset {display:flex;gap:calc(var(--cb-space) * 0.85);align-items:center}
.co-checkout-asset>img {width:100px;height:96px;object-fit:contain;background:var(--cb-inset);border-radius:calc(var(--cb-radius) * 0.75);mix-blend-mode:multiply}
.co-checkout-asset strong {display:block;font-size:calc(16px * var(--cb-type-scale))}
.co-checkout-asset p {font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);margin:5px 0 8px}
.co-inline-warning {padding:calc(var(--cb-space) * 0.65);background:var(--cb-warning-soft);border:var(--cb-border-width) solid var(--cb-warning);border-radius:calc(var(--cb-radius) * 0.66667);color:var(--cb-warning-ink);font-size:calc(12px * var(--cb-type-scale));display:flex;gap:calc(var(--cb-space) * 0.6);align-items:center;flex-wrap:wrap}
.co-inline-note {padding:calc(var(--cb-space) * 0.75) calc(var(--cb-space) * 0.85);border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised);border-radius:calc(var(--cb-radius) * 0.66667);font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.9 * var(--cb-leading-scale));margin:16px 0;display:flex;flex-wrap:wrap;gap:calc(var(--cb-space) * 0.4);align-items:center}
.co-success {padding:calc(var(--cb-space) * 1.75) calc(var(--cb-space) * 1.4);text-align:center;display:flex;align-items:center;flex-direction:column;gap:calc(var(--cb-space) * 0.9)}
.co-success>.cb-icon {color:var(--cb-success-ink);background:var(--cb-success-soft);padding:10px;box-sizing:content-box;border-radius:50%}
.co-success h3 {font-size:calc(21px * var(--cb-type-scale) * var(--cb-heading-scale))}
.co-success p {font-size:calc(12px * var(--cb-type-scale));color:var(--cb-success-ink)}
.co-success small {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-success-ink)}
.co-library-mode {display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-space) * 0.6);min-width:0;margin-bottom:12px}
.co-library-mode>span {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.3);color:var(--cb-muted);font-size:calc(10px * var(--cb-type-scale));white-space:nowrap}
.co-segment {display:flex;gap:calc(var(--cb-space) * 0.2);align-items:center;border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-inset);padding:calc(var(--cb-space) * 0.2);border-radius:calc(var(--cb-radius) * 0.66667);max-width:100%;overflow-x:auto}
.co-segment>button {display:flex;align-items:center;justify-content:center;gap:calc(var(--cb-space) * 0.35);padding:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.65);border-radius:calc(var(--cb-radius) * 0.41667);font-size:calc(11px * var(--cb-type-scale));white-space:nowrap;color:var(--cb-muted)}
.co-segment>button.active {background:var(--cb-selected);box-shadow:var(--cb-shadow);color:var(--cb-on-selected);font-weight:600}
.co-segment>button span {font-size:calc(9px * var(--cb-type-scale));min-width:17px;padding:calc(var(--cb-space) * 0.05) calc(var(--cb-space) * 0.25);border-radius:calc(var(--cb-radius) * 0.33333);background:var(--cb-inset);color:var(--cb-muted)}
.co-origin-tabs {display:flex;align-items:center;gap:calc(var(--cb-space) * 1);margin-bottom:8px;border-bottom:var(--cb-border-width) solid var(--line);overflow-x:auto;scrollbar-width:none}
.co-origin-tabs>button {min-height:36px;padding:calc(var(--cb-space) * 0.35) 0;font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted);white-space:nowrap;border-bottom:calc(var(--cb-border-width) * 2) solid transparent;display:flex;align-items:center;gap:calc(var(--cb-space) * 0.3)}
.co-origin-tabs>button.active {border-color:var(--jade);color:var(--jade);font-weight:650}
.co-origin-tabs>button>span {font-size:calc(9px * var(--cb-type-scale));background:var(--cb-inset);padding:calc(var(--cb-space) * 0.05) calc(var(--cb-space) * 0.3);border-radius:calc(var(--cb-radius) * 0.33333)}
.co-library-toolbar {margin-top:0}
.commerce-enabled .co-grant-note {min-height:30px;padding:calc(var(--cb-space) * 0.25) calc(var(--cb-space) * 0.5);gap:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.4);margin:0 0 8px;border-radius:calc(var(--cb-radius) * 0.5);line-height:calc(1.55 * var(--cb-leading-scale))}
.commerce-enabled .co-public-filters {gap:calc(var(--cb-space) * 0.4);margin:8px 0}
.commerce-enabled .co-public-filters .co-field {gap:calc(var(--cb-space) * 0.25)}
.commerce-enabled .co-public-filters select {height:36px;min-height:36px;padding:7px 10px;line-height:20px}
.co-library-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--cb-space) * 1)}
.co-library-card {background:var(--cb-surface);border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 0.91667);overflow:hidden}
.co-library-image {position:relative;width:100%;height:235px;background:var(--cb-inset);display:block;padding:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.5)}
.co-library-image>img {width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.co-library-image.has-character-cover {padding:0}
.co-library-image.has-character-cover>img {mix-blend-mode:normal}
/* Generated and default-library covers are full-bleed product art; ordinary
   catalogue images keep their contain+multiply treatment unchanged. */
.co-product-image.has-character-cover {padding:0}
.co-product-image.has-character-cover>img {padding:0;mix-blend-mode:normal}
.co-detail-preview.has-character-cover>img {padding:0;mix-blend-mode:normal}
.crc-cover-framing {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.3);font-size:calc(12px * var(--cb-type-scale));min-width:0}
.crc-cover-framing select {max-width:150px;min-width:0}
.crc-cover-preview {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.6);margin:0;padding:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.6);flex-shrink:0}
.crc-cover-preview[hidden] {display:none}
.crc-cover-preview img {width:54px;height:72px;object-fit:contain;flex-shrink:0;border-radius:calc(var(--cb-radius) * 0.33333)}
.crc-cover-preview figcaption {font-size:calc(12px * var(--cb-type-scale));overflow-wrap:anywhere;color:var(--cb-text)}
.co-asset-origin {position:absolute;top:13px;left:14px}
.co-asset-version {position:absolute;right:13px;bottom:11px;font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.co-library-body {padding:calc(var(--cb-space) * 0.9)}
.co-library-body h3 {font-size:calc(15px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:4px}
.co-library-body>p {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin-top:7px}
.co-library-actions {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:calc(var(--cb-space) * 0.4);margin-top:18px}
.co-icon-button {display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised);border-radius:calc(var(--cb-radius) * 0.5);color:var(--cb-muted)}
.co-library-note {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.7);padding:calc(var(--cb-space) * 1) calc(var(--cb-space) * 1.15);background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.83333);margin-top:28px;color:var(--cb-muted)}
.co-library-note strong {font-size:calc(12px * var(--cb-type-scale));font-weight:500}
.co-library-note p {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin-top:5px}
.co-asset-detail {padding:calc(var(--cb-space) * 1.35);display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--cb-space) * 1.35)}
.co-asset-detail .btn {margin-top:10px}
.co-asset-detail .co-detail-preview>img {height:340px}
.co-asset-detail-label {position:absolute;bottom:14px;left:0;right:0;text-align:center;color:var(--cb-muted);font-size:calc(10px * var(--cb-type-scale))}
.co-wallet-grid {display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:calc(var(--cb-space) * 1)}
.co-wallet-main {background:var(--cb-primary);color:var(--cb-on-primary);border-radius:calc(var(--cb-radius) * 1.08333);padding:calc(var(--cb-space) * 1.4) calc(var(--cb-space) * 1.35) calc(var(--cb-space) * 1);box-shadow:var(--cb-shadow);position:relative;overflow:hidden}
.co-wallet-main>div:first-child {display:flex;align-items:center;justify-content:space-between;font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted)}
.co-wallet-main .co-pill {background:color-mix(in srgb, var(--cb-surface) 4.31373%, transparent);color:var(--cb-muted);border-color:color-mix(in srgb, var(--cb-border) 12.54902%, transparent);font-size:calc(10px * var(--cb-type-scale))}
.co-wallet-main>strong {display:block;font-size:calc(47px * var(--cb-type-scale));font-weight:500;letter-spacing:-.04em;margin:18px 0 10px;line-height:calc(1.3 * var(--cb-leading-scale))}
.co-wallet-main>strong small {font-size:calc(12px * var(--cb-type-scale));margin-left:9px;font-weight:400;color:var(--cb-muted);letter-spacing:0}
.co-wallet-main>p {color:var(--cb-muted);font-size:calc(11px * var(--cb-type-scale))}
.co-wallet-main>p span {margin:0 10px;color:var(--cb-muted)}
.co-wallet-line {display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-space) * 0.5);border-top:var(--cb-border-width) solid color-mix(in srgb, var(--cb-border) 10.98039%, transparent);margin-top:25px;padding-top:calc(var(--cb-space) * 0.85);color:var(--cb-muted);font-size:calc(9px * var(--cb-type-scale))}
.co-balance-card {display:flex;flex-direction:column;align-items:flex-start;padding:calc(var(--cb-space) * 1.25);background:var(--cb-surface);border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 1.08333)}
.co-balance-card>.cb-icon {color:var(--cb-muted);margin-bottom:17px}
.co-balance-card>span {font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}
.co-balance-card>strong {font-size:calc(35px * var(--cb-type-scale));font-weight:500;margin:6px 0;line-height:calc(1.45 * var(--cb-leading-scale));color:var(--cb-text);letter-spacing:-.035em}
.co-balance-card>small {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);line-height:calc(1.7 * var(--cb-leading-scale));margin-bottom:14px}
.co-balance-card>.text-btn {font-size:calc(10px * var(--cb-type-scale));margin-top:auto}
.co-wallet-details {display:flex;justify-content:space-between;gap:calc(var(--cb-space) * 1);flex-wrap:wrap;margin:22px 0 32px;padding:calc(var(--cb-space) * 0.8) calc(var(--cb-space) * 1);background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.75)}
.co-wallet-details>div {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.5);flex-wrap:wrap;font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.co-wallet-details strong {font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);font-weight:500}
.co-ledger-section {margin-top:32px}
.co-section-title {display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-space) * 0.6);margin-bottom:10px}
.co-section-title h2 {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.4);font-size:calc(16px * var(--cb-type-scale) * var(--cb-heading-scale));margin:0}
.co-section-title p {font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);margin-top:5px}
.co-table-wrap {border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 0.83333);overflow:auto;background:var(--cb-surface)}
.co-table {border-collapse:collapse;width:100%;min-width:600px;font-size:calc(11px * var(--cb-type-scale))}
.co-table th {text-align:left;background:var(--cb-raised);color:var(--cb-muted);font-weight:500;font-size:calc(10px * var(--cb-type-scale));white-space:nowrap;padding:calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.9);border-bottom:var(--cb-border-width) solid var(--line)}
.co-table td {padding:calc(var(--cb-space) * 0.8) calc(var(--cb-space) * 0.9);border-bottom:var(--cb-border-width) solid var(--cb-border);vertical-align:middle;color:var(--cb-muted)}
.co-table tbody tr:last-child td {border-bottom:0}
.co-table td strong {font-size:calc(12px * var(--cb-type-scale));font-weight:500;color:var(--cb-text)}
.co-table td small {display:block;font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);margin-top:4px}
.co-table .co-table-empty {text-align:center;padding:calc(var(--cb-space) * 2) calc(var(--cb-space) * 1);color:var(--cb-muted)}
.co-table .co-positive {color:var(--cb-text);font-weight:600}
.co-topup-space {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.65);padding:calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.8);background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);color:var(--cb-muted);margin-bottom:23px}
.co-topup-space span {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);display:block}
.co-topup-space strong {font-size:calc(14px * var(--cb-type-scale));color:var(--cb-text)}
.co-topup-options {display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--cb-space) * 0.6)}
.co-topup-options label {position:relative;cursor:pointer}
.co-topup-options input {position:absolute;top:9px;left:9px;width:13px;height:13px;accent-color:var(--jade)}
.co-topup-options span {display:flex;flex-direction:column;align-items:center;gap:calc(var(--cb-space) * 0.3);border:var(--cb-border-width) solid var(--cb-border);padding:calc(var(--cb-space) * 1.2) calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.85);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-surface)}
.co-topup-options strong {font-size:calc(22px * var(--cb-type-scale));font-weight:500;color:var(--cb-text)}
.co-topup-options small {font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}
.co-topup-options input:checked+span {border:calc(var(--cb-border-width) * 1.5) solid var(--cb-border-strong);background:var(--cb-selected)}
.co-topup-options input:checked+span strong {color:var(--cb-on-selected)}
.co-shop-banner {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.7);padding:calc(var(--cb-space) * 0.55) calc(var(--cb-space) * 0.75);background:var(--cb-spotlight);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.75);margin-bottom:14px}
.co-shop-identity {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.4);color:var(--cb-text)}
.co-shop-identity strong {font-size:calc(12px * var(--cb-type-scale));font-weight:550}
.co-shop-avatar {width:72px;height:72px;display:flex;align-items:center;justify-content:center;border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-inset);color:var(--cb-text);border-radius:calc(var(--cb-radius) * 1.33333);font-size:calc(30px * var(--cb-type-scale));flex-shrink:0}
.co-shop-banner h2 {font-size:calc(25px * var(--cb-type-scale) * var(--cb-heading-scale));margin-top:5px}
.co-shop-banner p {font-size:calc(11px * var(--cb-type-scale));color:var(--cb-spotlight-muted);margin-top:5px}
.co-shop-stats {display:flex;gap:calc(var(--cb-space) * 1.1);margin-left:auto;flex-wrap:wrap}
.co-shop-stats>div {display:flex;align-items:baseline;gap:calc(var(--cb-space) * 0.3)}
.co-shop-stats strong {font-size:calc(18px * var(--cb-type-scale));font-weight:550;color:var(--cb-text)}
.co-shop-stats span {font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}
.co-tab-extra {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin-left:auto;white-space:nowrap}
.co-tab-extra b {color:var(--cb-text);margin-left:7px}
.co-creator-grid {display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--cb-space) * 0.9)}
.co-shop-product {display:flex;align-items:center;gap:calc(var(--cb-space) * 1);padding:calc(var(--cb-space) * 1);background:var(--cb-surface);border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 0.83333)}
.co-shop-product>img {width:120px;height:140px;object-fit:contain;background:var(--cb-inset);border-radius:calc(var(--cb-radius) * 0.66667);mix-blend-mode:multiply}
.co-shop-product>div {min-width:0}
.co-shop-product h3 {font-size:calc(15px * var(--cb-type-scale) * var(--cb-heading-scale))}
.co-shop-product p {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin-top:6px}
.co-shop-product .co-actions {margin-top:15px;gap:calc(var(--cb-space) * 0.9)}
.co-service-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--cb-space) * 1)}
.co-service-grid>article {padding:calc(var(--cb-space) * 1.35);background:var(--cb-surface);border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 0.83333);color:var(--cb-muted)}
.co-service-grid h3 {margin:20px 0 10px;font-size:calc(17px * var(--cb-type-scale) * var(--cb-heading-scale))}
.co-service-grid p {font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);margin-bottom:22px}
.co-space-summary {display:flex;justify-content:space-between;gap:calc(var(--cb-space) * 0.9);align-items:center;padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.8);background:var(--cb-raised);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.75);margin-bottom:12px}
.co-space-name {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.4);color:var(--cb-text)}
.co-space-summary h2 {font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale));margin:0;font-weight:var(--cb-heading-weight)}
.co-space-summary p {font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted);margin-top:5px}
.co-space-metrics {display:flex;gap:calc(var(--cb-space) * 1.2);flex-wrap:wrap}
.co-space-metrics a {display:flex;align-items:baseline;gap:calc(var(--cb-space) * 0.35)}
.co-space-metrics strong {font-size:calc(18px * var(--cb-type-scale));line-height:calc(1.4 * var(--cb-leading-scale));color:var(--cb-text);font-weight:550}
.co-space-metrics span {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.co-home-actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--cb-space) * 0.5);margin-bottom:14px}
.co-home-actions>a {display:flex;align-items:center;justify-content:flex-start;gap:calc(var(--cb-space) * 0.5);padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.65);background:var(--cb-surface);border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 0.66667);color:var(--cb-muted)}
.co-home-actions>a>span {display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--cb-space) * 0.15);flex:1}
.co-home-actions strong {font-size:calc(12px * var(--cb-type-scale));color:var(--cb-text)}
.co-home-actions small {font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted);font-weight:400}
.co-role-panel,.co-ops-panel {background:var(--cb-surface);border:var(--cb-border-width) solid var(--line);border-radius:calc(var(--cb-radius) * 0.75);padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.7);margin-bottom:14px}
.co-role-toolbar {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.6);flex-wrap:wrap}
.co-role-toolbar h2 {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.35);font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale));margin:0;white-space:nowrap}
.co-role-scope {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.co-role-toolbar>.op-help {margin-left:auto}
.co-ops-panel .co-section-title {margin:0;gap:calc(var(--cb-space) * 0.5)}
.co-ops-panel .co-section-title h2 {font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale))}
.co-ops-panel .co-table-wrap {margin-top:10px}
.co-role-options {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.3);flex-wrap:wrap;margin:0}
.co-role-options>button {border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.5);display:flex;align-items:center;gap:calc(var(--cb-space) * 0.3);padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.5);color:var(--cb-muted);background:var(--cb-surface);text-align:left}
.co-role-options>button strong {font-size:calc(11px * var(--cb-type-scale));font-weight:550;color:var(--cb-text)}
.co-role-options>button span {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.co-role-options>button.active {background:var(--cb-selected);border-color:var(--cb-border-strong);box-shadow:0 0 0 1px color-mix(in srgb, var(--cb-focus) 12.54902%, transparent)}
.co-studio-commerce,.co-studio-order {display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-space) * 0.8);padding:calc(var(--cb-space) * 0.55) calc(var(--cb-space) * 0.8);margin-bottom:17px;background:var(--cb-inset);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667)}
.co-studio-commerce>span {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.35);font-size:calc(11px * var(--cb-type-scale));color:var(--cb-muted)}
.co-studio-order {background:var(--cb-inset)}
.co-studio-order-icon {color:var(--cb-text)}
.co-studio-order>div:first-of-type {flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(var(--cb-space) * 0.15)}
.co-studio-order strong {font-size:calc(12px * var(--cb-type-scale));color:var(--cb-text);overflow-wrap:anywhere}
.co-studio-order>div>span {font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}
.co-wallet-chip {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.35);border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-inset);border-radius:calc(var(--cb-radius) * 1.58333);padding:calc(var(--cb-space) * 0.25) calc(var(--cb-space) * 0.6);font-size:calc(10px * var(--cb-type-scale));color:var(--cb-text)}
.co-wallet-chip b {font-size:calc(11px * var(--cb-type-scale));font-weight:600}
.co-wallet-chip>span {font-size:calc(9px * var(--cb-type-scale));color:var(--cb-muted)}
body.commerce-enabled .sidebar {padding-top:calc(var(--cb-space) * 1.2);padding-bottom:calc(var(--cb-space) * 0.7);overflow-y:auto}
body.commerce-enabled .sidebar>.brand {margin-bottom:27px}
body.commerce-enabled .sidebar .nav-caption {margin-top:22px;margin-bottom:8px}
body.commerce-enabled .primary-nav {gap:calc(var(--cb-space) * 0.1);min-height:0;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cddcc6 transparent}
body.commerce-enabled .primary-nav a {min-height:36px;height:36px;flex-shrink:0;font-size:calc(11px * var(--cb-type-scale))}
body.commerce-enabled .nav-divider {margin:9px 12px 6px;flex-shrink:0}
body.commerce-enabled .sidebar-footer {padding-top:calc(var(--cb-space) * 0.75);flex-shrink:0}
body.commerce-enabled .sidebar-footer>p {font-size:calc(8px * var(--cb-type-scale))}
body.commerce-enabled .sidebar-footer .account {padding-top:calc(var(--cb-space) * 0.5);margin-top:10px}
@media(min-width:1600px) {
  .co-product-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
  .co-library-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
  .co-product-image {height:230px}
}
@media(max-width:1180px) {
  .co-market-layout {grid-template-columns:155px minmax(0,1fr);gap:calc(var(--cb-space) * 1)}
  .co-filter-panel {padding-right:calc(var(--cb-space) * 0.85)}
  .co-product-grid {gap:calc(var(--cb-space) * 0.65);grid-template-columns:repeat(2,minmax(0,1fr))}
  .co-product-image {height:218px}
  .co-wallet-grid {gap:calc(var(--cb-space) * 0.65);grid-template-columns:1.3fr 1fr 1fr}
  .co-balance-card {padding:calc(var(--cb-space) * 1)}
  .co-wallet-main {padding:calc(var(--cb-space) * 1.15)}
  .co-library-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .co-shop-product {padding:calc(var(--cb-space) * 0.75);gap:calc(var(--cb-space) * 0.6)}
  .co-shop-product>img {width:95px}
  .co-home-actions>a {padding:calc(var(--cb-space) * 0.75) calc(var(--cb-space) * 0.65);gap:calc(var(--cb-space) * 0.4)}
  .co-space-metrics {gap:calc(var(--cb-space) * 1.3)}
  .co-hero-copy {padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.4)}
  .co-hero-copy h2 {font-size:calc(29px * var(--cb-type-scale) * var(--cb-heading-scale))}
  .co-hero-foot {font-size:calc(8px * var(--cb-type-scale));gap:calc(var(--cb-space) * 0.25)}
}
@media(max-width:900px) {
  .co-page-head {align-items:center;gap:calc(var(--cb-space) * 0.5)}
  .co-page-head h1 {font-size:calc(17px * var(--cb-type-scale) * var(--cb-heading-scale))}
  .co-page-head>.co-library-mode {order:3;flex-basis:100%}
  .co-page-head>.co-actions {justify-content:flex-end}
  .co-market-hero {grid-template-columns:1fr 40%}
  .co-market-layout {grid-template-columns:1fr}
  .co-filter-panel {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.75);border:var(--cb-border-width) solid var(--cb-border);padding:calc(var(--cb-space) * 0.8);background:var(--cb-raised);border-radius:calc(var(--cb-radius) * 0.75)}
  .co-filter-title {grid-column:1/-1;margin-bottom:0}
  .co-filter-panel .co-field {margin-bottom:0}
  .co-filter-note {display:none}
  .co-product-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  .co-product-image {height:185px}
  .co-product-body {padding:calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.6)}
  .co-card-title {font-size:calc(12px * var(--cb-type-scale))}
  .co-product-bottom {flex-wrap:wrap}
  .co-product-bottom>strong {margin-left:auto}
  .co-hero-foot {display:none}
  .co-wallet-main>strong {font-size:calc(37px * var(--cb-type-scale))}
  .co-balance-card>strong {font-size:calc(30px * var(--cb-type-scale))}
  .co-wallet-grid {grid-template-columns:1fr 1fr}
  .co-wallet-main {grid-column:1/-1}
  .co-wallet-main>strong {margin:12px 0 7px}
  .co-wallet-line {margin-top:16px}
  .co-balance-card {min-height:205px}
  .co-role-toolbar {gap:calc(var(--cb-space) * 0.45)}
  .co-space-metrics {gap:calc(var(--cb-space) * 1)}
  .co-space-metrics strong {font-size:calc(18px * var(--cb-type-scale))}
  .co-home-actions>a> .cb-icon:last-child {display:none}
  .co-home-actions>a {align-items:flex-start}
  .co-shop-stats {gap:calc(var(--cb-space) * 0.9)}
  .co-service-grid>article {padding:calc(var(--cb-space) * 1)}
  .co-product-detail {gap:calc(var(--cb-space) * 1);padding:calc(var(--cb-space) * 1.1);grid-template-columns:1fr 1fr}
  .co-product-info h3 {font-size:calc(21px * var(--cb-type-scale) * var(--cb-heading-scale))}
  .co-detail-preview>img {height:320px}
}
@media(max-width:650px) {
  .co-page-head {display:flex;flex-wrap:wrap;margin-bottom:8px}
  .co-page-head h1 {font-size:calc(16px * var(--cb-type-scale) * var(--cb-heading-scale));line-height:calc(1.35 * var(--cb-leading-scale))}
  .co-page-head>.co-creator-tabs {order:3;flex-basis:100%}
  .co-page-head>.co-actions {margin-top:0;justify-content:flex-end;gap:calc(var(--cb-space) * 0.3)}
  .co-page-head>.co-actions>.btn {font-size:calc(11px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.5)}
  .co-market-hero {display:block;min-height:260px}
  .co-hero-copy {padding:calc(var(--cb-space) * 1.25) calc(var(--cb-space) * 1.15)}
  .co-hero-copy h2 {font-size:calc(29px * var(--cb-type-scale) * var(--cb-heading-scale))}
  .co-hero-copy p {font-size:calc(10px * var(--cb-type-scale))}
  .co-hero-copy .co-actions {gap:calc(var(--cb-space) * 0.7);margin-top:20px;position:relative;z-index:2}
  .co-hero-copy .btn {font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.65)}
  .co-hero-art {position:absolute;right:-35%;top:30px;bottom:0;width:85%;opacity:.28;pointer-events:none;background:transparent}
  .co-art-note,.co-art-number,.co-orbit {display:none}
  .co-hero-person.two {display:none}
  .co-hero-person.one {right:0;transform:none;width:100%;height:100%}
  .co-hero-kicker {font-size:calc(9px * var(--cb-type-scale))}
  .co-category-tabs {gap:calc(var(--cb-space) * 0.3);padding-bottom:calc(var(--cb-space) * 0.6)}
  .co-category {font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.45) calc(var(--cb-space) * 0.6);min-height:38px}
  .co-filter-panel {grid-template-columns:repeat(2,minmax(0,1fr));padding:calc(var(--cb-space) * 0.65);gap:calc(var(--cb-space) * 0.6)}
  .co-filter-panel .co-field>span {font-size:calc(10px * var(--cb-type-scale))}
  .co-product-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--cb-space) * 0.6)}
  .co-product-image {height:175px}
  .co-product-body {padding:calc(var(--cb-space) * 0.6) calc(var(--cb-space) * 0.55)}
  .co-card-title {font-size:calc(12px * var(--cb-type-scale))}
  .co-card-tags {gap:calc(var(--cb-space) * 0.2)}
  .co-card-tags .co-pill {font-size:calc(8px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.1) calc(var(--cb-space) * 0.25)}
  .co-seller {font-size:calc(8px * var(--cb-type-scale))}
  .co-product-bottom {gap:calc(var(--cb-space) * 0.45);margin-top:10px;padding-top:calc(var(--cb-space) * 0.5)}
  .co-product-bottom>strong {font-size:calc(13px * var(--cb-type-scale))}
  .co-search-row,.co-library-toolbar {gap:calc(var(--cb-space) * 0.4);flex-wrap:wrap}
  .co-search {flex-basis:60%;min-width:150px}
  .co-search input {font-size:calc(11px * var(--cb-type-scale))}
  .co-sort {width:116px;font-size:calc(10px * var(--cb-type-scale))}
  .co-result-row {font-size:calc(9px * var(--cb-type-scale))}
  .co-result-row>span:last-child {text-align:right}
  .co-product-dialog {width:calc(100vw - 16px);max-height:92vh}
  .co-product-detail,.co-asset-detail {grid-template-columns:1fr;padding:calc(var(--cb-space) * 0.9);gap:calc(var(--cb-space) * 1.05)}
  .co-product-dialog .modal-heading,.co-checkout-dialog .modal-heading {padding:calc(var(--cb-space) * 0.9)}
  .co-detail-preview {min-height:245px}
  .co-detail-preview>img,.co-asset-detail .co-detail-preview>img {height:265px}
  .co-product-info h3 {font-size:calc(22px * var(--cb-type-scale) * var(--cb-heading-scale))}
  .co-product-info>.co-card-path {font-size:calc(10px * var(--cb-type-scale))}
  .co-form {padding:calc(var(--cb-space) * 1.1) calc(var(--cb-space) * 1)}
  .co-form-grid {gap:calc(var(--cb-space) * 0.6)}
  .co-checkout-asset {gap:calc(var(--cb-space) * 0.6)}
  .co-checkout-asset>img {width:75px;height:80px}
  .co-checkout-asset strong {font-size:calc(14px * var(--cb-type-scale))}
  .co-checkout-asset .co-pill {white-space:normal;font-size:calc(9px * var(--cb-type-scale))}
  .co-library-mode {align-items:center;gap:calc(var(--cb-space) * 0.4);flex-wrap:wrap}
  .co-library-mode>span {font-size:calc(10px * var(--cb-type-scale))}
  .co-segment>button {font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.5)}
  .co-origin-tabs {gap:calc(var(--cb-space) * 1)}
  .co-origin-tabs>button {font-size:calc(11px * var(--cb-type-scale))}
  .co-library-toolbar>.btn {font-size:calc(11px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.5);min-height:36px}
  .co-library-toolbar>select {font-size:calc(11px * var(--cb-type-scale));width:116px;min-height:36px}
  .co-library-grid {gap:calc(var(--cb-space) * 0.6)}
  .co-library-image {height:190px;padding:calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.4)}
  .co-library-body {padding:calc(var(--cb-space) * 0.65)}
  .co-library-body h3 {font-size:calc(12px * var(--cb-type-scale) * var(--cb-heading-scale))}
  .co-library-body>p {font-size:calc(9px * var(--cb-type-scale))}
  .co-library-actions {margin-top:14px;gap:calc(var(--cb-space) * 0.3)}
  .co-library-actions>.btn {font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.4);gap:calc(var(--cb-space) * 0.3)}
  .co-icon-button {width:29px;height:29px}
  .co-library-note {padding:calc(var(--cb-space) * 0.8);align-items:flex-start}
  .co-library-note strong {font-size:calc(11px * var(--cb-type-scale))}
  .co-library-note p {font-size:calc(9px * var(--cb-type-scale))}
  .co-wallet-grid {gap:calc(var(--cb-space) * 0.6)}
  .co-wallet-main {padding:calc(var(--cb-space) * 1.15)}
  .co-balance-card {padding:calc(var(--cb-space) * 1) calc(var(--cb-space) * 0.85);min-height:205px}
  .co-balance-card>strong {font-size:calc(29px * var(--cb-type-scale))}
  .co-balance-card>small {font-size:calc(9px * var(--cb-type-scale))}
  .co-balance-card>.text-btn {font-size:calc(9px * var(--cb-type-scale));line-height:calc(1.8 * var(--cb-leading-scale))}
  .co-wallet-details {padding:calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.8);gap:calc(var(--cb-space) * 0.65)}
  .co-wallet-details>div {font-size:calc(9px * var(--cb-type-scale))}
  .co-section-title {align-items:flex-start;flex-wrap:wrap}
  .co-section-title h2 {font-size:calc(15px * var(--cb-type-scale) * var(--cb-heading-scale))}
  .co-section-title .co-segment {width:100%;justify-content:space-between;margin-top:4px}
  .co-table {min-width:580px}
  .co-shop-banner {padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.6);flex-wrap:wrap;gap:calc(var(--cb-space) * 0.5)}
  .co-shop-avatar {width:58px;height:58px;border-radius:calc(var(--cb-radius) * 1.08333);font-size:calc(24px * var(--cb-type-scale))}
  .co-shop-banner h2 {font-size:calc(22px * var(--cb-type-scale) * var(--cb-heading-scale))}
  .co-shop-banner p {font-size:calc(10px * var(--cb-type-scale))}
  .co-shop-stats {width:100%;justify-content:space-between;gap:calc(var(--cb-space) * 0.5);margin:0;padding:calc(var(--cb-space) * 0.4) 0 0;border-top:var(--cb-border-width) solid var(--cb-border)}
  .co-tab-extra {display:none}
  .co-creator-grid {grid-template-columns:1fr}
  .co-shop-product>img {width:95px;height:120px}
  .co-shop-product h3 {font-size:calc(14px * var(--cb-type-scale) * var(--cb-heading-scale))}
  .co-service-grid {grid-template-columns:1fr;gap:calc(var(--cb-space) * 0.7)}
  .co-service-grid>article {padding:calc(var(--cb-space) * 1.15)}
  .co-service-grid h3 {margin:13px 0 7px}
  .co-service-grid p {margin-bottom:13px}
  .co-space-summary {flex-wrap:wrap;padding:calc(var(--cb-space) * 0.55) calc(var(--cb-space) * 0.65);gap:calc(var(--cb-space) * 0.5)}
  .co-space-summary h2 {font-size:calc(13px * var(--cb-type-scale) * var(--cb-heading-scale))}
  .co-space-metrics {width:100%;justify-content:space-between;gap:calc(var(--cb-space) * 0.5);border-top:var(--cb-border-width) solid var(--cb-border);padding-top:calc(var(--cb-space) * 0.4)}
  .co-space-metrics strong {font-size:calc(18px * var(--cb-type-scale))}
  .co-space-metrics span {font-size:calc(9px * var(--cb-type-scale))}
  .co-home-actions {grid-template-columns:1fr;gap:calc(var(--cb-space) * 0.35);margin-bottom:14px}
  .co-home-actions>a {padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.6);align-items:center}
  .co-home-actions>a>.cb-icon:last-child {display:block}
  .co-home-actions>a>span {flex-direction:row;justify-content:space-between;align-items:center;gap:calc(var(--cb-space) * 0.5)}
  .co-home-actions strong {font-size:calc(11px * var(--cb-type-scale))}
  .co-home-actions small {font-size:calc(9px * var(--cb-type-scale))}
  .co-role-panel,.co-ops-panel {padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.6)}
  .co-role-options {gap:calc(var(--cb-space) * 0.3)}
  .co-role-options>button {padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.45)}
  .co-role-options>button strong {font-size:calc(11px * var(--cb-type-scale))}
  .co-role-options>button span {font-size:calc(9px * var(--cb-type-scale))}
  .co-studio-commerce {align-items:flex-start;flex-direction:column;padding:calc(var(--cb-space) * 0.6)}
  .co-studio-commerce .co-actions {width:100%;justify-content:space-between;gap:calc(var(--cb-space) * 0.25)}
  .co-studio-commerce .btn {font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.45);gap:calc(var(--cb-space) * 0.25)}
  .co-studio-order {flex-wrap:wrap;gap:calc(var(--cb-space) * 0.5);padding:calc(var(--cb-space) * 0.65)}
  .co-studio-order>.co-actions {width:100%;justify-content:flex-end}
  .co-studio-order strong {font-size:calc(11px * var(--cb-type-scale))}
  .co-wallet-chip {gap:calc(var(--cb-space) * 0.25);padding:calc(var(--cb-space) * 0.25) calc(var(--cb-space) * 0.4)}
  .co-wallet-chip>span {display:none}
  body.commerce-enabled .topbar-left {gap:calc(var(--cb-space) * 0.5);min-width:0}
  body.commerce-enabled .breadcrumb {min-width:0;white-space:nowrap}
  body.commerce-enabled .breadcrumb strong {overflow:hidden;text-overflow:ellipsis}
  body.commerce-enabled .topbar-actions {gap:calc(var(--cb-space) * 0.4);flex-shrink:0}
  body.commerce-enabled .demo-pill {font-size:calc(8px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.15) calc(var(--cb-space) * 0.35);white-space:nowrap}
  body.commerce-enabled .help-button {display:none}
}
@media(prefers-reduced-motion:reduce) {
  .co-product-card,.co-product-image>img {transition:none}
  .co-product-card:hover {transform:none}
}

@media(pointer:coarse) {
  .co-search input {min-height:38px}
  .co-sort,.co-library-toolbar>select,.co-library-toolbar>.btn,.commerce-enabled .co-public-filters select {height:40px;min-height:40px}
  .co-library-toolbar>.co-icon-button {width:40px;height:40px}
  .co-origin-tabs>button {min-height:40px}
}

.co-preview-character-settings {margin-top:16px;padding:calc(var(--cb-space) * 0.8);border:var(--cb-border-width) solid var(--line,var(--cb-border));border-radius:calc(var(--cb-radius) * 1);background:var(--panel,var(--cb-preview-surface))}
.co-preview-character-settings h4 {margin:0 0 10px;font-size:calc(14px * var(--cb-type-scale) * var(--cb-heading-scale))}
.co-preview-character-settings .co-form {gap:calc(var(--cb-space) * 0.5)}
.co-preview-character-settings .co-actions {flex-wrap:wrap}

/* Space-owned character groups and direct library operations. */
.co-character-groups {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.6);margin-top:12px;padding:calc(var(--cb-space) * 0.5) 0;border-top:var(--cb-border-width) solid var(--line,var(--cb-border));border-bottom:var(--cb-border-width) solid var(--line,var(--cb-border));min-width:0}
.co-character-group-tabs {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.3);flex:1;min-width:0;overflow-x:auto;padding:calc(var(--cb-space) * 0.1);scrollbar-width:thin}
.co-character-group-tabs>button {display:inline-flex;align-items:center;gap:calc(var(--cb-space) * 0.35);flex-shrink:0;max-width:240px;padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.5);border:var(--cb-border-width) solid transparent;border-radius:calc(var(--cb-radius) * 0.5);color:var(--cb-text);font-size:calc(11px * var(--cb-type-scale));white-space:nowrap}
.co-character-group-tabs>button.active {background:var(--cb-selected);border-color:var(--cb-border-strong);color:var(--cb-on-selected);font-weight:600}
.co-character-group-label {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-character-group-count {padding:0 calc(var(--cb-space) * 0.25);border-radius:calc(var(--cb-radius) * 0.33333);background:var(--cb-raised);font-size:calc(10px * var(--cb-type-scale));font-variant-numeric:tabular-nums;flex-shrink:0}
.co-character-groups>.btn {flex-shrink:0;white-space:nowrap}
.co-character-selection {display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.8);margin:10px 0;padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.6);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-raised);font-size:calc(11px * var(--cb-type-scale))}
.co-character-selected-count {white-space:nowrap;color:var(--cb-text)}
.co-character-selected-count strong {font-variant-numeric:tabular-nums;color:var(--cb-text)}
.co-character-selection .co-actions {flex-wrap:wrap;gap:calc(var(--cb-space) * 0.35)}
.co-character-selection-operations {margin-left:auto}
.co-character-card {position:relative}
.co-character-card.is-selected {border-color:var(--cb-border-strong);box-shadow:0 0 0 1px var(--cb-focus)}
.co-character-card .co-asset-origin {display:flex;gap:calc(var(--cb-space) * 0.2);flex-wrap:wrap;pointer-events:none}
.co-character-check {display:inline-flex;align-items:center;gap:calc(var(--cb-space) * 0.25);padding:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.4);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.5);background:color-mix(in srgb, var(--cb-surface) 94.11765%, transparent);color:var(--cb-text);font-size:calc(10px * var(--cb-type-scale));cursor:pointer}
.co-character-check input {width:16px;height:16px;min-height:0;margin:0;accent-color:var(--cb-primary)}
.co-character-check:has(input:focus-visible) {outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:2px}
.co-character-check:has(input:disabled) {opacity:.5;cursor:default}
.co-character-card-group {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.5);justify-content:space-between;margin-top:10px;font-size:calc(10px * var(--cb-type-scale));color:var(--cb-text)}
.co-character-card-group>span {display:flex;align-items:center;gap:calc(var(--cb-space) * 0.25);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-character-card-group .text-btn {white-space:nowrap;flex-shrink:0;font-size:calc(10px * var(--cb-type-scale))}
.co-character-card .co-library-actions {flex-wrap:wrap;justify-content:flex-start;gap:calc(var(--cb-space) * 0.35);margin-top:12px}
.co-character-card .co-library-actions>.co-icon-button {margin-left:auto;flex-shrink:0}
/* CB38: source, selection and version moved out of the character cover into a
   body info row — visible in BOTH card and list views (the old list rule that
   hid the origin is gone), and nothing overlays the real cover art. */
.co-character-card-meta {display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--cb-space) * 0.3);min-width:0;margin:-4px 0 8px}
.co-character-card-meta .co-character-check {flex-shrink:0}
/* Character-only and stronger than studio-entry-v08.css's @media(max-width:650px)
   .co-library-list .co-asset-origin{display:none}, so the character source pill
   stays visible in list view on phones; motion cards keep that original rule. */
.co-character-card .co-character-card-meta .co-asset-origin {position:static;min-width:0;display:flex}
.co-character-card-meta .co-asset-version {position:static;margin-left:auto;flex-shrink:0}
.co-library-list .co-character-card-meta {margin:0 0 6px}
.co-character-source-action {display:flex;justify-content:flex-end;margin-top:7px}
.co-character-source-action .text-btn {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.co-character-group-manager {padding:calc(var(--cb-space) * 1.1);display:flex;flex-direction:column;gap:calc(var(--cb-space) * 0.8)}
.co-character-group-manager>.co-form {padding:0}
.co-character-group-manager .co-form-error {grid-column:1/-1}
.co-character-group-create {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:calc(var(--cb-space) * 0.45);align-items:end}
.co-character-group-create .co-field {margin:0;min-width:0}
.co-character-group-list {display:flex;flex-direction:column;gap:calc(var(--cb-space) * 0.5);max-height:50vh;overflow-y:auto}
.co-character-group-item {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:calc(var(--cb-space) * 0.4) calc(var(--cb-space) * 0.6);padding:calc(var(--cb-space) * 0.6)!important;border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-raised)}
.co-character-group-name {display:flex;flex-direction:column;gap:calc(var(--cb-space) * 0.25);min-width:0}
.co-character-group-name input {width:100%;min-width:0;font-size:calc(12px * var(--cb-type-scale))}
.co-character-group-name small {font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.co-character-group-item .co-actions {flex-wrap:wrap;gap:calc(var(--cb-space) * 0.5)}
.co-group-empty {font-size:calc(12px * var(--cb-type-scale));color:var(--cb-muted);padding:calc(var(--cb-space) * 0.5) 0;line-height:calc(1.8 * var(--cb-leading-scale))}
.btn.co-group-danger,.text-btn.co-group-danger {color:var(--cb-danger-ink);border-color:var(--cb-danger)}
.btn.co-group-danger:hover:not(:disabled),.text-btn.co-group-danger:hover:not(:disabled) {background:var(--cb-danger-soft);color:var(--cb-danger-ink)}
.co-character-batch-list {max-height:32vh;overflow-y:auto;margin:0;padding:calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 0.7) calc(var(--cb-space) * 0.5) calc(var(--cb-space) * 1.5);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);background:var(--cb-raised);font-size:calc(12px * var(--cb-type-scale));line-height:calc(1.9 * var(--cb-leading-scale));overflow-wrap:anywhere}
.co-character-batch-errors li {padding:calc(var(--cb-space) * 0.25) 0}
.co-character-batch-errors span {display:block;color:var(--cb-text);font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.6 * var(--cb-leading-scale))}
.co-motion-type.is-pose {background:var(--cb-inset);border-color:var(--cb-border);color:var(--cb-text)}
@media(max-width:650px) {
  .co-character-groups {gap:calc(var(--cb-space) * 0.3);flex-wrap:wrap}
  .co-character-group-tabs {flex-basis:calc(100% - 105px)}
  .co-character-group-tabs>button {min-height:38px;max-width:190px;padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.45)}
  .co-character-groups>.btn {padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.45);font-size:calc(10px * var(--cb-type-scale))}
  .co-character-selection {gap:calc(var(--cb-space) * 0.4);padding:calc(var(--cb-space) * 0.5)}
  .co-character-selection-operations {margin-left:0;flex-basis:100%;padding-top:calc(var(--cb-space) * 0.35);border-top:var(--cb-border-width) solid var(--cb-border)}
  .co-character-card-meta {gap:calc(var(--cb-space) * 0.2);margin:0 0 6px}
  .co-character-check {gap:calc(var(--cb-space) * 0.15);padding:calc(var(--cb-space) * 0.25) calc(var(--cb-space) * 0.3);font-size:calc(9px * var(--cb-type-scale))}
  .co-character-check input {width:15px;height:15px}
  .co-character-card .co-library-actions {gap:calc(var(--cb-space) * 0.3)}
  .co-character-card .co-library-actions>.btn {font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.4)}
  .co-character-group-manager {padding:calc(var(--cb-space) * 0.8);gap:calc(var(--cb-space) * 0.6)}
  .co-character-group-item {grid-template-columns:minmax(0,1fr)}
  .co-character-group-item .co-actions {justify-content:flex-end}
}
.co-preview-character-settings .co-muted-note {margin:0;line-height:calc(1.65 * var(--cb-leading-scale))}
.co-preview-character-settings [data-preview-save-status]:empty {display:none}
/* CB38 shared card/list view toggle — used by the space character library
   (commerce-ui.js), the 3D template page (app.js) and the Studio picker
   (studio-demo.js). Visible labelled buttons with aria-pressed, default card. */
.co-view-toggle {display:inline-flex;align-items:center;flex-shrink:0;padding:calc(var(--cb-space) * 0.15);gap:calc(var(--cb-space) * 0.1);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.66667);background:var(--cb-raised)}
.co-view-toggle .co-view-button {display:inline-flex;align-items:center;gap:calc(var(--cb-space) * 0.3);border:0;background:transparent;border-radius:calc(var(--cb-radius) * 0.5);color:var(--cb-muted);font-size:calc(11px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.65);min-height:31px;cursor:pointer}
.co-view-button .cb-icon {flex-shrink:0}
.co-view-toggle .co-view-button:hover {background:var(--cb-hover);color:var(--cb-link)}
.co-view-toggle .co-view-button.active {background:var(--cb-selected);color:var(--cb-on-selected);font-weight:600;box-shadow:var(--cb-shadow)}
.co-view-toggle .co-view-button:focus-visible {outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:1px}
/* CB38 card view for the space character library: large responsive 3:4 covers
   (>=240x320 at desktop, single column near full content width on ~390px
   phones) on the same cover pipeline. Every character cover image — generated
   cover, default-library cover or plain previewImage — uses contain with
   normal blending and no filter, so the real art is never darkened; motion
   catalogue images keep the original contain+multiply treatment. The compact
   horizontal list keeps the existing .co-library-list rules
   (studio-entry-v08.css) and never overflows narrow containers. */
.co-character-card .co-library-image>img {width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:none}
.co-library-grid.co-character-cards {grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}
.co-library-grid.co-character-cards .co-character-card .co-library-image {height:auto;aspect-ratio:3/4;max-height:420px}
.co-library-grid.co-character-cards .co-character-card .co-library-image>img {width:100%;height:100%;object-fit:contain}
/* Reversible workspace membership shares StyleDock's controls and surfaces. */
.co-library-status {display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--cb-space) * 0.4);margin:0 0 calc(var(--cb-space) * 0.7);padding:calc(var(--cb-space) * 0.4) 0;border-bottom:var(--cb-border-width) solid var(--cb-border)}
.co-library-status>button {display:inline-flex;align-items:center;gap:calc(var(--cb-space) * 0.4);min-height:38px;padding:calc(var(--cb-space) * 0.35) calc(var(--cb-space) * 0.65);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);background:var(--cb-surface);color:var(--cb-text);font-size:calc(12px * var(--cb-type-scale))}
.co-library-status>button:hover {background:var(--cb-hover)}
.co-library-status>button.active {background:var(--cb-selected);border-color:var(--cb-border-strong);color:var(--cb-on-selected);font-weight:600}
.co-library-status>button:focus-visible {outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:2px}
.co-library-status>button>span {min-width:1.4em;padding:0 calc(var(--cb-space) * 0.25);border-radius:calc(var(--cb-radius) * 0.33333);background:var(--cb-raised);color:var(--cb-text);font-size:calc(11px * var(--cb-type-scale));font-variant-numeric:tabular-nums;text-align:center}
.co-library-status>p {flex:1;min-width:220px;margin:0 0 0 calc(var(--cb-space) * 0.35);color:var(--cb-muted);font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.65 * var(--cb-leading-scale))}
.co-library-removed .co-library-image {cursor:default}
.co-library-removed .co-library-body {min-width:0}
.co-library-removed .co-library-body h3 {overflow-wrap:anywhere}
.co-library-removed .co-library-removed-note {color:var(--cb-text);line-height:calc(1.65 * var(--cb-leading-scale))}
.co-library-removed .co-library-actions {justify-content:flex-start}
.co-library-list .co-library-removed .co-card-tags {display:flex;flex-wrap:wrap}
.co-library-membership-form .co-library-confirm-name {padding:calc(var(--cb-space) * 0.6);background:var(--cb-raised);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.5);color:var(--cb-text);font-weight:600;overflow-wrap:anywhere}
.co-library-membership-form .co-actions {flex-wrap:wrap}
@media(max-width:760px){
  .co-view-toggle {align-self:flex-start}
  .co-view-toggle .co-view-button {padding:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.5);font-size:calc(10px * var(--cb-type-scale))}
  .co-library-grid.co-character-cards {grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}
  .co-library-status>p {flex-basis:100%;min-width:0;margin:0;padding:calc(var(--cb-space) * 0.2) 0}
}
@media(max-width:430px){
  .co-library-grid.co-character-cards {grid-template-columns:minmax(0,1fr)}
}