.card-page-header[data-v-c2cd4ca9]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;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]{font-size:.875rem;color:var(--color-neutral-500);margin:0}.card-page-actions[data-v-c2cd4ca9]{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.variant-switcher{display:flex;flex-direction:column;gap:.75rem}.variant-switcher .cs-head{display:flex;align-items:center;justify-content:space-between}.variant-switcher .cs-title{font-size:.875rem;font-weight:600;color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;margin:0}.variant-switcher .cs-list{display:flex;flex-direction:column;gap:3px}.variant-switcher .cs-row{position:relative;display:flex;align-items:center;gap:10px;padding:5px 6px;border-radius:9px;cursor:pointer;border:1px solid transparent;background:transparent;transition:opacity .15s ease,background .15s ease,border-color .15s ease}.variant-switcher .cs-row:hover{background:#ffffff0b}.variant-switcher .cs-row.is-selected{border-color:#22d3ee;background:#22d3ee1a}.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{position:absolute;left:4px;top:50%;transform:translate(-80%,-50%) scale(.8);transform-origin:center;z-index:1;color:var(--ui-text-dimmed,#a3a3a3);background:var(--ui-bg,#fff);border-radius:5px;cursor:grab;opacity:0;transition:opacity .12s ease}.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{width:26px;height:26px;flex:0 0 auto;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ui-border,#262626);font-size:16px;color:var(--ui-text-muted,#a3a3a3);background:#ffffff0d}.variant-switcher .cs-name{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600;color:var(--ui-text-highlighted,#fafafa);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{width:26px;height:26px;flex:0 0 auto;justify-content:center;padding:0;transition:opacity .12s ease}.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{width:26px;flex:0 0 auto}.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){color:#ef4444;background:#ef444424}.variant-switcher .cs-head-adds{display:flex;align-items:center;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{margin:0;padding-top:14px;border-top:1px solid var(--ui-border,#262626);font-size:12.5px;line-height:1.55;color:var(--ui-text-dimmed,#737373)}.variant-switcher .cs-help strong{font-weight:600}.variant-switcher .cs-help strong,.variant-switcher .cs-help-em{color:var(--ui-text-muted,#a3a3a3)}
