.tl4k-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:max(var(--tl4k-btn-density-h, 40px),var(--tl4k-btn-touch-min, 0px));min-width:var(--tl4k-btn-touch-min, 0px);padding:0 var(--tl4k-btn-density-px, 16px);border-radius:var(--tl4k-border-radius-md, 8px);font-family:var(--tl4k-font-family-body);font-size:var(--tl4k-btn-font-size, 14px);font-weight:700;line-height:1.2;border:none;cursor:pointer;text-decoration:none;transition:background-color var(--tl4k-btn-transition, var(--tl4k-transition-base, .25s ease)),border-color var(--tl4k-btn-transition, var(--tl4k-transition-base, .25s ease)),color var(--tl4k-btn-transition, var(--tl4k-transition-base, .25s ease))}.tl4k-btn:focus-visible{outline:2px solid var(--tl4k-focus, #1565c0);outline-offset:2px}.tl4k-btn:disabled,.tl4k-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6}@media(prefers-reduced-motion:reduce){.tl4k-btn{transition:none}}.tl4k-btn--compact{--tl4k-btn-density-h: 34px;--tl4k-btn-density-px: 12px;--tl4k-btn-font-size: 14px}.tl4k-btn--comfortable{--tl4k-btn-density-h: 40px;--tl4k-btn-density-px: 16px;--tl4k-btn-font-size: var(--tl4k-font-size-button, 15px)}.tl4k-btn--sm{--tl4k-btn-font-size: 13px}.tl4k-btn--lg{--tl4k-btn-font-size: var(--tl4k-font-size-body, 18px)}.tl4k-btn--primary{color:#fff;background:var(--tl4k-primary-500, #0076a8)}.tl4k-btn--primary:hover:not(:disabled){background:var(--tl4k-primary-600, #006a97)}.tl4k-btn--secondary{color:#fff;background:var(--tl4k-secondary-500, #f39200)}.tl4k-btn--secondary:hover:not(:disabled){background:var(--tl4k-secondary-600, #e08500)}.tl4k-btn--outline{color:var(--tl4k-neutral-700, #4a4949);background:var(--tl4k-surface-default, #fff);border:1px solid var(--tl4k-neutral-200, #eee)}.tl4k-btn--outline:hover:not(:disabled){background:var(--tl4k-neutral-50, #fafafa)}.tl4k-btn--outline-primary{color:var(--tl4k-primary-700, #005d86);background:var(--tl4k-surface-default, #fff);border:1px solid var(--tl4k-primary-300, #4da5db)}.tl4k-btn--outline-primary:hover:not(:disabled){background:var(--tl4k-primary-50, #e6f4f9)}.tl4k-btn--ghost{color:var(--tl4k-neutral-700, #4a4949);background:transparent}.tl4k-btn--ghost:hover:not(:disabled){background:var(--tl4k-neutral-100, #f5f5f5)}.tl4k-btn--danger{color:#fff;background:var(--tl4k-error, #c62828)}.tl4k-btn--danger:hover:not(:disabled){background:#a02020}.tl4k-btn--circle{border-radius:var(--tl4k-border-radius-full, 9999px);padding:0;min-width:max(var(--tl4k-btn-density-h, 40px),var(--tl4k-btn-touch-min, 0px));aspect-ratio:1 / 1}.tl4k-btn--icon-only{padding:0;min-width:max(var(--tl4k-btn-density-h, 40px),var(--tl4k-btn-touch-min, 0px))}.tl4k-btn--full-width{width:100%}.tl4k-btn__spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:tl4k-btn-spin .7s linear infinite;flex-shrink:0}@keyframes tl4k-btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tl4k-btn__spinner{animation-duration:2s}}.tl4k-admin-btn{--tl4k-btn-density-h: 34px;--tl4k-btn-density-px: 12px;--tl4k-btn-font-size: 14px}.tl4k-card{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--tl4k-card-gap, 12px);padding:var(--tl4k-card-padding, 16px);border-radius:var(--tl4k-border-radius-lg, 12px);background:var(--tl4k-card-bg, var(--tl4k-surface-default, #fff));border:1px solid var(--tl4k-card-border, var(--tl4k-neutral-200, #eee));min-width:0}.tl4k-card--compact{--tl4k-card-padding: 12px;--tl4k-card-gap: 8px}.tl4k-card--comfortable{--tl4k-card-padding: 16px;--tl4k-card-gap: 12px}.tl4k-card--flat{box-shadow:none}.tl4k-card--sm{box-shadow:var(--tl4k-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.tl4k-card--md{box-shadow:var(--tl4k-shadow-md, 0 4px 6px rgba(0, 0, 0, .07))}.tl4k-card--tone-warm{--tl4k-card-bg: var(--tl4k-surface-warm, #f9f6f5)}.tl4k-card--tone-info{--tl4k-card-bg: var(--tl4k-info-surface, #e3f2fd);--tl4k-card-border: var(--tl4k-info, #1565c0)}.tl4k-card--tone-success{--tl4k-card-bg: var(--tl4k-success-surface, #e8f5e9);--tl4k-card-border: var(--tl4k-success, #2e7d32)}.tl4k-card--tone-warning{--tl4k-card-bg: var(--tl4k-warning-surface, #fff3e0);--tl4k-card-border: var(--tl4k-warning, #e65100)}.tl4k-card--tone-error{--tl4k-card-bg: var(--tl4k-error-surface, #ffebee);--tl4k-card-border: var(--tl4k-error, #c62828)}.tl4k-card--interactive{cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%}.tl4k-card--interactive:focus-visible{outline:2px solid var(--tl4k-focus, #1565c0);outline-offset:2px}.tl4k-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.tl4k-card__footer{display:flex;align-items:center;gap:8px}.tl4k-badge{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--tl4k-border-radius-full, 9999px);font-family:var(--tl4k-font-family-body);font-size:var(--tl4k-badge-font-size, 12px);font-weight:700;line-height:1.4;white-space:nowrap;border:1px solid transparent}.tl4k-badge--md{--tl4k-badge-font-size: 14px;padding:4px 12px}.tl4k-badge--solid.tl4k-badge--neutral{background:var(--tl4k-neutral-600, #6e6a69);color:#fff}.tl4k-badge--solid.tl4k-badge--primary{background:var(--tl4k-primary-500, #0076a8);color:#fff}.tl4k-badge--solid.tl4k-badge--success{background:var(--tl4k-success, #2e7d32);color:#fff}.tl4k-badge--solid.tl4k-badge--warning{background:var(--tl4k-warning, #e65100);color:#fff}.tl4k-badge--solid.tl4k-badge--error{background:var(--tl4k-error, #c62828);color:#fff}.tl4k-badge--solid.tl4k-badge--info{background:var(--tl4k-info, #1565c0);color:#fff}.tl4k-badge--soft.tl4k-badge--neutral{background:var(--tl4k-neutral-100, #f5f5f5);color:var(--tl4k-neutral-700, #4a4949)}.tl4k-badge--soft.tl4k-badge--primary{background:var(--tl4k-primary-50, #e6f4f9);color:var(--tl4k-primary-700, #005d86)}.tl4k-badge--soft.tl4k-badge--success{background:var(--tl4k-success-surface, #e8f5e9);color:var(--tl4k-success, #2e7d32)}.tl4k-badge--soft.tl4k-badge--warning{background:var(--tl4k-warning-surface, #fff3e0);color:var(--tl4k-warning, #e65100)}.tl4k-badge--soft.tl4k-badge--error{background:var(--tl4k-error-surface, #ffebee);color:var(--tl4k-error, #c62828)}.tl4k-badge--soft.tl4k-badge--info{background:var(--tl4k-info-surface, #e3f2fd);color:var(--tl4k-info, #1565c0)}.tl4k-badge--outline{background:transparent}.tl4k-badge--outline.tl4k-badge--neutral{color:var(--tl4k-neutral-700, #4a4949);border-color:var(--tl4k-neutral-300, #e0e0e0)}.tl4k-badge--outline.tl4k-badge--primary{color:var(--tl4k-primary-700, #005d86);border-color:var(--tl4k-primary-300, #4da5db)}.tl4k-badge--outline.tl4k-badge--success{color:var(--tl4k-success, #2e7d32);border-color:var(--tl4k-success, #2e7d32)}.tl4k-badge--outline.tl4k-badge--warning{color:var(--tl4k-warning, #e65100);border-color:var(--tl4k-warning, #e65100)}.tl4k-badge--outline.tl4k-badge--error{color:var(--tl4k-error, #c62828);border-color:var(--tl4k-error, #c62828)}.tl4k-badge--outline.tl4k-badge--info{color:var(--tl4k-info, #1565c0);border-color:var(--tl4k-info, #1565c0)}.tl4k-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tl4k-stack{display:flex;flex-direction:column;gap:var(--tl4k-stack-gap, 12px);min-height:0;min-width:0}.tl4k-stack--row{flex-direction:row;align-items:center}.tl4k-stack--wrap{flex-wrap:wrap}.bcp-root{position:relative;display:inline-flex;align-items:center;justify-content:center}.bcp-container{position:absolute;display:flex;align-items:center;justify-content:center}.bcp-petal{position:absolute;border-radius:50%;border:none;padding:0;background:none;cursor:pointer}.bcp-petal-visible:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff80}.bcp-core{position:relative;border-radius:50%;border:none;padding:0;cursor:pointer}.bcp-core:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #fff}.bcp-core:disabled{opacity:.5;cursor:not-allowed}.bcp-svg{position:absolute;pointer-events:none}.bcp-slider-track{pointer-events:auto;cursor:pointer;touch-action:none}.bcp-slider-handle{pointer-events:auto;cursor:grab;touch-action:none}.bcp-slider-handle:active{cursor:grabbing}.bcp-bg,.bcp-bg-wrapper{position:absolute;border-radius:50%;pointer-events:none}.bcp-bg-gradient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}.bcp-bg-solid{position:absolute;inset:0;border-radius:50%;pointer-events:none}.bcp-petal-ring{pointer-events:none}.bcp-chrome-container{--bcp-chrome-container-bg: #fff;--bcp-chrome-top-bg: #fff;--bcp-chrome-bottom-bg: #fff;--bcp-chrome-border: #eee;--bcp-chrome-input-bg: #fff;--bcp-chrome-input-border: #ddd;--bcp-chrome-input-text: #333;--bcp-chrome-label: #999;--bcp-chrome-toggle-color: #333;--bcp-chrome-slider-handle-bg: #fff;--bcp-chrome-slider-handle-border: #ddd;--bcp-chrome-shadow: 0 4px 12px rgba(0, 0, 0, .15);display:inline-flex;flex-direction:column;background:var(--bcp-chrome-container-bg);border-radius:8px;box-shadow:var(--bcp-chrome-shadow);overflow:hidden;width:250px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.dark .bcp-chrome-container,.bcp-chrome-container.bcp-dark{--bcp-chrome-container-bg: #0f172a;--bcp-chrome-top-bg: #020617;--bcp-chrome-bottom-bg: #0f172a;--bcp-chrome-border: #334155;--bcp-chrome-input-bg: #0b1220;--bcp-chrome-input-border: #334155;--bcp-chrome-input-text: #e5e7eb;--bcp-chrome-label: #94a3b8;--bcp-chrome-toggle-color: #e5e7eb;--bcp-chrome-slider-handle-bg: #f8fafc;--bcp-chrome-slider-handle-border: #64748b;--bcp-chrome-shadow: 0 12px 32px rgba(0, 0, 0, .35)}.bcp-chrome-container.bcp-force-light{--bcp-chrome-container-bg: #fff;--bcp-chrome-top-bg: #fff;--bcp-chrome-bottom-bg: #fff;--bcp-chrome-border: #eee;--bcp-chrome-input-bg: #fff;--bcp-chrome-input-border: #ddd;--bcp-chrome-input-text: #333;--bcp-chrome-label: #999;--bcp-chrome-toggle-color: #333;--bcp-chrome-slider-handle-bg: #fff;--bcp-chrome-slider-handle-border: #ddd;--bcp-chrome-shadow: 0 4px 12px rgba(0, 0, 0, .15)}.bcp-chrome-top{display:flex;justify-content:center;align-items:center;min-height:220px;background:var(--bcp-chrome-top-bg)}.bcp-chrome-bottom{padding:16px;border-top:1px solid var(--bcp-chrome-border);background:var(--bcp-chrome-bottom-bg)}.bcp-chrome-preview-row{display:flex;align-items:center;margin-bottom:16px}.bcp-chrome-preview-swatch{width:36px;height:36px;border-radius:50%;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#fff;margin-right:12px;flex-shrink:0;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.bcp-chrome-preview-color{width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a}.bcp-chrome-sliders{flex:1;display:flex;flex-direction:column;gap:12px}.bcp-chrome-slider-container{position:relative;height:10px;border-radius:5px}.bcp-chrome-hue-gradient{width:100%;height:100%;border-radius:5px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.bcp-chrome-alpha-gradient{width:100%;height:100%;border-radius:5px;position:relative;overflow:hidden}.bcp-chrome-alpha-gradient:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#fff;z-index:-1}.bcp-chrome-slider-handle{position:absolute;top:50%;width:14px;height:14px;background:var(--bcp-chrome-slider-handle-bg);border-radius:50%;box-shadow:0 1px 4px #0000004d;transform:translate(-50%,-50%);border:1px solid var(--bcp-chrome-slider-handle-border)}.bcp-chrome-inputs-row{display:flex;align-items:flex-start;gap:8px}.bcp-chrome-inputs-hex,.bcp-chrome-inputs-rgba,.bcp-chrome-inputs-hsla{flex:1;display:flex;gap:4px}.bcp-chrome-input-group{flex:1;display:flex;flex-direction:column;align-items:center}.bcp-chrome-input{width:100%;border:1px solid var(--bcp-chrome-input-border);border-radius:4px;padding:6px 2px;font-size:11px;text-align:center;color:var(--bcp-chrome-input-text);background:var(--bcp-chrome-input-bg);outline:none;box-sizing:border-box}.bcp-chrome-input:focus{border-color:#3b82f6}.bcp-chrome-label{font-size:10px;color:var(--bcp-chrome-label);margin-top:6px;text-transform:uppercase}.bcp-chrome-toggle{color:var(--bcp-chrome-toggle-color);background:none;border:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;margin-top:4px}.bcp-chrome-toggle:hover{opacity:1}.bcp-chrome-native-slider{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.bcp-chrome-slider-container:has(.bcp-chrome-native-slider:focus-visible){outline:2px solid #3b82f6;outline-offset:2px}