:root{--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--container-padding-mobile:var(--space-4);--container-padding-tablet:var(--space-6);--container-padding-desktop:var(--space-10);--font-family-primary:var(--font-nunito),"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-family-mono:"Fira Code","SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--color-brand-primary:#667eea;--color-brand-secondary:#764ba2;--color-white:#ffffff;--color-gray-50:#f7fafc;--color-gray-100:#edf2f7;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e0;--color-gray-400:#a0aec0;--color-gray-500:#718096;--color-gray-600:#4a5568;--color-gray-700:#2d3748;--color-gray-800:#1a202c;--color-gray-900:#171923;--color-background:var(--color-white);--color-text-primary:var(--color-gray-800);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-500);--color-border:var(--color-gray-200);--color-border-light:#f0f0f0;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--nav-height:4.5rem;--nav-height-mobile:3.5rem;--hero-min-height:37.5rem;--hero-max-height:56.25rem;--grid-gap-sm:var(--space-4);--grid-gap-md:var(--space-6);--grid-gap-lg:var(--space-10);--grid-gap-xl:var(--space-20)}.container{width:100%;max-width:var(--container-2xl);margin:0 auto;padding-left:var(--container-padding-mobile);padding-right:var(--container-padding-mobile)}@media (min-width:768px){.container{padding-left:var(--container-padding-tablet);padding-right:var(--container-padding-tablet)}}@media (min-width:1024px){.container{padding-left:var(--container-padding-desktop);padding-right:var(--container-padding-desktop)}}.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}.focus-outline{outline:2px solid var(--color-brand-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{font-family:inherit;font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,#4a5568,#2d3748 35%,#1a202c 70%,#0f1419);color:var(--color-white);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.1)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#5a6578,#3d4852 35%,#242832 70%,#151920);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 12px 25px rgba(26,32,44,.4),0 0 0 1px rgba(255,255,255,.05)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--color-gray-50);color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn--secondary:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--outline{background:transparent;color:var(--color-brand-primary);border:2px solid var(--color-brand-primary);box-shadow:var(--shadow-sm)}.btn--outline:hover:not(:disabled){background:var(--color-brand-primary);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--outline:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--small{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);gap:var(--space-1)}.btn--medium{padding:var(--space-2) var(--space-5);font-size:var(--text-base);gap:var(--space-2)}.btn--large{padding:var(--space-3) var(--space-6);font-size:var(--text-lg);gap:var(--space-2)}.btn--auth-primary{padding:14px 24px;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:3px;position:relative;overflow:hidden}.btn--auth-primary,.btn--auth-primary.btn--brand{background:linear-gradient(135deg,#ff6b35,#c700ff);animation:pulseButtonBrand 2s ease-in-out infinite}.btn--auth-primary.btn--creator{background:linear-gradient(135deg,#00c2a8,#4338ca);animation:pulseButtonCreator 2s ease-in-out infinite}.btn--auth-text{background:none;color:#666;font-weight:400;text-decoration:underline;padding:6px 0;font-size:13px;transition:color .3s ease;margin-top:0}.btn--auth-text:hover:not(:disabled){color:#333}.btn--auth-text:disabled{cursor:not-allowed;opacity:.6}@keyframes pulseButtonBrand{0%,to{box-shadow:0 4px 15px rgba(255,107,53,.3)}50%{box-shadow:0 4px 25px rgba(199,0,255,.5)}}@keyframes pulseButtonCreator{0%,to{box-shadow:0 4px 15px rgba(0,194,168,.3)}50%{box-shadow:0 4px 25px rgba(67,56,202,.5)}}.btn--auth-primary:active:not(:disabled){transform:translateY(0)}.btn--auth-primary:focus{outline:2px solid #667eea;outline-offset:2px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn__spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}.btn--loading{position:relative}.btn--loading .btn__spinner{display:flex;align-items:center;justify-content:center}@media (max-width:640px){.btn--auth-primary{padding:.875rem 1.25rem;font-size:.9375rem}}.custom-input{width:100%;padding:.75rem 1rem;border:1px solid #d0d0d0!important;border-radius:.5rem;font-size:1rem;font-family:var(--font-family);background:white!important;color:var(--text-primary);transition:all .2s ease;outline:none;box-sizing:border-box}.custom-input:focus{border-color:#1a1a1a!important;box-shadow:0 0 0 3px rgba(26,26,26,.05)!important}.custom-input:disabled{background-color:#f5f5f5!important;cursor:not-allowed;opacity:.6}.custom-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d0d0d0!important;border-radius:.5rem;font-size:1rem;font-family:var(--font-family);background-color:white!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:16px!important;color:var(--text-primary);transition:all .2s ease;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box}.custom-select:focus{border-color:#1a1a1a!important;box-shadow:0 0 0 3px rgba(26,26,26,.05)!important}.custom-select:disabled{background-color:#f5f5f5!important;cursor:not-allowed;opacity:.6}.alert{border-radius:7px;padding:10px 14px;font-size:13px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.alert__message{flex:1 1}.alert__dismiss{background:none;border:none;font-size:18px;font-weight:700;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.alert__dismiss:hover{background-color:rgba(0,0,0,.1)}.alert--error{background:#fee;border:1px solid #fcc;color:#d32f2f}.alert--error .alert__dismiss{color:#d32f2f}.alert--warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert--warning .alert__dismiss{color:#856404}.alert--info{background:#d1ecf1;border:1px solid #bee5eb}.alert--info,.alert--info .alert__dismiss{color:#0c5460}.alert--success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert--success .alert__dismiss{color:#155724}.creator-intro{padding:80px 0;background:var(--color-background);position:relative}.creator-intro__container{max-width:1200px;margin:0 auto;padding:0 40px;position:relative;z-index:1}.creator-intro__content{max-width:800px;margin:0 auto;text-align:center}.creator-intro__title{margin:0 0 32px;display:flex;flex-direction:column;gap:8px}.creator-intro__title-main{font-size:clamp(40px,6vw,64px);font-weight:700;color:#0F172A;line-height:1.2;display:block}.creator-intro__title-accent{font-size:clamp(36px,5.5vw,56px);font-weight:800;background:linear-gradient(135deg,#FF6B35,#C700FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;display:block}.creator-intro__description{font-size:clamp(18px,2.5vw,24px);line-height:1.6;color:#475569;max-width:800px;margin:0 auto}@media (max-width:768px){.creator-intro{padding:60px 0}.creator-intro__container{padding:0 24px}.creator-intro__title{margin-bottom:24px;gap:4px}.creator-intro__title-main{font-size:clamp(32px,7vw,48px)}.creator-intro__title-accent{font-size:clamp(28px,6vw,42px)}.creator-intro__description{font-size:clamp(16px,3vw,20px)}}@media (max-width:480px){.creator-intro{padding:40px 0}.creator-intro__container{padding:0 20px}.creator-intro__title{margin-bottom:20px}.creator-intro__title-main{font-size:clamp(28px,8vw,40px)}.creator-intro__title-accent{font-size:clamp(24px,7vw,36px)}.creator-intro__description{font-size:clamp(14px,4vw,18px)}}@media screen and (max-height:500px) and (orientation:landscape){.creator-intro{padding:30px 0 20px}.creator-intro__title{margin-bottom:16px;gap:2px}.creator-intro__title-main{font-size:clamp(24px,5vh,32px)}.creator-intro__title-accent{font-size:clamp(20px,4.5vh,28px)}.creator-intro__description{font-size:clamp(12px,3vh,16px);line-height:1.4}}.auth-layout{background:#ffffff;padding:4rem 1rem;position:relative;flex-grow:0;flex-shrink:0;flex-basis:auto;width:100%}.auth-layout__container{width:100%;max-width:32rem;margin:0 auto;position:relative;z-index:1}@media (max-width:640px){.auth-layout{padding:4rem 0}.auth-layout__container{max-width:100%}}@media (min-width:1024px){.auth-layout{padding:5rem 2rem}.auth-layout__container{max-width:32rem}}.auth-form{display:flex;flex-direction:column;gap:14px;margin:0;padding:0 8px}@media (max-width:640px){.auth-form{gap:16px;padding:0 4px}}.auth-divider{position:relative;text-align:center;margin:6px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e1e3;transform:translateY(-50%)}.auth-divider span{display:inline-block;padding:0 14px;background:#fff;color:#999;font-size:13px;font-weight:500;position:relative;z-index:1}.auth-verification-info{background:#f8f9fa;border-radius:7px;padding:14px;margin-bottom:14px;text-align:center}.auth-verification-info p{margin:0 0 6px;color:#333;font-size:13px}.auth-verification-info p:last-child{margin:0;color:#666;font-size:11px}.auth-container{background:#ffffff;border-radius:1.25rem;padding:2rem 1.75rem;width:100%;max-width:28rem;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 25px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.auth-container{padding:1.75rem 1.25rem;border-radius:0;max-width:100%;margin:0;box-shadow:none;border:none;background:transparent}}@media (min-width:1024px){.auth-container{padding:2.25rem 1.75rem;max-width:28rem}}.auth-tabs{display:flex;gap:0;margin-bottom:0;border-radius:7px;background:#f5f5f7;padding:3px}.auth-tabs__tab{flex:1 1;padding:10px 16px;border:none;background:transparent;color:#666;font-size:14px;font-weight:600;cursor:pointer;border-radius:5px;transition:all .3s ease;white-space:nowrap}.auth-tabs__tab:disabled{cursor:not-allowed;opacity:.6}.auth-tabs__tab--active{background:#fff;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.1)}.auth-tabs__tab:focus{outline:2px solid #667eea;outline-offset:2px}@media (max-width:640px){.auth-tabs{margin-bottom:0}.auth-tabs__tab{font-size:.8125rem;padding:.625rem .875rem}}.google-signin-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.google-signin-button:disabled{cursor:not-allowed;opacity:.6}.google-signin-button:focus{outline:2px solid #667eea;outline-offset:2px}.google-signin-button__icon{flex-shrink:0}@keyframes googleSpinnerSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.google-signin-button__spinner{display:inline-block;width:18px;height:18px;border:2px solid #e0e0e0;border-top-color:#4285f4;border-radius:50%;animation:googleSpinnerSpin .8s linear infinite}.google-signin-button--loading{cursor:not-allowed}@media (max-width:640px){.google-signin-button{padding:.875rem 1.25rem;font-size:.9375rem}}.auth-alerts{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;width:100%;min-height:0}.auth-alerts--empty{margin-bottom:0;min-height:0}.auth-alerts__item{margin:0;animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-alerts:first-child{margin-top:0}@media (max-width:640px){.auth-alerts{gap:.75rem;margin-bottom:1.5rem}.auth-alerts--empty{margin-bottom:0}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-modal);animation:slideUp .4s var(--ease-out);pointer-events:none}.cookie-banner__container{background:var(--color-white);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px rgba(0,0,0,.08);padding:var(--space-4);max-width:var(--container-2xl);margin:0 auto;pointer-events:auto}@media (min-width:768px){.cookie-banner__container{padding:var(--space-6);border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0 auto}}.cookie-banner__content{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width:1024px){.cookie-banner__content{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-8)}}.cookie-banner__text{flex:1 1}.cookie-banner__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.cookie-banner__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.cookie-banner__link{color:var(--color-brand-primary);text-decoration:underline;transition:color var(--duration-fast) var(--ease-out)}.cookie-banner__link:hover{color:var(--color-brand-secondary)}.cookie-banner__actions{display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}@media (min-width:640px){.cookie-banner__actions{flex-direction:row;gap:var(--space-3)}}.cookie-banner__actions--right{justify-content:flex-end}.cookie-banner__button{font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;border:none;display:inline-flex;align-items:center;justify-content:center}.cookie-banner__button:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}.cookie-banner__button--primary{background:linear-gradient(135deg,#4a5568,#2d3748 35%,#1a202c 70%,#0f1419);color:var(--color-white);box-shadow:var(--shadow-sm)}.cookie-banner__button--primary:hover{background:linear-gradient(135deg,#5a6578,#3d4852 35%,#242832 70%,#151920);transform:translateY(-1px);box-shadow:var(--shadow-md)}.cookie-banner__button--primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.cookie-banner__button--secondary{background:var(--color-white);color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.cookie-banner__button--secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.cookie-banner__button--text{background:transparent;color:var(--color-text-secondary);padding:var(--space-2) var(--space-3)}.cookie-banner__button--text:hover{color:var(--color-text-primary);background:var(--color-gray-50)}.cookie-banner__settings{display:flex;flex-direction:column;gap:var(--space-4);max-height:80vh;overflow-y:auto}.cookie-banner__settings-header{display:flex;align-items:center;gap:var(--space-2)}.cookie-banner__settings-header .cookie-banner__title{margin:0;line-height:1}.cookie-banner__back-icon{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0;transition:color var(--duration-fast) var(--ease-out);flex-shrink:0;width:24px;height:24px;margin-left:calc(var(--space-1) * -1)}.cookie-banner__back-icon:hover{color:var(--color-text-primary)}.cookie-banner__back-icon:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}.cookie-banner__back-icon svg{display:block}.cookie-banner__options{display:flex;flex-direction:column;gap:var(--space-4)}.cookie-banner__option{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-lg)}.cookie-banner__option-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.cookie-banner__option-label{display:flex;align-items:baseline;gap:var(--space-2);cursor:pointer;flex:1 1}.cookie-banner__option-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.cookie-banner__option-status{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.cookie-banner__option-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.cookie-banner__toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.cookie-banner__toggle-input{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;margin:0;cursor:pointer;z-index:1}.cookie-banner__toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-gray-300);transition:var(--duration-normal);border-radius:var(--radius-full)}.cookie-banner__toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--color-white);transition:var(--duration-normal);border-radius:50%}.cookie-banner__toggle-input:checked+.cookie-banner__toggle-slider{background-color:var(--color-brand-primary)}.cookie-banner__toggle-input:checked+.cookie-banner__toggle-slider:before{transform:translateX(20px)}.cookie-banner__toggle-input:focus+.cookie-banner__toggle-slider{box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-brand-primary)}.cookie-banner__toggle--disabled{opacity:.5;cursor:not-allowed}.cookie-banner__toggle--disabled .cookie-banner__toggle-input{cursor:not-allowed}.cookie-banner__toggle--disabled .cookie-banner__toggle-slider{cursor:not-allowed;background-color:var(--color-gray-400)}@media (max-width:640px){.cookie-banner__title{font-size:var(--text-base)}.cookie-banner__description{font-size:var(--text-xs)}.cookie-banner__button{width:100%;padding:var(--space-3) var(--space-4)}}@media (prefers-reduced-motion:reduce){.cookie-banner{animation:none}}.sign-in-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sign-in-modal{background:white;border-radius:16px;padding:32px;max-width:480px;width:90%;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);position:relative;z-index:10000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sign-in-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s;color:#6b7280}.sign-in-modal-close:hover{background-color:#f3f4f6;color:#111827}.sign-in-modal-content{display:flex;flex-direction:column;align-items:center;text-align:center}.sign-in-modal-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px;flex-wrap:wrap}.sign-in-modal-logo{width:40px;height:auto;flex-shrink:0;margin-top:-3px}.sign-in-modal-message{font-size:20px;font-weight:600;color:#111827;margin:0;line-height:1.4}.sign-in-modal-actions{display:flex;flex-direction:column;gap:12px;width:100%}.sign-in-modal-button{padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none;width:100%}.sign-in-modal-button.primary{background:linear-gradient(135deg,#4a5568,#2d3748 35%,#1a202c 70%,#0f1419);color:white}.sign-in-modal-button.primary:hover{background:linear-gradient(135deg,#5a6578,#3d4852 35%,#242832 70%,#151920);transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(0,0,0,.3)}.sign-in-modal-button.primary:active{transform:translateY(0)}.sign-in-modal-button.secondary{background:#f3f4f6;color:#374151}.sign-in-modal-button.secondary:hover{background:#e5e7eb}.sign-in-modal-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.sign-in-modal{padding:24px;max-width:100%;margin:16px}.sign-in-modal-header{gap:10px;margin-bottom:24px}.sign-in-modal-logo{width:32px}.sign-in-modal-message{font-size:16px}.sign-in-modal-button{font-size:14px;padding:12px 20px}}@media (max-width:375px){.sign-in-modal{padding:20px}.sign-in-modal-header{gap:8px;margin-bottom:20px}.sign-in-modal-logo{width:28px}.sign-in-modal-message{font-size:15px}}.hashtag-selector{width:100%}.hashtag-selector__preset{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.hashtag-selector__tag{padding:7px 15px;border:2px solid #ddd;border-radius:20px;background:#fff;cursor:pointer;font-size:14px;font-weight:400;color:#666;transition:transform .1s ease,background .15s ease,border-color .15s ease;line-height:1.4;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;will-change:transform}.hashtag-selector__tag:hover:not(:disabled):not(.hashtag-selector__tag--selected){background:#f5f5f5;border-color:#bbb}.hashtag-selector__tag--selected{background:#fff;border-color:var(--brand-primary,#4338ca);color:#000;font-weight:500}.hashtag-selector--disabled .hashtag-selector__tag--selected{color:#9ca3af;border-color:#d1d5db}.hashtag-selector__tag--selected:hover:not(:disabled){background:#f9f9f9}.hashtag-selector__tag:active:not(:disabled){transform:scale(.95)}.hashtag-selector__tag:disabled{cursor:not-allowed;opacity:.6}.hashtag-selector__add-button{width:40px;height:40px;min-width:40px;min-height:40px;border:1px solid #ddd;border-radius:20px;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;color:#666;transition:transform .1s ease,background-color .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;will-change:transform}.hashtag-selector__add-button svg{display:block;flex-shrink:0}.hashtag-selector__add-button:hover:not(:disabled){background-color:#f9f9f9;color:#000}.hashtag-selector__add-button:active:not(:disabled){transform:scale(.95)}.hashtag-selector__add-button:disabled{cursor:not-allowed;opacity:.5;color:#999}.hashtag-selector__custom-input-wrapper{margin-top:12px;margin-bottom:8px;width:100%}.hashtag-selector__custom-input{display:flex;gap:4px;align-items:center;width:100%}.hashtag-selector__input{padding:7px 12px;border:2px solid #ddd;border-radius:20px;font-size:14px;font-weight:400;outline:none;flex:1 1;min-width:0;line-height:1.4}.hashtag-selector__confirm-button{width:32px;height:32px;border:none;border-radius:16px;background-color:#000;color:#fff;cursor:pointer;font-size:18px;font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .1s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;will-change:transform}.hashtag-selector__confirm-button:active:not(:disabled){transform:scale(.9)}.hashtag-selector__confirm-button:disabled{background-color:#ddd;cursor:not-allowed}.hashtag-selector__cancel-button{width:32px;height:32px;border:none;border-radius:16px;background-color:#f0f0f0;cursor:pointer;font-size:18px;font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .1s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;will-change:transform}.hashtag-selector__cancel-button:active:not(:disabled){transform:scale(.9)}.hashtag-selector__cancel-button:disabled{cursor:not-allowed}.hashtag-selector__custom-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hashtag-selector__custom-tag{position:relative;padding:7px 32px 7px 15px;border:2px solid var(--brand-primary,#4338ca);border-radius:20px;background:#fff;font-size:14px;font-weight:500;color:#000;transition:transform .1s ease,background .15s ease;line-height:1.4;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;will-change:transform}.hashtag-selector--disabled .hashtag-selector__custom-tag{color:#9ca3af;border-color:#d1d5db}.hashtag-selector__custom-tag:hover{background:#f9f9f9}.hashtag-selector__custom-tag:active{transform:scale(.95)}.hashtag-selector__remove-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;font-size:20px;line-height:1;color:#666;transition:color .15s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.hashtag-selector__remove-button:hover:not(:disabled){color:#000}.hashtag-selector__remove-button:active:not(:disabled){transform:translateY(-50%) scale(.9)}.hashtag-selector__remove-button:disabled{cursor:not-allowed}.social-handle-input{display:flex;flex-direction:column;gap:16px;width:100%}.social-handle-input__icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:16px;gap:16px;max-width:400px}.social-handle-input__icon-container{position:relative;border:2px solid #e5e7eb;border-radius:12px;background:#fff;transition:all .2s ease}.social-handle-input__icon-container:hover:not(.social-handle-input--disabled *){border-color:#00c2a8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,194,168,.15)}.social-handle-input--disabled .social-handle-input__icon-container:hover{border-color:inherit;transform:none;box-shadow:none}.social-handle-input__icon-container--filled{border-color:#4338ca;background:linear-gradient(135deg,rgba(0,194,168,.05),rgba(67,56,202,.05))}.social-handle-input--disabled .social-handle-input__icon-container--filled{border-color:#9ca3af;background:#f9fafb}.social-handle-input__icon-container--active{border-color:#00c2a8;box-shadow:0 0 0 3px rgba(0,194,168,.1)}.social-handle-input__icon-button{width:100%;padding:20px 12px;border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s ease}.social-handle-input__icon-button:disabled{cursor:not-allowed;opacity:.5}.social-handle-input__icon-button:active:not(:disabled){transform:scale(.95)}.social-handle-input__icon{font-size:32px;line-height:1;color:#6b7280;transition:color .2s ease,opacity .2s ease}.social-handle-input__icon-button:disabled .social-handle-input__icon{opacity:.5}.social-handle-input__icon--INSTAGRAM,.social-handle-input__icon--instagram{color:#E4405F}.social-handle-input__icon--TIKTOK,.social-handle-input__icon--tiktok{color:#000000}.social-handle-input__icon--YOUTUBE,.social-handle-input__icon--youtube{color:#FF0000}.social-handle-input__icon-label{font-size:12px;font-weight:500;color:#000;text-transform:capitalize;transition:color .2s ease}.social-handle-input__icon-button:disabled .social-handle-input__icon-label{color:#9ca3af}.social-handle-input__icon-container--filled .social-handle-input__icon-label{font-weight:600}.social-handle-input__icon-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:#9ca3af;color:#fff;font-size:16px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.social-handle-input__icon-remove:hover:not(:disabled){background:#6b7280;transform:scale(1.1)}.social-handle-input__icon-remove:disabled{cursor:not-allowed;opacity:.5}.social-handle-input__edit-panel{border:2px solid #00c2a8;border-radius:12px;padding:20px;background:linear-gradient(135deg,rgba(0,194,168,.02),rgba(67,56,202,.02));animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.social-handle-input__edit-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.social-handle-input__edit-icon{font-size:24px;line-height:1;color:#6b7280}.social-handle-input__edit-icon.social-handle-input__icon--INSTAGRAM,.social-handle-input__edit-icon.social-handle-input__icon--instagram{color:#E4405F}.social-handle-input__edit-icon.social-handle-input__icon--TIKTOK,.social-handle-input__edit-icon.social-handle-input__icon--tiktok{color:#000000}.social-handle-input__edit-icon.social-handle-input__icon--YOUTUBE,.social-handle-input__edit-icon.social-handle-input__icon--youtube{color:#FF0000}.social-handle-input__edit-title{font-size:16px;font-weight:600;color:#1f2937;text-transform:capitalize}.social-handle-input__edit-body{display:flex;flex-direction:column;gap:12px}.social-handle-input__edit-actions{display:flex;gap:8px}.social-handle-input__cancel-button,.social-handle-input__save-button{flex:1 1;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.social-handle-input__save-button{background:linear-gradient(135deg,#00c2a8,#4338ca);color:#fff}.social-handle-input__save-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(67,56,202,.3)}.social-handle-input__save-button:disabled{opacity:.5;cursor:not-allowed}.social-handle-input__cancel-button{background:#f3f4f6;color:#6b7280}.social-handle-input__cancel-button:hover:not(:disabled){background:#e5e7eb}.social-handle-input__cancel-button:disabled{opacity:.5;cursor:not-allowed}.social-handle-input__saved-handles{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.social-handle-input__saved-item{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.social-handle-input__saved-icon{font-size:20px;line-height:1;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.social-handle-input--disabled .social-handle-input__saved-icon{opacity:.5}.social-handle-input__saved-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:capitalize;min-width:70px}.social-handle-input__saved-handle{font-size:14px;color:#1f2937;font-weight:500;transition:color .2s ease}.social-handle-input--disabled .social-handle-input__saved-handle,.social-handle-input--disabled .social-handle-input__saved-label{color:#9ca3af}@media (max-width:640px){.social-handle-input__icons{grid-template-columns:repeat(3,1fr);gap:12px}.social-handle-input__icon-button{padding:16px 8px}.social-handle-input__icon{font-size:28px}.social-handle-input__icon-label{font-size:11px}.social-handle-input__edit-panel{padding:16px}}.creator-profile-card{position:relative;display:flex;flex-direction:column;background:white;border:2px solid var(--color-border);border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);aspect-ratio:3/5;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.creator-profile-card:hover:not(.has-offer){border-color:#4338ca;box-shadow:0 8px 24px rgba(67,56,202,.2);transform:translateY(-4px)}.creator-profile-card.selected{border-color:#4338ca;background:linear-gradient(180deg,rgba(67,56,202,.03),white);box-shadow:0 8px 24px rgba(67,56,202,.25)}.creator-profile-card.has-offer{opacity:.5;cursor:not-allowed;background:var(--color-gray-50);border-color:var(--color-border)}.creator-profile-card.has-offer:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.08)}.creator-card-header{position:absolute;top:12px;right:12px;left:12px;display:flex;align-items:center;justify-content:space-between;z-index:10;pointer-events:none}.creator-card-header>*{pointer-events:auto}.creator-profile-checkbox{width:24px;height:24px;cursor:pointer;accent-color:#4338ca;background:white;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);flex-shrink:0}.creator-profile-checkbox:disabled{cursor:not-allowed;opacity:.5}.creator-minimum-pay-badge{display:flex;align-items:center;padding:8px 14px;background:rgba(5,150,105,.95);color:white;font-size:13px;font-weight:var(--font-weight-bold);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:all .2s ease;line-height:1}.creator-minimum-pay-badge:hover{background:rgba(5,150,105,1);transform:scale(1.05)}.creator-profile-image{position:relative;width:100%;height:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-image{width:100%;height:100%;object-fit:cover}.profile-placeholder{color:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.offer-badge{position:absolute;bottom:12px;left:12px;padding:6px 12px;background:#059669;color:white;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.creator-profile-info{padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1 1;min-height:0;overflow:hidden}.creator-profile-name{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;letter-spacing:.3px}.creator-stats{display:flex;gap:var(--space-2);margin-bottom:0;flex-wrap:wrap;align-items:center}.creator-rank-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;white-space:nowrap;min-width:60px}.creator-followers{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.creator-followers svg{flex-shrink:0}.creator-social{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:0}.social-handle{gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary)}.social-handle,.social-icon{display:flex;align-items:center}.social-icon{justify-content:center;width:20px;height:20px;background:#4338ca;color:white;font-size:10px;font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0}.social-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-medium)}.creator-hashtags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.hashtag{background:rgba(67,56,202,.08);color:#4338ca;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.hashtag,.hashtag-more{display:inline-block;padding:4px 8px;font-size:10px;font-weight:var(--font-weight-semibold)}.hashtag-more{color:var(--color-text-tertiary)}@media (max-width:768px){.creator-profile-card{border-radius:16px}.creator-profile-info{padding:var(--space-5) var(--space-4);gap:var(--space-2)}.creator-profile-name{font-size:13px;margin-bottom:0;font-weight:var(--font-weight-bold)}.creator-stats{gap:var(--space-2);margin-bottom:0}.creator-rank-badge{padding:3px 8px;font-size:9px;min-width:55px}.creator-followers{font-size:11px}.creator-followers svg{width:12px;height:12px}.social-handle{font-size:11px}.social-icon{width:18px;height:18px;font-size:9px}.hashtag,.hashtag-more{padding:3px 6px;font-size:9px}.creator-card-header{top:10px;right:10px;left:10px}.creator-profile-checkbox{width:22px;height:22px}.creator-minimum-pay-badge{font-size:12px;padding:7px 12px;border-radius:8px}}@media (max-width:480px){.creator-profile-card{border-radius:14px}.creator-profile-info{padding:var(--space-5) var(--space-4)}.creator-profile-name{font-size:13px;margin-bottom:0;font-weight:var(--font-weight-bold)}.creator-rank-badge{font-size:9px;padding:3px 9px;min-width:58px}.creator-followers,.social-handle{font-size:11px}.hashtag,.hashtag-more{font-size:9px}.creator-card-header{top:10px;right:10px;left:10px}.creator-profile-checkbox{width:26px;height:26px}.creator-minimum-pay-badge{font-size:13px;padding:8px 14px;border-radius:9px}}.brand-profile-card{position:relative;display:flex;flex-direction:column;background:white;border:2px solid var(--color-border);border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);aspect-ratio:3/4}.brand-profile-card:hover{border-color:#4338ca;box-shadow:0 8px 24px rgba(67,56,202,.2);transform:translateY(-4px)}.brand-profile-image{position:relative;height:60%;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.brand-placeholder,.brand-profile-image{width:100%;display:flex;align-items:center;justify-content:center}.brand-placeholder{color:rgba(255,255,255,.9);height:100%}.brand-profile-info{padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);flex:1 1;min-height:0;overflow:hidden;align-items:center;justify-content:center;text-align:center}.brand-profile-id{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-family:monospace;letter-spacing:.3px}.brand-profile-id,.brand-profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.brand-profile-name{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}@media (max-width:768px){.brand-profile-card{border-radius:16px}.brand-profile-info{padding:var(--space-5) var(--space-4);gap:var(--space-2)}.brand-profile-id{font-size:11px}.brand-profile-name{font-size:13px}}@media (max-width:480px){.brand-profile-card{border-radius:14px}.brand-profile-info{padding:var(--space-5) var(--space-4)}.brand-profile-id{font-size:11px}.brand-profile-name{font-size:13px}}.detail-panel{display:flex;flex-direction:column;gap:var(--space-8)}.detail-panel__section{display:flex;flex-direction:column;gap:var(--space-4)}.detail-panel__section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--leading-tight);padding-bottom:var(--space-2);border-bottom:2px solid var(--border-secondary)}.detail-panel__info-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:1fr}.detail-panel__info-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--surface-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-secondary)}.detail-panel__info-item--full{flex-direction:column;align-items:stretch}.detail-panel__label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);flex-shrink:0;min-width:120px}.detail-panel__value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);word-break:break-word;text-align:right;flex:1 1;min-width:0}.detail-panel__value--text{text-align:left;white-space:pre-wrap;line-height:var(--leading-relaxed)}.detail-panel__value--link a{color:var(--color-brand-primary);text-decoration:none;word-break:break-all}.detail-panel__value--link a:hover{text-decoration:underline}.detail-panel__value--code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:var(--text-xs);background:var(--surface-tertiary);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-sm);border:1px solid var(--border-primary)}.detail-panel__assets-grid{display:flex;flex-direction:column;gap:0;align-items:flex-start;width:100%}.detail-panel__asset-card{background:var(--surface-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--duration-normal) var(--ease-out);width:100%;max-width:400px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.detail-panel__asset-card:hover{border-color:var(--color-brand-primary);box-shadow:0 4px 16px rgba(67,56,202,.15);transform:translateY(-2px)}.detail-panel__sequence-arrow{display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;padding:var(--space-4) 0;color:#94a3b8}.detail-panel__sequence-arrow svg{opacity:.7;transition:all var(--duration-fast) var(--ease-out)}.detail-panel__sequence-arrow:hover svg{opacity:1;transform:translateY(2px)}.detail-panel__asset-preview{aspect-ratio:4/3;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;min-height:200px;max-height:300px;padding:var(--space-4)}.detail-panel__asset-image,.detail-panel__asset-video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.detail-panel__asset-audio{width:100%;padding:var(--space-4);display:flex;align-items:center;justify-content:center}.detail-panel__audio-player{width:100%;max-width:100%}.detail-panel__asset-file-icon{width:64px;height:64px;color:var(--text-tertiary)}.detail-panel__asset-file-icon svg{width:100%;height:100%}.detail-panel__asset-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative}.detail-panel__asset-loading:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.4) 0,transparent 70%);animation:detail-panel-pulse 2s ease-in-out infinite}.detail-panel__asset-spinner{width:48px;height:48px;border:4px solid rgba(0,0,0,.1);border-top-color:#3b82f6;border-radius:50%;animation:detail-panel-spin .8s linear infinite;position:relative;z-index:1}@keyframes detail-panel-spin{to{transform:rotate(1turn)}}@keyframes detail-panel-pulse{0%,to{opacity:.5}50%{opacity:1}}.detail-panel__asset-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);text-align:center}.detail-panel__asset-fallback-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);max-width:100%;word-break:break-word}.detail-panel__asset-info{padding:var(--space-4) var(--space-5);border-top:1px solid #e5e7eb;background:linear-gradient(180deg,#ffffff 0,#f9fafb);min-height:60px;display:flex;align-items:center;justify-content:center}.detail-panel__asset-description{font-size:var(--text-sm);color:#374151;line-height:var(--leading-relaxed);word-break:break-word;text-align:center;font-weight:var(--font-weight-medium)}.detail-panel__qr-code{display:flex;align-items:center;justify-content:flex-start;padding:var(--space-4);background:var(--surface-tertiary);border-radius:var(--border-radius-md);margin-top:var(--space-2);max-width:500px}.detail-panel__qr-image{max-width:200px;width:100%;height:auto;border-radius:var(--border-radius-sm)}.detail-panel__qr-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.detail-panel__qr-spinner{width:48px;height:48px;border:4px solid var(--border-secondary);border-top-color:var(--color-brand-primary);border-radius:50%;animation:detail-panel-spin .8s linear infinite}.detail-panel__actions{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-6);margin-top:var(--space-6);border-top:2px solid var(--border-secondary)}@media (max-width:768px){.detail-panel{gap:var(--space-6)}.detail-panel__assets-grid{align-items:flex-start}.detail-panel__asset-card,.detail-panel__sequence-arrow{max-width:100%}.detail-panel__asset-preview{min-height:180px;max-height:250px}.detail-panel__info-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.detail-panel__label{min-width:unset}.detail-panel__value{text-align:left}}@media (max-width:480px){.detail-panel{gap:var(--space-5)}.detail-panel__section{gap:var(--space-3)}.detail-panel__section-title{font-size:var(--text-base)}.detail-panel__assets-grid{gap:var(--space-3)}}.detail-subsection{position:relative;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-secondary)}.detail-subsection--no-divider,.detail-subsection:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-subsection--expanded{padding-top:var(--space-4);padding-bottom:var(--space-4)}.detail-subsection--clickable{cursor:pointer}.detail-subsection-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-4) 0}.detail-subsection-chevron-container{position:absolute;top:var(--space-3);right:var(--space-4);cursor:pointer;padding:var(--space-2);transition:all var(--duration-fast) var(--ease-out);z-index:1}.detail-subsection-chevron-container:hover{opacity:.7}.detail-subsection-chevron{width:20px;height:20px;color:var(--text-secondary);transition:transform var(--duration-normal) var(--ease-out);flex-shrink:0}.detail-subsection-chevron.expanded{transform:rotate(180deg)}.detail-subsection-subtitle{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin:var(--space-4) 0 var(--space-3) 0}.detail-item{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-tertiary)}.detail-item:last-child{border-bottom:none}.detail-item--full{flex-direction:column;align-items:flex-start}.detail-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-width:140px;flex-shrink:0}.detail-value{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-weight-medium);text-align:right;word-break:break-word}.detail-value--link{color:var(--brand-primary);text-decoration:none;transition:opacity var(--duration-normal) var(--ease-out)}.detail-value--link:hover{text-decoration:underline;opacity:.8}.detail-value--code{font-family:Courier New,monospace;padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-sm);display:inline-block;border:1px solid var(--border-primary);font-size:var(--text-sm)}.detail-text,.detail-value--code{background:var(--surface-secondary)}.detail-text{line-height:var(--leading-relaxed);white-space:pre-wrap;margin:0;padding:var(--space-3);border-radius:var(--border-radius-sm);border-left:3px solid var(--brand-primary);width:100%}