:root{--opacity-xs:0.05;--opacity-sm:0.1;--opacity-md:0.15;--opacity-lg:0.2;--opacity-xl:0.3;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:900;--z-modal:1000;--z-popover:1050;--z-tooltip:1100;--z-notification:1200;--color-admin:role-color("admin","base");--color-abonne:role-color("abonne","base");--color-free:role-color("free","base");--color-visitor:role-color("visitor","base");--spacing-none:0;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4:0.25rem;--spacing-8:0.5rem;--spacing-12:0.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--spacing-32:2rem;--spacing-40:2.5rem;--spacing-44:2.75rem;--spacing-48:3rem;--spacing-56:3.5rem;--spacing-64:4rem;--a11y-min-touch-target:44px;--a11y-preferred-touch-target:56px;--a11y-optimal-touch-target:48px;--a11y-focus-ring-width:2px;--a11y-focus-ring-offset:2px;--a11y-reduced-motion-duration:0.01ms;--a11y-safe-animation-duration:200ms;--a11y-safe-transition-duration:150ms;--a11y-contrast-min:4.5;--a11y-contrast-enhanced:7;--a11y-line-spacing-min:1.5;--a11y-paragraph-spacing-min:1.5em;--a11y-disabled-opacity:0.5;--border-width-none:0;--border-width-thin:1px;--border-width-base:2px;--border-width-focus:2px;--border-width-medium:3px;--border-width-thick:4px;--border-width-extra:6px;--border-input:2px;--border-button-focus:2px;--border-divider:1px;--border-card:1px;--font-size-2xs:0.625rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--font-tsa:var(--font-atkinson),system-ui,-apple-system,Segoe UI,sans-serif}[data-font=lexend]{--font-tsa:var(--font-lexend),system-ui,-apple-system,Segoe UI,sans-serif}:root{--shadow-xs:0 1px 2px rgba(15,23,42,0.05);--shadow-sm:0 2px 4px rgba(15,23,42,0.08);--shadow-md:0 4px 8px rgba(15,23,42,0.1);--shadow-lg:0 8px 16px rgba(15,23,42,0.12);--shadow-xl:0 12px 24px rgba(15,23,42,0.15);--shadow-2xl:0 20px 40px rgba(15,23,42,0.2);--shadow-default:0 2px 6px rgba(0,0,0,0.15);--shadow-subtle:0 1px 2px rgba(15,23,42,0.05);--shadow-raised:0 4px 12px rgba(0,0,0,0.15);--shadow-floating:0 8px 24px rgba(0,0,0,0.2);--shadow-modal:0 20px 40px rgba(15,23,42,0.2);--radius-none:0;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1.25rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:50%;--radius-default:8px;--radius-card:0.75rem;--radius-button:0.375rem;--radius-input:0.375rem;--radius-modal:1.25rem;--timing-xs:0.15s;--timing-sm:0.2s;--timing-base:0.3s;--timing-lg:0.5s;--timing-xl:0.8s;--timing-2xl:1.2s;--easing-linear:linear;--easing-smooth-out:ease-out}.slot-item{display:flex;flex-direction:column;gap:0;padding:.5rem;background:var(--surface-card,#ffffff);border-radius:.75rem;box-shadow:0 2px 6px rgba(0,0,0,.15);list-style:none;flex-shrink:0;width:15rem;min-height:auto;scroll-snap-align:start;position:relative;border:1px solid var(--surface-border,#e2e8f0);transition-property:background opacity;transition-duration:.15s;transition-timing-function:linear}@media(prefers-reduced-motion:reduce){.slot-item{transition:none}}.slot-item--step{border-color:var(--feedback-info-base,#0ea5e9)}.slot-item--reward{border-color:var(--feedback-warning-base,#f97316)}.slot-item__header{display:flex;align-items:center;justify-content:space-between;gap:.25rem;height:2.75rem;padding:0 .25rem}.slot-item__label{font-size:.875rem;font-weight:600;color:var(--text-dark,#0f172a);flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-item__header-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.slot-item__separator{height:3px;margin:.25rem 0;background:linear-gradient(to right,transparent,var(--surface-border,#e2e8f0),transparent);border-radius:.25rem}.slot-item__card-display,.slot-item__placeholder{min-height:15.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 0;background:var(--tsa-pastel-bg-soft,#f0f8ff)}.slot-item__empty-text{font-size:1rem;font-weight:600;color:var(--text-muted,#64748b)}.slot-item__card-name{font-size:1rem;font-weight:600;color:var(--text-dark,#0f172a);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-item__card-visual,.slot-item__placeholder-visual{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.slot-item__placeholder-visual{flex-direction:column;gap:.25rem;text-align:center}.slot-item__card-name--placeholder{visibility:hidden}.slot-item__card-image.signed-image{width:100%;height:100%;border-radius:.25rem}.slot-item__card-image .signed-image__img{object-fit:contain}.slot-item__card-fallback{display:flex;align-items:center;justify-content:center;width:100%;min-height:12.5rem;background:var(--surface-soft,#f8fafc);border-radius:.25rem}.slot-item__footer{display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.25rem;min-height:2.75rem}.slot-item__tokens-control{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.slot-item__tokens-field{display:flex;align-items:center;gap:.25rem;padding-left:.5rem;min-height:2.75rem;background:var(--surface-soft,#f8fafc);border:1px solid var(--surface-border,#e2e8f0);border-radius:.375rem;transition-property:border-color;transition-duration:.15s;transition-timing-function:linear}@media(prefers-reduced-motion:reduce){.slot-item__tokens-field{transition:none}}.slot-item__tokens-field:focus-within{border-color:var(--feedback-info-base,#0ea5e9)}.slot-item__tokens-field:has(.slot-item__tokens-select:disabled){opacity:.5}.slot-item__token-icon{--jeton-size:1.5rem;flex-shrink:0}.slot-item__tokens-select{min-height:2.75rem;padding:.25rem .5rem .25rem 0;background:rgba(0,0,0,0);border:none;font-size:1rem;font-weight:600;color:var(--text-dark,#0f172a);text-align:center;cursor:pointer}.slot-item__tokens-select:focus{outline:none}.slot-item__tokens-select:disabled{cursor:not-allowed}.slot-item__tokens-error{font-size:.75rem;color:var(--feedback-error-base,#ef4444);margin:0}.slot-item__lock{font-size:1rem;flex-shrink:0}.slot-item__sequence-toggle{border-radius:.375rem;transition-property:background-color;transition-duration:.15s;transition-timing-function:linear}@media(prefers-reduced-motion:reduce){.slot-item__sequence-toggle{transition:none}}.slot-item__sequence-toggle{white-space:nowrap;background-color:var(--surface-soft,#f8fafc)}.slot-item__sequence-toggle--has-sequence{background-color:var(--tsa-pastel-green-soft,#d4f4dd);color:var(--text-dark,#0f172a)}.slot-item__placeholder--clickable{width:100%;border:none;font:inherit;color:var(--text-muted,#64748b);cursor:pointer;transition-property:background-color;transition-duration:.15s;transition-timing-function:linear}@media(prefers-reduced-motion:reduce){.slot-item__placeholder--clickable{transition:none}}.slot-item__placeholder--clickable:hover:not(:disabled){background:var(--surface-hover,#f8fafc)}.slot-item__placeholder--clickable:focus-visible{outline:2px solid var(--feedback-info-base,#0ea5e9);outline-offset:.125rem}.slot-item__placeholder--clickable:disabled{opacity:.5;cursor:not-allowed}.slot-item__placeholder-icon{font-size:1.25rem;line-height:1}.slot-item__card-visual--clickable{border:none;background:rgba(0,0,0,0);padding:0;cursor:pointer;border-radius:.25rem;transition-property:box-shadow;transition-duration:.15s;transition-timing-function:linear}@media(prefers-reduced-motion:reduce){.slot-item__card-visual--clickable{transition:none}}.slot-item__card-visual--clickable:hover:not(:disabled){box-shadow:0 2px 6px rgba(0,0,0,.15)}.slot-item__card-visual--clickable:focus-visible{outline:2px solid var(--feedback-info-base,#0ea5e9);outline-offset:.125rem}.slot-item__card-visual--clickable:disabled{opacity:.5;cursor:not-allowed}.slot-item__card-visual--draggable,.slot-item__placeholder--draggable{cursor:grab;touch-action:none;transition-property:box-shadow;transition-duration:.15s;transition-timing-function:linear}@media(prefers-reduced-motion:reduce){.slot-item__card-visual--draggable,.slot-item__placeholder--draggable{transition:none}}.slot-item__card-visual--draggable:active,.slot-item__placeholder--draggable:active{cursor:grabbing}.slot-item__card-visual--draggable:focus-visible,.slot-item__placeholder--draggable:focus-visible{outline:2px solid var(--feedback-info-base,#0ea5e9);outline-offset:.125rem;border-radius:.25rem}.slot-item--dragging{cursor:grabbing}.slot-item--insert-after:after,.slot-item--insert-before:before{content:"";position:absolute;top:.25rem;bottom:.25rem;width:.125rem;background:var(--feedback-info-base,#0ea5e9);border-radius:.25rem}.slot-item--insert-before:before{left:calc(-1*.25rem);transform:translateX(-50%)}.slot-item--insert-after:after{right:calc(-1*.25rem);transform:translateX(50%)}.slot-item__drag-overlay-image{width:12.5rem;height:12.5rem;cursor:grabbing}