.eyebrow-label{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.eyebrow-primary{color:var(--color-primary);font-weight:var(--font-weight-bold)}.secondary-section-heading-group{gap:var(--space-subheading-gap);flex-direction:column;display:flex}.secondary-section-heading{font-size:var(--text-h2);line-height:var(--text-h2--line-height);letter-spacing:var(--text-h2--letter-spacing);color:var(--color-text-primary);text-wrap:pretty}.secondary-section-heading-light{color:var(--color-text-on-primary)}.secondary-section-subheading{font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);letter-spacing:var(--text-body-lg--letter-spacing);color:var(--color-text-secondary);text-wrap:pretty}.secondary-section-subheading-light{color:var(--color-primary-light)}.button{justify-content:center;align-items:center;gap:var(--space-8);min-height:var(--size-touch-target-min);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:background-color var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast), opacity var(--motion-fast);border:1px solid #0000;display:inline-flex}.button:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.button:disabled{opacity:.5;cursor:not-allowed}.button-label,.button-icon{align-items:center;display:inline-flex}.button-primary{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-md)}.button-primary:hover:not(:disabled){background:var(--color-primary-dark)}.button-shadow-bottom{box-shadow:var(--shadow-primary-bottom)}.button-shadow-bottom:focus-visible{box-shadow:var(--shadow-primary-bottom), 0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.button-secondary{background:var(--color-background);color:var(--color-text-primary);border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.button-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.button-outline{color:var(--color-primary);border-style:solid;border-color:var(--color-primary-light);background:0 0}.button-outline:hover:not(:disabled){background:var(--color-primary-very-light);border-color:var(--color-primary)}.button-ghost{color:var(--color-primary-light);background:0 0;border-color:#0000}.button-ghost:hover:not(:disabled){color:var(--color-text-on-primary)}.button-inverse{background:var(--color-background);color:var(--color-primary-deep);box-shadow:var(--shadow-md)}.button-inverse:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary-deep)}.button-soft{background:var(--color-primary-very-light);color:var(--color-primary);border-color:#0000}.button-soft:hover:not(:disabled){background:var(--color-primary-soft)}.button-lg{padding-block:var(--space-16);padding-inline:var(--space-32);font-size:var(--text-body-lg)}.button-sm{padding-block:var(--space-12);padding-inline:var(--space-24);font-size:var(--text-body)}.button-full-width{width:100%}.button-square{border-radius:var(--radius-xs)}.button-icon-only{width:var(--size-touch-target-min);height:var(--size-touch-target-min);border-radius:var(--radius-md);min-height:0;padding:0}.button-icon-only>svg{width:var(--space-16);height:var(--space-16)}.chip{border-radius:var(--radius-pill);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;display:inline-flex}.chip-neutral{background:var(--color-surface-2);color:var(--color-text-primary)}.chip-accent{background:var(--color-primary-soft);color:var(--color-primary)}.chip-tint{background:var(--color-primary-very-light);color:var(--color-text-primary)}.chip-outline{background:var(--color-background);color:var(--color-primary);border:var(--border-width-thin) solid var(--color-primary-skeleton);box-shadow:var(--shadow-sm);letter-spacing:var(--tracking-widest);font-weight:var(--font-weight-bold);text-transform:uppercase}.chip-xs{padding-block:var(--space-4);padding-inline:var(--space-12);font-size:var(--text-body-sm)}.chip-sm{padding-block:var(--space-8);padding-inline:var(--space-24);font-size:var(--text-body)}.chip-lg{padding-block:var(--space-12);padding-inline:var(--space-32);font-size:var(--text-body-lg)}.chip-dual{border-radius:var(--radius-md);padding:var(--space-12) var(--space-16);align-items:flex-start;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:border-color var(--motion-fast), background-color var(--motion-fast);flex-direction:column;display:inline-flex}.chip-dual:hover{border-color:var(--color-primary-light);background:var(--color-hover)}.chip-dual-label{font-size:var(--text-body-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--text-body-lg--line-height);text-transform:none;letter-spacing:var(--text-body-lg--letter-spacing)}.chip-dual-sublabel{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);letter-spacing:var(--text-body-sm--letter-spacing);color:var(--color-text-tertiary);font-weight:var(--font-weight-normal);text-transform:none}.chip-card{gap:var(--space-16);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-24);flex-direction:column;display:flex}.chip-card-label{align-items:center;gap:var(--space-8);display:flex}.chip-card-label-dot{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);background:var(--color-primary);flex-shrink:0}.chip-card-row{gap:var(--space-8);flex-wrap:wrap;display:flex}.avatar-stack{align-items:center;display:flex}.avatar-stack-item{width:var(--space-40);height:var(--space-40);border:3px solid var(--color-background);background:var(--color-primary-light);object-fit:cover;border-radius:50%;flex-shrink:0;display:block}.avatar-stack-item+.avatar-stack-item{margin-left:calc(var(--space-40) * -.35)}.social-proof{align-items:center;gap:clamp(var(--space-12), 3vw, var(--space-24));max-width:100%;display:flex}.social-proof-details{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.social-proof-label{font-size:clamp(var(--text-body), 2vw, var(--text-body-lg));font-weight:var(--font-weight-medium);letter-spacing:var(--text-body-lg--letter-spacing);color:var(--color-text-primary)}.logo-strip{align-items:center;gap:var(--space-24);flex-direction:column;display:flex}.logo-strip-label{text-align:center}.logo-strip-row{justify-content:center;align-items:center;gap:var(--space-40);flex-wrap:wrap;display:flex}.logo-strip-item{color:var(--color-text-tertiary);font-size:var(--text-h3);font-weight:var(--font-weight-semibold)}.feature-card{gap:var(--space-grid-gap);background:var(--feature-card-surface);border:1px solid var(--feature-card-border);border-radius:var(--radius-lg);padding:var(--space-24);display:flex}.feature-card-row{flex-direction:row;align-items:flex-start}.feature-card-column{flex-direction:column}.feature-card-icon{width:var(--space-32);height:var(--space-32);border-radius:var(--radius-md);background:var(--feature-card-icon-surface);color:var(--color-text-on-primary);font-size:var(--text-body);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.feature-card-icon-svg{width:var(--space-16);height:var(--space-16)}.feature-card-body{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.feature-card-title{font-size:var(--text-h4);line-height:var(--text-h4--line-height);letter-spacing:var(--text-h4--letter-spacing);font-weight:var(--font-weight-bold);color:var(--feature-card-title-color)}.feature-card-description{font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);color:var(--feature-card-description-color)}.feature-card-light{--feature-card-surface:var(--color-background);--feature-card-border:var(--color-border);--feature-card-icon-surface:var(--color-primary);--feature-card-title-color:var(--color-text-primary);--feature-card-description-color:var(--color-text-secondary)}.feature-card-dark{--feature-card-surface:#ffffff17;--feature-card-border:#ffffff29;--feature-card-icon-surface:#ffffff2e;--feature-card-title-color:var(--color-text-on-primary);--feature-card-description-color:var(--color-primary-light)}.divider{align-items:center;gap:var(--space-16);display:flex}.divider-line{background:var(--color-divider);flex:1;height:1px}.divider-label{font-size:var(--text-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-tertiary)}.benefit-item{align-items:center;gap:var(--space-12);display:flex}.benefit-item-icon{width:var(--space-24);height:var(--space-24);border-radius:var(--radius-sm);background:var(--color-primary-skeleton);color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.benefit-item-label{font-size:var(--text-body-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.google-button{box-sizing:border-box;color:#1f1f1f;letter-spacing:.25px;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #747775;border-radius:20px;justify-content:center;align-items:center;width:100%;min-width:min-content;max-width:400px;height:40px;padding-inline:12px;font-family:Roboto,arial,sans-serif;font-size:14px;transition:background-color .218s,border-color .218s,box-shadow .218s;display:flex;position:relative;overflow:hidden}.google-button:not(:disabled):hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-button:not(:disabled):hover .google-button-state,.google-button:not(:disabled):focus .google-button-state{opacity:.08;background-color:#303030}.google-button:not(:disabled):active .google-button-state{opacity:.12;background-color:#303030}.google-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.google-button:disabled .google-button-content,.google-button:disabled .google-button-icon{opacity:.38}.google-button-state{opacity:0;transition:opacity .218s;position:absolute;inset:0}.google-button-content{flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative}.google-button-content-loading{color:#1f1f1f;justify-content:center}.google-button-icon{flex-shrink:0;width:20px;height:20px;margin-inline-end:12px}.google-button-label{text-overflow:ellipsis;vertical-align:top;flex-grow:1;font-weight:500;overflow:hidden}.google-sign-in-wrapper{position:relative}.google-sign-in-overlay{opacity:0;cursor:pointer;position:absolute;inset:0;overflow:hidden}.google-sign-in-overlay-disabled{pointer-events:none}.input-field{gap:var(--space-8);flex-direction:column;display:flex}.input-label{font-size:var(--text-body-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.input-required-indicator{color:var(--color-error)}.input-label-row{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.input-label-aside{align-items:center;gap:var(--space-8);flex-shrink:0;display:inline-flex}.input-label-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.input-control{align-items:center;gap:var(--space-8);min-height:calc(var(--size-touch-target-min) + var(--space-8));padding-inline:var(--space-16);background:var(--color-background);border:1.5px solid var(--color-primary-skeleton);border-radius:var(--radius-md);transition:border-color var(--motion-fast);display:flex}.input-control:focus-within{border-color:var(--color-primary)}.input-control-error{border-color:var(--color-error)}.input-prefix{border-inline-end:1px solid var(--color-border);font-size:var(--text-body-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);flex-shrink:0;padding-inline-end:var(--space-8)}.input-element{min-width:0;font-size:var(--text-body-lg);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1}.input-element::placeholder{color:var(--color-text-tertiary)}.input-toggle-visibility{color:var(--color-text-tertiary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.input-toggle-visibility:hover{color:var(--color-text-secondary)}.input-error{font-size:var(--text-body-sm);color:var(--color-error)}.base-link{align-items:center;gap:var(--space-4);width:fit-content;font:inherit;font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-primary);transition:color var(--motion-fast);background:0 0;border:none;padding:0;text-decoration:none;display:inline-flex}.base-link:hover{color:var(--color-primary-dark);text-underline-offset:.2em;text-decoration:underline}.base-link:focus-visible{border-radius:var(--radius-xs);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.base-link:disabled{opacity:.5;cursor:not-allowed}.base-link-label{align-items:center;display:inline-flex}.modal-backdrop{z-index:var(--z-modal);padding:clamp(var(--space-16), 4vw, var(--space-40));background:var(--color-backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{width:min(100%,32rem);max-height:calc(100svh - clamp(var(--space-32), 8vw, var(--space-80)));overscroll-behavior:contain;background:var(--color-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);position:relative;overflow-y:auto}.modal-panel:focus{outline:none}.modal-close-button{top:var(--space-16);right:var(--space-16);z-index:1;width:var(--size-touch-target-min);height:var(--size-touch-target-min);background:var(--color-primary-very-light);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background-color var(--motion-fast), color var(--motion-fast);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.modal-close-button:hover{background:var(--color-primary-soft);color:var(--color-text-primary)}.modal-close-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-transparency:reduce){.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.spinner{width:var(--space-16);height:var(--space-16);border:2px solid;border-top-color:#0000;border-radius:50%;animation:.6s linear infinite spinner-rotate;display:inline-block}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.alert-bar-region{background:var(--color-background);width:100%;container-type:inline-size}.alert-bar{width:100%;padding-block:clamp(var(--space-8), 1.5vw, var(--space-12))}.alert-bar-inner{justify-content:space-between;align-items:center;gap:clamp(var(--space-12), 2vw, var(--space-24));flex-wrap:nowrap;display:flex}.alert-bar-urgent{background:var(--color-primary-deep);color:var(--color-text-on-primary)}.alert-bar-info{border:1px solid var(--color-primary-light);background:var(--color-primary-very-light);color:var(--color-primary-deep)}.alert-bar-message{align-items:center;gap:clamp(var(--space-12), 2vw, var(--space-16));flex:auto;min-width:0;display:flex}.alert-bar-icon-frame{width:var(--size-touch-target-min);height:var(--size-touch-target-min);border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;display:inline-flex}.alert-bar-icon-frame svg{width:var(--space-24);height:var(--space-24)}.alert-bar-urgent .alert-bar-icon-frame{background:#fff3}@supports (color:color-mix(in lab, red, red)){.alert-bar-urgent .alert-bar-icon-frame{background:color-mix(in srgb, var(--color-text-on-primary) 20%, transparent)}}.alert-bar-urgent .alert-bar-icon-frame{color:var(--color-text-on-primary)}.alert-bar-info .alert-bar-icon-frame{background:var(--color-primary-light);color:var(--color-primary)}.alert-bar-copy{min-width:0}.alert-bar-title,.alert-bar-description{color:inherit;margin:0}.alert-bar-title{font-size:var(--text-body-lg);font-weight:var(--font-weight-semibold);line-height:var(--text-body-lg--line-height)}.alert-bar-description{font-size:var(--text-body);color:var(--color-text-secondary)}.alert-bar-urgent .alert-bar-description{color:var(--color-primary-light)}.alert-bar-badge{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.alert-bar-actions{justify-content:flex-end;align-items:center;gap:var(--space-12);flex-wrap:wrap;flex:none;margin-inline-start:auto;display:flex}.alert-bar-urgent .alert-bar-actions .button-outline{border-style:solid;border-width:var(--border-width-md);border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.alert-bar-urgent .alert-bar-actions .button-outline{border-color:color-mix(in srgb, var(--color-text-on-primary) 50%, transparent)}}.alert-bar-urgent .alert-bar-actions .button-outline{color:var(--color-text-on-primary)}.alert-bar-urgent .alert-bar-actions .button-outline:hover:not(:disabled){background:#ffffff26}@supports (color:color-mix(in lab, red, red)){.alert-bar-urgent .alert-bar-actions .button-outline:hover:not(:disabled){background:color-mix(in srgb, var(--color-text-on-primary) 15%, transparent)}}.alert-bar-urgent .alert-bar-actions .button-outline:hover:not(:disabled){border-color:var(--color-text-on-primary)}.alert-bar-dismiss-button{width:var(--size-touch-target-min);height:var(--size-touch-target-min);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-secondary);transition:background-color var(--motion-fast), color var(--motion-fast);border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.alert-bar-dismiss-button:hover{background:var(--color-primary-soft);color:var(--color-primary-deep)}.alert-bar-dismiss-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@container (max-width:34rem){.alert-bar-inner{flex-direction:column;align-items:stretch}.alert-bar-actions{flex-wrap:nowrap;width:100%;margin-inline-start:0}.alert-bar-actions .button-primary,.alert-bar-actions .button-secondary{flex:1}.alert-bar-actions .button-outline{flex:none}}@media (prefers-reduced-motion:reduce){.alert-bar-dismiss-button{transition:none}}.template-card{background:var(--color-background);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);height:100%;transition:border-color var(--motion-fast), box-shadow var(--motion-fast);flex-direction:column;display:flex;overflow:hidden}.template-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg)}.template-card-selected{border-color:var(--color-primary);background:var(--color-primary-very-light)}.template-card-check{top:var(--space-8);right:var(--space-8);z-index:1;width:var(--space-24);height:var(--space-24);background:var(--color-primary);border-radius:var(--radius-pill);color:var(--color-text-on-primary);place-items:center;display:grid;position:absolute}.template-card-check-icon{width:var(--space-16);height:var(--space-16)}.template-card-xs,.template-card-sm,.template-card-md{height:auto}.template-card-xs{max-width:12rem}.template-card-xs .template-card-preview{padding-block-start:var(--space-12);padding-inline:var(--space-12)}.template-card-xs .template-card-body{padding:var(--space-12)}.template-card-sm{max-width:16rem}.template-card-sm .template-card-preview{padding-block-start:var(--space-16);padding-inline:var(--space-16)}.template-card-sm .template-card-body{padding:var(--space-16)}.template-card-md{max-width:20rem}.template-card-main-content{flex-direction:column;flex:1;display:flex}.template-card-preview{aspect-ratio:4/3;background:var(--gradient-soft-bg);border-block-end:var(--border-width-thin) solid var(--color-border);padding-block-start:var(--space-24);padding-inline:var(--space-24);box-sizing:border-box;justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.template-card-image-wrapper{background:var(--color-background);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;height:100%;box-shadow:var(--shadow-lg);flex-shrink:0;justify-content:center;display:flex;overflow:hidden}.template-card-image{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.template-card-overlay{background:var(--color-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;justify-content:center;align-items:center;gap:var(--space-12);padding:var(--space-24);transition:opacity var(--motion-fast);flex-direction:column;display:flex;position:absolute;inset:0}.template-card:hover .template-card-overlay,.template-card:focus-within .template-card-overlay{opacity:1}.template-card-body{padding:var(--space-24);box-sizing:border-box;flex-direction:column;flex:1;display:flex}.template-card-header{justify-content:space-between;align-items:center;gap:var(--space-12);min-height:var(--space-32);display:flex}.template-card-title{font-size:var(--text-h4);line-height:var(--text-h4--line-height);font-weight:var(--font-weight-bold);letter-spacing:var(--text-h4--letter-spacing)}.template-card-eyebrow{color:var(--color-text-tertiary);margin-block-start:var(--space-12)}.template-card-roles{gap:var(--space-8);flex-wrap:wrap;margin-block-start:var(--space-8);display:flex}.template-card-mobile-actions{display:none}@keyframes template-card-skeleton-pulse{0%,to{opacity:.6;background-color:var(--color-primary-skeleton-subtle)}50%{opacity:1;background-color:var(--color-primary-skeleton)}}.template-card-skeleton{pointer-events:none;-webkit-user-select:none;user-select:none}.template-card-skeleton:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.template-card-skeleton-page{border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;height:100%;animation:1.4s ease-in-out infinite template-card-skeleton-pulse}.template-card-skeleton-title{height:var(--text-h4);border-radius:var(--radius-xs);width:60%;animation:1.4s ease-in-out infinite template-card-skeleton-pulse}.template-card-skeleton-eyebrow{height:var(--text-body-sm);border-radius:var(--radius-xs);width:32%;margin-block-start:var(--space-12);animation:1.4s ease-in-out infinite template-card-skeleton-pulse}.template-card-skeleton-roles{gap:var(--space-8);flex-wrap:wrap;margin-block-start:var(--space-8);display:flex}.template-card-skeleton-chip{height:var(--space-24);min-width:var(--space-64);border-radius:var(--radius-pill);animation:1.4s ease-in-out infinite template-card-skeleton-pulse}.template-card-skeleton-chip--wide{min-width:var(--space-80)}@media (max-width:47.999rem){.template-card-skeleton .template-card-skeleton-page{border-radius:var(--radius-sm)}.template-card-xs,.template-card-sm,.template-card-md{max-width:none}.template-card-main-content{gap:var(--space-16);padding:var(--space-16);box-sizing:border-box;flex-direction:row}.template-card-preview{width:calc(var(--space-96) + var(--space-8));height:calc(var(--space-128) + var(--space-8));min-height:calc(var(--space-128) + var(--space-8));box-sizing:border-box;border-radius:var(--radius-sm);background:var(--color-background);border:var(--border-width-thin) solid var(--color-primary-skeleton);box-shadow:var(--shadow-md);aspect-ratio:auto;flex-shrink:0;padding:0}.template-card-image-wrapper{border-radius:var(--radius-sm);width:100%;height:100%;box-shadow:none}.template-card-overlay{display:none}.template-card-body{flex:1;min-width:0;padding:0}.template-card-mobile-actions{gap:var(--space-8);padding-inline:var(--space-16);box-sizing:border-box;padding-block-end:var(--space-16);display:flex}.template-card-mobile-actions>:first-child{flex:1}.template-card-mobile-actions>:last-child{flex:none}}.upload-card{box-sizing:border-box;min-width:0;max-width:100%;padding:var(--space-16);border-radius:var(--radius-xl);background:var(--upload-card-bg);border:var(--border-width-md) solid var(--upload-card-border);box-shadow:var(--shadow-sm);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);flex-direction:column;display:flex}.upload-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.upload-card--default{--upload-card-bg:var(--color-background);--upload-card-border:var(--color-primary-skeleton);--upload-card-icon-bg:var(--color-primary-soft)}.upload-card--tinted{--upload-card-bg:var(--color-primary-soft);--upload-card-border:var(--color-primary-light);--upload-card-icon-bg:var(--color-background)}.upload-card-header{flex-direction:column;display:flex}.upload-card-top-icon{width:var(--space-40);height:var(--space-40);border-radius:var(--radius-md);background:var(--upload-card-icon-bg);color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.upload-card-top-icon svg{width:var(--space-24);height:var(--space-24)}.upload-card-header-row{justify-content:space-between;align-items:flex-end;gap:var(--space-12);margin-block-start:var(--space-12);display:flex}.upload-card-title{font-size:var(--text-h4);line-height:var(--text-h4--line-height);font-weight:var(--font-weight-extrabold);letter-spacing:var(--text-h4--letter-spacing);color:var(--color-text-primary);margin:0}.upload-card-chevron{color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.upload-card-chevron svg{width:var(--space-16);height:var(--space-16)}.upload-card-description{font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--color-text-secondary);margin:0;margin-block-start:var(--space-4)}.upload-card-action-area{gap:var(--space-8);min-height:calc(var(--space-80) + var(--space-8));flex-direction:column;justify-content:center;margin-block-start:auto;padding-block-start:var(--space-12);display:flex}.upload-card-dropzone{align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-12);min-height:calc(var(--space-80) + var(--space-8));box-sizing:border-box;cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.upload-card-dropzone:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.upload-card-dropzone-icon-box{width:var(--space-40);height:var(--space-40);border-radius:var(--radius-md);background:var(--color-background);border:var(--border-width-md) dashed var(--color-primary-waveform-soft);color:var(--color-primary);transition:border-color var(--motion-fast), background-color var(--motion-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.upload-card-dropzone[data-dragging=true] .upload-card-dropzone-icon-box{border-color:var(--color-primary);background:#5b3df50f}@supports (color:color-mix(in lab, red, red)){.upload-card-dropzone[data-dragging=true] .upload-card-dropzone-icon-box{background:color-mix(in srgb, var(--color-primary) 6%, transparent)}}.upload-card-dropzone-icon-box svg{width:var(--space-24);height:var(--space-24)}.upload-card-dropzone-text{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.upload-card-dropzone-title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.upload-card-dropzone-subtitle{font-size:var(--text-body-sm);color:var(--color-text-tertiary)}.upload-card-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-card-file-preview{box-sizing:border-box;min-width:0;max-width:100%;min-height:calc(var(--space-80) + var(--space-8));align-items:center;gap:var(--space-12);background:var(--color-background);border:var(--border-width-thin) solid var(--color-primary-skeleton);border-radius:var(--radius-md);padding:var(--space-8) var(--space-12);display:flex}.upload-card-file-thumbnail{width:calc(var(--space-40) + var(--space-8) + var(--border-width-md));flex-shrink:0;justify-content:center;align-items:center;display:flex}.upload-card-file-thumbnail svg{width:100%;height:auto;display:block}.upload-card-file-details{gap:var(--space-4);text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.upload-card-file-name{font-size:var(--text-body);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.upload-card-file-size{font-size:var(--text-body-sm);color:var(--color-text-secondary);margin:0}.upload-card-file-status{align-items:center;gap:var(--space-8);margin-block-start:0;display:flex}.upload-card-file-status svg{width:var(--space-16);height:var(--space-16);flex-shrink:0}.upload-card-file-status-text{font-size:var(--text-body-sm);font-weight:var(--font-weight-bold);color:var(--color-success)}.upload-card-status--mobile{display:none}.upload-card-remove-btn{width:var(--space-32);height:var(--space-32);background:var(--color-primary-very-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--motion-fast), color var(--motion-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.upload-card-remove-btn:hover{background:var(--color-primary-soft);color:var(--color-text-primary)}.upload-card-remove-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.upload-card-remove-btn svg{width:var(--space-16);height:var(--space-16)}.upload-card-cta-wrapper{width:100%;margin-block-start:auto;padding-block-start:var(--space-12)}@media (max-width:47.999rem){.upload-card{padding:var(--space-16)}.upload-card-action-area{min-height:auto;padding-block-start:var(--space-12)}.upload-card-dropzone{min-height:auto;padding:0}.upload-card-file-preview{min-height:auto}.upload-card-header{align-items:center;gap:var(--space-12);flex-direction:row}.upload-card-top-icon{width:calc(var(--space-32) + var(--space-4));height:calc(var(--space-32) + var(--space-4));border-radius:var(--radius-sm)}.upload-card-top-icon svg{width:var(--space-20);height:var(--space-20)}.upload-card-header-row{flex:1;align-items:center;min-width:0;margin-block-start:0}.upload-card-title{font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height)}.upload-card-chevron{margin-inline-start:auto}.upload-card-description{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height)}.upload-card-dropzone-limit,.upload-card-file-size--desktop,.upload-card-status--desktop{display:none}.upload-card-status--mobile{display:inline}}
.modal-close-icon,.alert-bar-dismiss-icon{width:var(--space-16);height:var(--space-16)}.base-link-arrow{width:var(--space-16);height:var(--space-16);flex-shrink:0}.base-link-arrow-left{transform:rotate(180deg)}.rating-stars{align-items:center;gap:var(--space-4);display:inline-flex}.rating-star{width:clamp(var(--space-16), 3vw, var(--space-24));height:clamp(var(--space-16), 3vw, var(--space-24))}.rating-star-filled{color:var(--color-warning)}.rating-star-empty{color:var(--color-border)}