.card-page-header[data-v-c2cd4ca9]{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:-1rem}.card-page-heading[data-v-c2cd4ca9]{display:flex;flex-direction:column;gap:.125rem;min-width:0}.card-page-name[data-v-c2cd4ca9]{font-size:1.5rem;font-weight:700;margin:0}.card-author[data-v-c2cd4ca9]{color:var(--color-neutral-500);font-size:.875rem;margin:0}.card-page-actions[data-v-c2cd4ca9]{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.variant-switcher{display:flex;flex-direction:column;gap:.75rem}.variant-switcher .cs-head{align-items:center;display:flex;justify-content:space-between}.variant-switcher .cs-title{color:var(--color-neutral-500);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.variant-switcher .cs-list{display:flex;flex-direction:column;gap:3px}.variant-switcher .cs-row{align-items:center;background:transparent;border:1px solid transparent;border-radius:9px;cursor:pointer;display:flex;gap:10px;padding:5px 6px;position:relative;transition:opacity .15s ease,background .15s ease,border-color .15s ease}.variant-switcher .cs-row:hover{background:#ffffff0b}.variant-switcher .cs-row.is-selected{background:#22d3ee1a;border-color:#22d3ee}.variant-switcher .cs-row.is-hidden .cs-icon,.variant-switcher .cs-row.is-hidden .cs-name{opacity:.5}.variant-switcher .cs-row.is-drop-target{border-color:var(--ui-border-accented,#404040)}.variant-switcher .cs-grip{background:var(--ui-bg,#fff);border-radius:5px;color:var(--ui-text-dimmed,#a3a3a3);cursor:grab;left:4px;opacity:0;position:absolute;top:50%;transform:translate(-80%,-50%) scale(.8);transform-origin:center;transition:opacity .12s ease;z-index:1}.variant-switcher .cs-grip:active{cursor:grabbing}.variant-switcher .cs-row:focus-within .cs-grip:not(.cs-grip-off),.variant-switcher .cs-row:hover .cs-grip:not(.cs-grip-off){opacity:1}.variant-switcher .cs-grip-off{cursor:default;pointer-events:none}.variant-switcher .cs-row.is-selected .cs-grip{background:linear-gradient(#22d3ee1a,#22d3ee1a),var(--ui-bg,#fff)}.variant-switcher .cs-icon{align-items:center;background:#ffffff0d;border:1px solid var(--ui-border,#262626);border-radius:6px;color:var(--ui-text-muted,#a3a3a3);display:inline-flex;flex:0 0 auto;font-size:16px;height:26px;justify-content:center;width:26px}.variant-switcher .cs-name{color:var(--ui-text-highlighted,#fafafa);flex:1 1 auto;font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-switcher .cs-rename-input{flex:1 1 auto;min-width:0}.variant-switcher .cs-rename-input,.variant-switcher .cs-rename-input input{height:26px}.variant-switcher .cs-rename-input input{font-size:14px;font-weight:600}.variant-switcher .cs-btn{flex:0 0 auto;height:26px;justify-content:center;padding:0;transition:opacity .12s ease;width:26px}.variant-switcher .cs-row .cs-btn:not(.cs-btn-persist){opacity:0}.variant-switcher .cs-row:focus-within .cs-btn:not(.cs-btn-persist),.variant-switcher .cs-row:hover .cs-btn:not(.cs-btn-persist){opacity:1}.variant-switcher .cs-row:focus-within .cs-btn:not(.cs-btn-persist):disabled,.variant-switcher .cs-row:hover .cs-btn:not(.cs-btn-persist):disabled{opacity:.35}.variant-switcher .cs-btn-spacer{flex:0 0 auto;width:26px}.variant-switcher .cs-star-on{color:#f6d262}.variant-switcher .cs-star-fill{display:block;flex:0 0 auto}.variant-switcher .cs-eye-on{color:#22d3ee}.variant-switcher .cs-delete:hover:not(:disabled){background:#ef444424;color:#ef4444}.variant-switcher .cs-head-adds{align-items:center;display:flex;gap:6px}.variant-switcher .cs-add{transition:background .12s ease,border-color .12s ease}.variant-switcher .cs-add-style:hover{border-color:#818cf8}.variant-switcher .cs-add-image:hover{border-color:#22d3ee}.variant-switcher .cs-help{border-top:1px solid var(--ui-border,#262626);color:var(--ui-text-dimmed,#737373);font-size:12.5px;line-height:1.55;margin:0;padding-top:14px}.variant-switcher .cs-help strong{font-weight:600}.variant-switcher .cs-help strong,.variant-switcher .cs-help-em{color:var(--ui-text-muted,#a3a3a3)}
