.ccb{--ccb-page-bg: #08080E;--ccb-page-text: #e8e0d0;--ccb-page-muted: #8b8178;--ccb-gold: #c9a84c;--ccb-purple: #7b2d8e;--ccb-surface: rgba(255, 255, 255, .04);--ccb-surface-hover: rgba(201, 168, 76, .08);--ccb-border: rgba(201, 168, 76, .4);--ccb-border-strong: rgba(201, 168, 76, .7);--ccb-cream: #FAF6ED;--ccb-card-gold: #C9A961;--ccb-ink: #2A2520;--ccb-muted: #6B5D45;--ccb-portrait-bg: #2D2438;background:var(--ccb-page-bg);color:var(--ccb-page-text);font-family:Cormorant Garamond,Georgia,serif;padding:48px 24px 64px;min-height:100vh;box-sizing:border-box}.ccb *,.ccb *:before,.ccb *:after{box-sizing:border-box}.ccb__title{font-family:Cinzel,Georgia,serif;font-weight:500;font-size:36px;letter-spacing:.06em;text-align:center;color:var(--ccb-page-text);margin:0 auto 36px;max-width:1200px}.ccb__columns{display:flex;gap:48px;max-width:1200px;margin:0 auto;align-items:flex-start}.ccb__form{flex:0 0 calc(50% - 24px);display:flex;flex-direction:column;gap:18px}.ccb__preview-wrap{flex:0 0 calc(50% - 24px);position:sticky;top:24px;display:flex;justify-content:center}.ccb__field{display:flex;flex-direction:column;gap:6px}.ccb__label{font-family:Cinzel,Georgia,serif;font-size:12px;letter-spacing:.08em;color:var(--ccb-gold);text-transform:uppercase}.ccb__form input[type=text],.ccb__form input[type=number]{font-family:Cormorant Garamond,Georgia,serif;font-size:14px;color:var(--ccb-page-text);background:var(--ccb-surface);border:1px solid var(--ccb-border);border-radius:8px;padding:12px;width:100%;appearance:none;-webkit-appearance:none}.ccb__form input::placeholder{color:#5a5550}.ccb__form input:focus{outline:none;border-color:var(--ccb-gold);box-shadow:0 0 0 2px #c9a84c33;background:var(--ccb-surface-hover)}.ccb__form input[type=number]{-moz-appearance:textfield}.ccb__form input[type=number]::-webkit-inner-spin-button,.ccb__form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ccb__stepper{display:flex;align-items:stretch;background:var(--ccb-surface);border:1px solid var(--ccb-border);border-radius:8px;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.ccb__stepper:focus-within{border-color:var(--ccb-gold);box-shadow:0 0 0 2px #c9a84c33;background:var(--ccb-surface-hover)}.ccb__form .ccb__stepper input[type=number]{border:0;border-radius:0;background:transparent;text-align:center;padding:10px 2px;width:100%;min-width:0;box-shadow:none}.ccb__form .ccb__stepper input[type=number]:focus{background:transparent;box-shadow:none}.ccb__stepper-btn{font-family:Cinzel,Georgia,serif;background:transparent;border:0;color:var(--ccb-gold);font-size:14px;line-height:1;width:24px;flex:0 0 24px;padding:0;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .12s ease,color .12s ease}.ccb__stepper-btn:hover{background:var(--ccb-gold);color:var(--ccb-page-bg)}.ccb__stepper-btn:active{background:#c9a84c99;color:var(--ccb-page-bg)}.ccb__field>.ccb__stepper .ccb__stepper-btn{width:36px;flex-basis:36px}.ccb__input-row{display:flex;align-items:stretch;width:100%}.ccb__form .ccb__input-row>input[type=text]{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;flex:1 1 auto;min-width:0}.ccb__break-btn{flex:0 0 auto;width:44px;display:inline-flex;align-items:center;justify-content:center;font-family:Cinzel,Georgia,serif;font-size:16px;line-height:1;color:var(--ccb-gold);background:var(--ccb-surface);border:1px solid var(--ccb-border);border-radius:0 8px 8px 0;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.ccb__break-btn:hover{background:var(--ccb-surface-hover)}.ccb__break-btn.is-active{background:var(--ccb-gold);color:var(--ccb-page-bg);border-color:var(--ccb-gold)}.ccb__grid{display:grid;gap:10px}.ccb__grid--six{grid-template-columns:repeat(6,minmax(0,1fr))}.ccb__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.ccb__mini{display:flex;flex-direction:column;gap:4px;align-items:stretch}.ccb__mini>span{font-family:Cinzel,Georgia,serif;font-size:11px;letter-spacing:.08em;color:var(--ccb-gold);text-align:center;text-transform:uppercase}.ccb__mini input{text-align:center}.ccb__upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 16px;background:var(--ccb-surface);border:1px dashed var(--ccb-border-strong);border-radius:8px;cursor:pointer;text-align:center;transition:border-color .12s ease,background .12s ease}.ccb__upload:focus,.ccb__upload:hover,.ccb__upload.is-dragover{border-color:var(--ccb-gold);background:var(--ccb-surface-hover);outline:none}.ccb__upload-prompt{font-size:14px;color:var(--ccb-page-text)}.ccb__upload-help{font-size:12px;color:var(--ccb-page-muted)}.ccb__upload-error{font-size:12px;color:#e07a6a;margin-top:4px}.ccb__image-controls{margin-top:8px;display:flex;flex-direction:column;gap:6px}.ccb__image-hint{font-size:11px;letter-spacing:.04em;color:var(--ccb-page-muted)}.ccb__image-controls-row{display:flex;gap:16px}.ccb__clear-btn{font-family:Cinzel,Georgia,serif;font-size:11px;letter-spacing:.08em;color:var(--ccb-gold);background:transparent;border:0;padding:4px 0;cursor:pointer;text-transform:uppercase}.ccb__clear-btn:hover{color:var(--ccb-page-text)}.ccb__card{width:100%;max-width:360px;background:linear-gradient(180deg,var(--ccb-cream),var(--ccb-cream-2, var(--ccb-cream)));border:1px solid var(--ccb-card-gold);border-radius:4px;padding:18px;display:flex;flex-direction:column;font-family:Cormorant Garamond,Georgia,serif;color:var(--ccb-ink);box-shadow:0 24px 60px #0000008c,0 0 0 1px #c9a84c26}.ccb__card[data-theme=parchment]{--ccb-cream: #FAF6ED;--ccb-cream-2: #F1EAD6;--ccb-card-gold: #C9A961;--ccb-ink: #2A2520;--ccb-muted: #6B5D45;--ccb-portrait-bg: #2D2438;--ccb-divider: rgba(201, 169, 97, .4)}.ccb__card[data-theme=obsidian]{--ccb-cream: #15131A;--ccb-cream-2: #0B0A10;--ccb-card-gold: #C9A961;--ccb-ink: #E8E0D0;--ccb-muted: #B0A488;--ccb-portrait-bg: #0A0810;--ccb-divider: rgba(201, 169, 97, .6)}.ccb__card[data-theme=verdant]{--ccb-cream: #EDECDA;--ccb-cream-2: #DEDDC2;--ccb-card-gold: #3F5E3B;--ccb-ink: #1F2A1A;--ccb-muted: #5F7548;--ccb-portrait-bg: #1A2618;--ccb-divider: rgba(63, 94, 59, .4)}.ccb__card[data-theme=crimson]{--ccb-cream: #F3E6D6;--ccb-cream-2: #E3D2BD;--ccb-card-gold: #8B2C2C;--ccb-ink: #2A1812;--ccb-muted: #8B4A36;--ccb-portrait-bg: #1F0C0E;--ccb-divider: rgba(139, 44, 44, .4)}.ccb__card[data-theme=royal]{--ccb-cream: #EEE9EE;--ccb-cream-2: #DDD5E0;--ccb-card-gold: #4A2C6B;--ccb-ink: #221830;--ccb-muted: #685170;--ccb-portrait-bg: #1A0E28;--ccb-divider: rgba(74, 44, 107, .4)}.ccb__card[data-theme=signature]{--ccb-cream: #F6F0F9;--ccb-cream-2: #E7DEEE;--ccb-card-gold: #D375F2;--ccb-ink: #1F1828;--ccb-muted: #2E7C82;--ccb-portrait-bg: #1A0E2E;--ccb-divider: rgba(211, 117, 242, .4)}.ccb__themes{display:flex;gap:12px;flex-wrap:wrap}.ccb__theme{background:transparent;border:1px solid transparent;padding:3px;border-radius:999px;cursor:pointer;transition:border-color .12s ease,transform .12s ease;line-height:0}.ccb__theme:hover{border-color:#c9a84c66}.ccb__theme.is-active{border-color:var(--ccb-gold);transform:scale(1.05)}.ccb__theme-swatch{display:block;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--a) 0 50%,var(--b) 50% 100%);box-shadow:inset 0 0 0 1px #00000040}.ccb__portrait{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--ccb-portrait-bg);border-radius:2px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.ccb__card.is-filled .ccb__portrait{width:calc(100% + 36px);margin:-18px -18px 0;border-radius:3px 3px 0 0}.ccb__portrait.is-loaded{cursor:grab}.ccb__portrait.is-dragging{cursor:grabbing}.ccb__portrait img{position:absolute;top:50%;left:50%;display:block;transform-origin:center center;will-change:transform;pointer-events:none;-webkit-user-drag:none;max-width:none;max-height:none;user-select:none;-webkit-user-select:none}.ccb__portrait-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ccb__portrait-placeholder svg{opacity:.5}.ccb__portrait-label{margin-top:8px;font-family:Cinzel,Georgia,serif;font-size:11px;letter-spacing:.3em;color:#c9a96199;text-transform:uppercase}.ccb__name-block{margin-top:14px;text-align:center}.ccb__name{font-family:Cinzel,Georgia,serif;font-size:21px;font-weight:500;line-height:1.1;color:var(--ccb-ink);min-height:23px}.ccb__subline{margin-top:10px;font-family:Cormorant Garamond,Georgia,serif;font-size:11px;letter-spacing:.06em;color:var(--ccb-muted);min-height:13px;text-align:center}.ccb__divider{display:none}.ccb__abilities{margin-top:18px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));text-align:center}.ccb__combat{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.ccb__ability-label,.ccb__combat-label{display:block;font-family:Cinzel,Georgia,serif;font-size:11px;line-height:1;letter-spacing:.06em;color:var(--ccb-muted);text-transform:uppercase}.ccb__ability-value,.ccb__combat-value{display:block;margin-top:3px;font-family:Cormorant Garamond,Georgia,serif;font-size:18px;line-height:1;color:var(--ccb-ink)}.ccb__ability-value{font-weight:400}.ccb__combat-value{font-weight:500}.ccb__equipment{margin-top:23px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;text-align:center}.ccb__equip-label{font-family:Cinzel,Georgia,serif;font-size:11px;line-height:1;letter-spacing:.08em;color:var(--ccb-muted);text-transform:uppercase}.ccb__equip-value{margin-top:5px;font-size:12px;line-height:1.25;font-weight:500;color:var(--ccb-ink);min-height:14px}.ccb__quote{margin-top:auto;padding-top:22px;font-style:italic;font-size:12px;color:var(--ccb-muted);text-align:center;line-height:1.4}.ccb__logo{display:block;width:auto;height:26px;margin:14px auto 0;opacity:.75;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ccb__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:1200px;margin:48px auto 0}.ccb__btn{font-family:Cinzel,Georgia,serif;font-size:14px;letter-spacing:.08em;color:var(--ccb-page-text);background:transparent;border:1px solid var(--ccb-gold);border-radius:8px;padding:12px 24px;cursor:pointer;text-transform:uppercase;transition:background .14s ease,color .14s ease}.ccb__btn:hover:not(:disabled){background:var(--ccb-gold);color:var(--ccb-page-bg)}.ccb__btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.ccb{padding:32px 16px 48px}.ccb__title{font-size:26px;margin-bottom:24px}.ccb__columns{flex-direction:column;gap:32px}.ccb__form,.ccb__preview-wrap{flex:1 1 auto;width:100%}.ccb__preview-wrap{position:static;order:-1}}
/*# sourceMappingURL=/cdn/shop/t/280/assets/character-card-builder.css.map */