@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";body{margin:0}#root{width:100%;height:100vh}*{-webkit-user-select:none;user-select:none}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.layout-renderer{flex:1;position:relative;margin:0 auto;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.layout-renderer.active{opacity:1;transform:scale(1)}.layout-renderer.inactive{opacity:.5;transform:scale(.95)}.layout-renderer:hover{box-shadow:0 12px 48px #0006}.main-preview-layout{background:#2a2a2a;border:1px solid #444}.layout-debug-overlay{position:absolute;top:8px;right:8px;background:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;pointer-events:none;z-index:10;display:none;visibility:hidden}.layout-info{display:flex;flex-direction:column;gap:2px}.layout-name{font-weight:600;color:var(--color-primary, #EB8445)}.layout-duration{opacity:.8}.layout-zones{opacity:.6;font-size:10px}.zone-renderer{transition:all .2s ease;position:relative}.zone-renderer.active{opacity:1}.zone-renderer.inactive{opacity:.7}.zone-renderer:hover{filter:brightness(1.1)}.zone-renderer img,.zone-renderer video,.zone-renderer iframe{transition:opacity .3s ease;object-fit:fill!important}.zone-renderer.transitioning img,.zone-renderer.transitioning video,.zone-renderer.transitioning iframe{opacity:0}.zone-renderer .empty-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#888;text-align:center;font-size:14px;line-height:1.4}.zone-renderer .empty-zone .zone-name{font-weight:500;margin-bottom:4px}.zone-renderer .empty-zone .zone-subtitle{opacity:.7;font-size:12px}.zone-renderer .zone-loading{display:flex;align-items:center;justify-content:center;height:100%;background:#0000001a}.zone-renderer .zone-loading .spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.2);border-top:2px solid var(--color-primary, #EB8445);border-radius:50%;animation:spin 1s linear infinite}.zone-renderer .asset-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#ff00001a;color:#ff6b6b;text-align:center;padding:8px;font-size:12px}.zone-renderer .asset-error .error-icon{font-size:20px;margin-bottom:4px}@media(max-width:768px){.layout-renderer{max-width:100%;margin:0}.layout-debug-overlay{top:4px;right:4px;padding:4px 8px;font-size:10px}.zone-renderer .empty-zone{font-size:12px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.zone-renderer.fade-enter{animation:fadeIn .3s ease}.zone-renderer.fade-exit{animation:fadeOut .3s ease}.layout-renderer.slide-enter{animation:slideInFromRight .5s ease}.layout-renderer.slide-exit{animation:slideOutToLeft .5s ease}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@media(prefers-contrast:high){.layout-renderer{border:2px solid #fff}.zone-renderer{border:1px solid #ccc}.layout-debug-overlay,.zone-renderer .zone-debug-overlay{background:#000;border:1px solid #fff}}.zone-asset-player{position:relative;width:100%;height:100%;min-width:100px;min-height:56px}.image-player,.video-player,.web-player{transition:opacity .3s ease}.image-player.error,.video-player.error,.web-player.error{background:#ff6b6b1a;border:1px dashed rgba(255,107,107,.3)}.image-player .loading-spinner,.video-player .loading-spinner,.web-player .loading-spinner{animation:spin 1s linear infinite}.video-player video{border-radius:4px}.web-player iframe{border-radius:4px;background:#fff}.zone-renderer .asset-transition-enter{opacity:0;transform:scale(.95)}.zone-renderer .asset-transition-enter-active{opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease}.zone-renderer .asset-transition-exit{opacity:1;transform:scale(1)}.zone-renderer .asset-transition-exit-active{opacity:0;transform:scale(1.05);transition:opacity .3s ease,transform .3s ease}.zone-renderer .asset-error{background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d);border:1px dashed rgba(255,107,107,.3)}.zone-renderer .asset-loading{background:linear-gradient(135deg,#eb84451a,#eb84450d)}@media(prefers-reduced-motion:reduce){.layout-renderer,.zone-renderer,.zone-renderer img,.zone-renderer video,.zone-renderer iframe,.image-player,.video-player,.web-player{transition:none}.layout-renderer.slide-enter,.layout-renderer.slide-exit,.zone-renderer.fade-enter,.zone-renderer.fade-exit,.zone-renderer .asset-transition-enter-active,.zone-renderer .asset-transition-exit-active{animation:none}}.pod-creation-form{padding:1rem 1rem 40px;background:var(--color-bg-secondary);border-radius:8px;flex:1;display:flex;flex-direction:column}.pod-creation-form .form-input{background:var(--color-dark-bg)}.target-dropdown{position:relative}.target-dropdown-trigger{padding-right:20px!important;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.target-dropdown-trigger:hover{border-color:var(--color-primary)}.target-dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;max-height:300px;overflow-y:auto;box-shadow:0 4px 12px #00000026}.target-hierarchy{padding:.5rem 0}.target-option{display:flex;align-items:center;padding:.5rem 1rem;cursor:pointer}.target-option:hover{background:var(--color-bg-secondary)}.target-radio,.target-checkbox{margin-right:.5rem;cursor:pointer}.target-label{cursor:pointer;font-size:.875rem;color:var(--color-text-primary)}.sub-targets{margin-left:1rem;border-left:1px solid var(--color-border)}.sub-target-group{margin-bottom:.25rem}.nested-targets{margin-left:1rem;border-left:1px solid var(--color-border-light)}.nested-targets .target-option{padding:.25rem 1rem}.pod-creation-form .form-actions{display:flex;gap:.5rem;margin-top:1rem;border-top:none}.media-pod-layout .dashboard-main{display:flex;flex:1;overflow:hidden}.media-pod-layout .media-pod-sidebar{width:330px!important;background:var(--color-sidebar-bg);flex-shrink:0;overflow-y:auto}.media-pod-layout .dashboard-content{flex:1;display:flex;flex-direction:column;padding:20px;background:var(--color-body-bg);overflow:hidden}.media-pod-layout .dashboard-right-panel{width:440px;background:var(--color-right-panel-bg);flex-shrink:0;padding:0;overflow:hidden}.media-pod-layout .pod-sidebar{height:100%;display:flex;flex-direction:column}.media-pod-layout .pod-sidebar-header{padding:16px 20px;display:flex;flex-direction:column;gap:16px}.media-pod-layout .pod-sidebar-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.media-pod-layout .pod-search-container{margin-bottom:4px}.media-pod-layout .pod-search-input{display:flex;align-items:center;padding:8px 12px;background:var(--color-dark-bg);border-radius:6px}.media-pod-layout .pod-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.media-pod-layout .pod-header-title{font-size:16px;font-weight:var(--font-weight-medium);color:"var(--color-text-primary)"}.media-pod-layout .pod-sort-section{display:flex;align-items:center;gap:4px}.media-pod-layout .pod-column-headers{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.media-pod-layout .pod-tree-list{flex:1;overflow-y:auto;padding:16px 0}.media-pod-layout .pod-tree-item{padding:8px 12px;cursor:pointer;border-radius:4px;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.media-pod-layout .pod-tree-item:hover{background:#ffffff0d}.media-pod-layout .pod-tree-item.account-item{font-weight:var(--font-weight-medium);margin-bottom:4px}.media-pod-layout .pod-tree-item.region-item{margin-bottom:4px}.media-pod-layout .pod-tree-pod{padding:10px 20px;cursor:pointer;transition:all var(--transition-base);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none}.media-pod-layout .pod-tree-pod:hover{background:#ffffff0d}.media-pod-layout .pod-tree-pod.selected{background:#3c446dcc}.media-pod-layout .pod-tree-pod.selected:hover{background:#3c446de6}.media-pod-layout .pod-content{display:flex;justify-content:space-between;align-items:center;width:100%}.media-pod-layout .pod-info{display:flex;flex-direction:column;gap:2px}.media-pod-layout .pod-name{font-size:14px;color:var(--color-text-primary);font-weight:var(--font-weight-normal)}.media-pod-layout .pod-locations{font-size:12px;color:var(--color-text-secondary)}.media-pod-layout .pod-locations.clickable{cursor:pointer;transition:color .2s ease;text-decoration:underline}.media-pod-layout .pod-locations.clickable:hover{color:var(--color-brand)}.media-pod-layout .pod-tree-pod.selected .pod-date,.media-pod-layout .pod-tree-pod.selected .pod-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.pod-location-details-dropdown{background:var(--color-dark-bg);border:1px solid #4A505C;border-radius:8px;box-shadow:0 8px 24px #0000004d;max-height:300px;overflow:hidden;font-family:var(--font-family);z-index:9999}.pod-location-details-content{max-height:300px;overflow-y:auto}.pod-location-details-loading{display:flex;align-items:center;gap:8px;padding:16px;color:#b8bcc8;font-size:14px}.pod-location-details-loading .loading-spinner{width:16px;height:16px;border:2px solid #4A505C;border-top:2px solid var(--color-brand);border-radius:50%;animation:spin 1s linear infinite}.pod-location-details-error{display:flex;align-items:center;justify-content:space-between;padding:16px;color:var(--color-error);font-size:14px}.pod-location-details-error .retry-button{background:var(--color-error);color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.pod-location-details-error .retry-button:hover{background:var(--color-error-dark)}.pod-location-details-empty{padding:16px;text-align:center;color:#b8bcc8;font-size:14px;font-style:italic}.pod-location-details-item{padding:12px 16px;border-bottom:1px solid #4A505C;transition:background-color .2s ease}.pod-location-details-item:last-child{border-bottom:none}.pod-location-details-item .location-hierarchy{font-size:14px;color:#fff;line-height:1.4}.editable-time-cell{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:60px;min-height:20px;cursor:pointer;transition:all .2s ease}.editable-time-cell:not(.editing):not(.updating):hover{background:#ffffff0d;border-radius:4px;padding:4px 6px;margin:-4px -6px;display:flex;align-items:center;justify-content:center;min-height:20px}.editable-time-cell-disabled:not(.editing):not(.updating):hover{background:none}.editable-time-cell .time-display{color:var(--color-text-primary);font-size:14px;font-weight:500;line-height:1.4}.editable-time-cell.editing{cursor:default}.editable-time-cell .time-input{background:var(--color-brand);border:none;outline:none;color:var(--color-input-text);font-size:14px;font-weight:500;padding:4px 6px;width:60px;text-align:center;transition:border-color .2s ease}.editable-time-cell .time-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px #eb844533}.editable-time-cell .time-input.error{border-color:var(--color-error);box-shadow:0 0 0 2px #ef444433}.editable-time-cell .time-input-error{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--color-error);color:#fff;font-size:12px;padding:6px 8px;border-radius:4px;white-space:normal;max-width:280px;min-width:200px;text-align:center;line-height:1.3;z-index:10001;margin-top:2px;box-shadow:0 2px 4px #0003;pointer-events:none}.editable-time-cell .time-input-error:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--color-error)}.editable-time-cell.updating{cursor:default}.editable-time-cell-disabled{cursor:not-allowed!important;opacity:.6}.editable-time-cell-disabled:hover{background:none!important}.time-display-disabled{color:var(--color-text-secondary)!important}.editable-time-cell .time-updating{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--color-text-secondary);width:100%}.editable-time-cell .updating-spinner{width:12px;height:12px;border:2px solid var(--color-border);border-top:2px solid var(--color-brand);border-radius:50%;animation:spin 1s linear infinite}.media-pod-layout .pod-date{font-size:12px;color:var(--color-text-secondary);flex-shrink:0}.media-pod-layout .pod-sidebar-footer{padding:16px 20px 40px;display:flex;justify-content:center}.media-pod-layout .create-pod-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--color-brand);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);margin-bottom:20px}.media-pod-layout .create-pod-button:hover{background:var(--color-brand-hover);transform:translateY(-1px)}.media-pod-layout .create-pod-icon{width:16px;height:16px}.media-pod-layout .pod-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;height:100%}.media-pod-layout .timeline-builder{height:100%;display:flex;flex-direction:column;flex:1;position:relative}.media-pod-layout .timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;height:40px}.media-pod-layout .timeline-title{font-size:20px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.media-pod-layout .timeline-actions{display:flex;align-items:center;gap:12px}.media-pod-layout .timeline-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--color-text-primary);font-size:16px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.media-pod-layout .timeline-action-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.media-pod-layout .timeline-action-btn.duplicate-btn{color:var(--color-primary-action);border-color:var(--color-primary-action)}.media-pod-layout .timeline-action-btn.duplicate-btn:hover{background:#7eb9ff1a}.media-pod-layout .timeline-action-btn.delete-btn{color:var(--color-error);border-color:var(--color-error)}.media-pod-layout .timeline-action-btn.delete-btn .delete-icon{width:20px!important;height:24px!important;min-width:20px;min-height:24px;flex-shrink:0;display:inline-block;vertical-align:middle}.media-pod-layout .timeline-action-btn.delete-btn:hover .delete-icon{opacity:.8}.media-pod-layout .timeline-action-btn.delete-btn:hover{background:#ef44441a}.media-pod-layout .timeline-content{flex:1;display:flex;flex-direction:column;gap:20px;overflow:auto}.media-pod-layout .screen-format-selector{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.media-pod-layout .screen-format-dropdown{display:flex;align-items:center;gap:8px;cursor:pointer}.media-pod-layout .screen-format-icon{flex-shrink:0;width:50px;height:30px}.media-pod-layout .timeline-kebab-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:none;border-radius:6px;color:var(--color-primary-action);cursor:pointer;transition:all var(--transition-base)}.media-pod-layout .timeline-kebab-btn:hover{background:#ffffff0d;color:var(--color-text-primary)}.media-pod-layout .screen-format-time{font-size:16px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.media-pod-layout .drop-zone{flex:1;display:flex;align-items:center;justify-content:center;padding:30px;border:2px dashed #8B879E;background:var(--color-card-bg);transition:all var(--transition-base)}.media-pod-layout .drop-zone.drag-over{border-color:var(--color-brand);background:#eb84450d}.media-pod-layout .drop-zone-active{border-color:#c2c2ce;animation:dropZonePulse 2s ease-in-out infinite alternate}.media-pod-layout .drop-zone-content{text-align:center}.media-pod-layout .drop-zone-text{font-size:16px;color:#7b89a1}.media-pod-layout .timeline-assets-section{margin-top:24px}.media-pod-layout .timeline-assets-table{width:100%;border-collapse:collapse}.media-pod-layout .timeline-table-header{display:flex;align-items:center;padding:10px 20px;border-bottom:1px solid var(--color-border)}.media-pod-layout .timeline-table-cell{flex:1;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.media-pod-layout .timeline-table-cell.header-cell{color:var(--color-text-secondary)}.media-pod-layout .timeline-table-cell:first-child{flex:2}.media-pod-layout .timeline-table-cell:last-child{flex:2}.media-pod-layout .timeline-table-row{display:flex;align-items:center;padding:10px 20px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:14px;cursor:pointer;transition:all var(--transition-base)}.media-pod-layout .timeline-table-row:hover{background:#ffffff0d}.media-pod-layout .timeline-table-row.selected{background:#3c446dcc}.media-pod-layout .timeline-table-row.selected:hover{background:#3c446de6}.media-pod-layout .timeline-asset-content{display:flex;align-items:center;gap:12px}.media-pod-layout .drag-handle{color:var(--color-text-secondary);cursor:grab;flex-shrink:0}.media-pod-layout .drag-handle:active{cursor:grabbing}.media-pod-layout .asset-icon{color:var(--color-text-secondary);flex-shrink:0}.media-pod-layout .asset-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.media-pod-layout .timeline-actions-cell{display:flex;align-items:center;gap:8px;justify-content:flex-end}.media-pod-layout .kebab-menu{color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all var(--transition-base)}.media-pod-layout .kebab-menu:hover{background:#ffffff1a;color:var(--color-text-primary)}.media-pod-layout .delete-icon{color:var(--color-primary-action);cursor:pointer;padding:4px;border-radius:4px;transition:all var(--transition-base)}.media-pod-layout .delete-icon:hover{background:#7eb9ff1a}.media-pod-layout .timeline-tags{display:flex;flex-wrap:wrap;gap:6px}.media-pod-layout .timeline-tag{background:#ffffff1a;color:var(--color-text-secondary);padding:2px 8px;border-radius:12px;font-size:12px;white-space:nowrap}.media-pod-layout .add-screen-format{margin-top:24px}.media-pod-layout .add-screen-format-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--color-brand);font-size:16px;font-weight:var(--font-weight-medium);cursor:pointer;padding:8px 0;transition:all var(--transition-base)}.media-pod-layout .add-screen-format-btn:hover{color:var(--color-brand-hover)}.media-pod-layout .add-screen-format-btn svg{color:var(--color-brand)}.media-pod-layout .timeline-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.media-pod-layout .timeline-total{font-size:20px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.media-pod-layout .timeline-footer-actions{display:flex;align-items:center;gap:12px}.media-pod-layout .timeline-preview-btn{width:200px}.media-pod-layout .timeline-preview-btn:hover{background:#ffffff0d}.media-pod-layout .timeline-preview-btn.active{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.media-pod-layout .timeline-preview-btn.active:hover{background:var(--color-brand-hover)}.media-pod-layout .media-pod-library{height:100%;display:flex;flex-direction:column;background:var(--color-right-panel-bg)}.media-pod-layout .media-pod-library-header{padding:20px}.media-pod-layout .library-header-row{display:flex;justify-content:space-between;align-items:center}.media-pod-layout .library-title-section{display:flex;align-items:center;gap:8px}.media-pod-layout .library-icon{flex-shrink:0}.media-pod-layout .media-pod-library-title{font-size:18px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.media-pod-layout .library-location-dropdown{display:flex;align-items:center;gap:8px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all var(--transition-base);position:relative}.media-pod-layout .library-location-dropdown:hover{border-color:var(--color-brand)}.media-pod-layout .location-text{flex:1;font-size:14px;color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.media-pod-layout .media-pod-library-content{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:16px}.media-pod-layout .media-tabs-container{padding:0 20px}.media-pod-layout .media-tabs{display:flex;overflow-x:auto}.media-pod-layout .media-tab{flex:1;background:none;border:none;color:var(--color-text-primary);font-size:16px;font-weight:var(--font-weight-normal);cursor:pointer;padding:8px 10px;border-bottom:2px solid transparent;transition:all var(--transition-base)}.media-pod-layout .media-tab.active{color:var(--color-brand);font-weight:var(--font-weight-semibold);border-bottom-color:var(--color-brand)}.media-pod-layout .media-sort-container{display:none;padding:12px 20px;justify-content:flex-end;align-items:center;gap:8px}.media-pod-layout .sort-label{font-size:14px;color:var(--color-text-secondary)}.media-pod-layout .sort-select{background:transparent;border:none;color:var(--color-brand);font-size:14px;font-weight:var(--font-weight-semibold);cursor:pointer;padding:4px 20px 4px 8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 11L12 6H5L8.5 11Z' fill='white'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 4px center;background-size:12px}.media-pod-layout .sort-select:focus{outline:none;background-color:#ffffff0d;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 11L12 6H5L8.5 11Z' fill='white'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 4px center;background-size:12px}.media-pod-layout .sort-select option{background:var(--color-input-bg);color:var(--color-text-primary);padding:8px 12px}.media-pod-layout .sort-select option:hover{background:#3c446dcc}.media-pod-layout .custom-dropdown{position:relative;display:inline-block}.media-pod-layout .custom-dropdown-trigger{background:transparent;border:none;box-shadow:none;outline:none;cursor:pointer;border-radius:0;padding:0}.media-pod-layout .custom-dropdown-trigger:hover{border-color:var(--color-brand)}.media-pod-layout .custom-dropdown-trigger.focused{border-color:var(--color-brand);box-shadow:0 0 0 1px var(--color-brand)}.media-pod-layout .custom-dropdown-trigger.disabled{opacity:.5;cursor:not-allowed}.media-pod-layout .dropdown-content{display:flex;align-items:center;gap:8px}.media-pod-layout .dropdown-text{color:var(--color-text-primary);font-weight:var(--font-weight-normal)}.media-pod-layout .dropdown-arrow{transition:transform var(--transition-base);color:var(--color-text-secondary)}.media-pod-layout .dropdown-arrow.rotated{transform:rotate(180deg)}.media-pod-layout .custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 8px 10px 2px #13151c80;z-index:1000;margin-top:4px;overflow:hidden;max-height:200px;overflow-y:auto}.media-pod-layout .custom-dropdown-item{width:100%;background:transparent;border:none;padding:12px 16px;text-align:left;cursor:pointer;color:var(--color-text-primary);font-size:14px;font-weight:var(--font-weight-normal);transition:background-color var(--transition-base);display:flex;align-items:center;gap:8px}.media-pod-layout .custom-dropdown-item:hover{background:#ffffff0d}.media-pod-layout .custom-dropdown-item.selected{background:var(--color-brand);color:#fff}.media-pod-layout .custom-dropdown-item .dropdown-icon{flex-shrink:0}.media-pod-layout .screen-format-preview{display:flex;align-items:center}.media-pod-layout .format-dropdown-menu{position:absolute;top:100%;left:0;background:var(--color-dark-bg);border:1px solid var(--color-dark-border);border-radius:8px;box-shadow:0 8px 10px 2px #13151c80;z-index:1000;margin-top:4px;min-width:200px;overflow:hidden}.media-pod-layout .format-option{display:flex;align-items:center;gap:12px;padding:8px 12px;padding-inline-end:30px;cursor:pointer;transition:background-color var(--transition-base);border-bottom:1px solid var(--color-border)}.media-pod-layout .format-option img{width:80px;height:50px}.media-pod-layout .format-option:hover{background:#ffffff0d}.media-pod-layout .format-option.selected{background:#3c446dcc}.media-pod-layout .format-label{color:var(--color-text-primary);font-size:14px;font-weight:var(--font-weight-normal)}.media-pod-layout .format-option.selected .format-label{color:#fff}.media-pod-layout .location-dropdown-trigger{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:4px;background:var(--color-dark-bg);width:220px;transition:all var(--transition-base)}.media-pod-layout .location-dropdown-trigger:hover{border-color:var(--color-brand)}.media-pod-layout .location-dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--color-dark-bg);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 12px #00000026;overflow:hidden;padding:12px;max-height:350px;overflow-y:auto;margin-top:4px}.location-dropdown-menu-fixed{margin-top:0!important}.media-pod-layout .location-dropdown-menu *{-webkit-user-select:none;user-select:none}.media-pod-layout .location-hierarchy{display:flex;flex-direction:column;gap:8px}.media-pod-layout .location-option{display:flex;align-items:center;gap:12px;padding:8px 0}.media-pod-layout .location-radio{width:20px;height:20px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:50%;position:relative;transition:all var(--transition-base)}.media-pod-layout .location-radio:checked{border-color:var(--color-brand);background:transparent}.media-pod-layout .location-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--color-brand);border-radius:50%}.media-pod-layout .location-radio:hover:not(:disabled){border-color:var(--color-brand)}.media-pod-layout .location-radio.disabled{opacity:.5;cursor:not-allowed;border-color:#fff3}.media-pod-layout .location-radio:disabled{opacity:.5;cursor:not-allowed;border-color:#fff3}.media-pod-layout .location-label{display:flex;align-items:center;justify-content:space-between;flex:1;cursor:pointer;font-size:14px;color:var(--color-text-primary);margin-bottom:0}.pod-creation-form .location-dropdown-menu{padding:0}.pod-creation-form .location-dropdown-menu .location-hierarchy>div{border-bottom:1px solid var(--color-border);gap:0px}.pod-creation-form .location-dropdown-menu .location-option .location-label{padding:12px 0}.pod-creation-form .location-dropdown-menu .location-option{padding:0 12px}.expand-indicator{margin-left:auto;font-weight:700;color:var(--color-text-secondary);font-size:16px;line-height:1}.location-option{cursor:pointer;position:relative}.location-option .location-label{display:flex;align-items:center;width:100%}.location-dropdown-menu .location-option{-webkit-user-select:none;user-select:none}.media-pod-layout .location-label.disabled{opacity:.5;cursor:not-allowed;color:#ffffff80}.media-pod-layout .location-name{flex:1}.media-pod-layout .expand-icon{opacity:.6}.media-pod-layout .sub-locations,.media-pod-layout .nested-locations{margin-left:30px;display:flex;flex-direction:column;gap:4px}.media-pod-layout .sub-location-group{display:flex;flex-direction:column;gap:4px}.media-pod-layout .library-content-area{flex:1;padding:0 20px;overflow-y:auto}.media-pod-layout .library-list{display:flex;flex-direction:column}.media-pod-layout .library-list--item{display:flex;align-items:center;justify-content:space-between;padding:12px;cursor:pointer;transition:all var(--transition-base);border-bottom:1px solid var(--color-border)}.media-pod-layout .library-list--item:hover{background:#ffffff0d}.media-pod-layout .library-list--item-content,.drag-overlay-stack-container .library-list--item-content{display:flex;align-items:center;gap:8px}.media-pod-layout .tag-icon{color:var(--color-text-secondary)}.media-pod-layout .library-list--item-content .name{color:var(--color-text-primary);font-size:14px}.media-pod-layout .library-list--item .dimensions{color:var(--color-text-secondary);font-size:14px;font-weight:400;white-space:nowrap}.media-pod-layout .library-list--item .dimensions.nested{font-size:13px;color:var(--color-text-tertiary)}.tag-arrow{color:var(--color-text-secondary);transition:transform .2s ease;transform:rotate(-90deg)}.tag-arrow.expanded{transform:rotate(0)}.media-pod-layout .nested-items{margin-left:24px;display:flex;flex-direction:column}.media-pod-layout .library-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;padding:12px 0}.media-pod-layout .grid-item{aspect-ratio:1;background:var(--color-card-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--color-border);transition:all var(--transition-base);color:var(--color-text-secondary)}.media-pod-layout .grid-item:hover{background:#ffffff0d;color:var(--color-text-primary)}.media-pod-layout .library-list-view{display:flex;flex-direction:column}.media-pod-layout .library-list-view .library-list--item-content{gap:12px}.media-pod-layout .library-list-view .media-icon{color:var(--color-text-secondary);flex-shrink:0}.media-pod-layout .library-list-view .name{color:var(--color-text-primary);font-size:14px;font-weight:var(--font-weight-normal)}@media(max-width:1200px){.media-pod-layout .dashboard-sidebar{width:240px}.media-pod-layout .dashboard-right-panel{width:320px}}@media(max-width:768px){.media-pod-layout .dashboard-sidebar{width:200px}.media-pod-layout .dashboard-right-panel{display:none}}.pod-sidebar .loading-state{display:flex;justify-content:center;align-items:center;height:200px;padding:20px}.pod-sidebar .loading-text{color:var(--color-text-secondary);font-size:14px}.pod-sidebar .error-state{padding:20px;text-align:center}.pod-sidebar .error-text{color:var(--color-error);font-weight:600;margin-bottom:8px}.pod-sidebar .error-message{color:var(--color-text-secondary);font-size:13px;line-height:1.4}.pod-form{max-width:100%}.pod-form .form-section{margin-bottom:24px}.pod-form .section-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;border-bottom:1px solid var(--color-border);padding-bottom:8px}.pod-form .form-description{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px;line-height:1.4}.pod-form .loading-text{padding:12px;text-align:center;color:var(--color-text-secondary);font-style:italic}.pod-form .locations-selection{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:4px;padding:12px}.pod-form .state-group{margin-bottom:16px}.pod-form .state-group:last-child{margin-bottom:0}.pod-form .state-header{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--color-border-light)}.pod-form .locations-list{padding-left:12px}.pod-form .location-checkbox{display:flex;align-items:center;padding:6px 0;cursor:pointer;font-size:14px;color:var(--color-text-primary)}.pod-form .location-checkbox:hover{background-color:var(--color-background-hover);border-radius:4px;padding-left:4px;padding-right:4px}.pod-form .location-checkbox input[type=checkbox]{margin-right:8px;width:16px;height:16px}.pod-form .checkbox-label{font-weight:500}.pod-form .location-detail{color:var(--color-text-secondary);font-weight:400}.panel-loading-overlay{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--color-background-secondary);border-radius:8px;animation:loadingSlideIn .3s ease-out}.panel-loading-overlay.nested{min-height:120px;background:var(--color-background-primary);border-radius:6px;margin:10px 0}.panel-loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px}.panel-loading-title{margin-top:16px;font-size:16px;font-weight:600;color:var(--color-text-primary);line-height:1.4}.panel-loading-title.small{margin-top:12px;font-size:14px;font-weight:500}.panel-loading-subtitle{margin-top:6px;font-size:14px;font-weight:400;color:var(--color-text-secondary);line-height:1.3}@keyframes loadingSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-spinner.loading-spinner-small .spinner{width:20px;height:20px}.loading-spinner.loading-spinner-medium .spinner{width:24px;height:24px}@media(max-width:480px){.media-pod-layout .dashboard-sidebar{display:none}}.timeline-zones-section{margin-top:1rem}.layouts-loading,.layouts-error,.no-layouts{text-align:center;padding:2rem;color:#888}.layouts-error{color:#e74c3c}.layout-header{margin-bottom:1rem}.layout-info{display:flex;justify-content:space-between;align-items:center}.screen-format-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ffffff1a;border-radius:4px}.layout-time{font-family:SF Mono,monospace;font-size:.875rem;color:#fff}.layout-kebab-btn{background:none;border:none;color:#888;cursor:pointer;padding:.25rem;border-radius:4px}.layout-kebab-btn:hover{background:#ffffff1a;color:#fff}.zones-container{display:flex;flex-direction:column;gap:1rem}.zone-header{padding:.75rem;color:#fff;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:10px}.zone-color{width:16px;aspect-ratio:1 / 1}.zone-name{font-weight:600}.zone-dimensions{font-family:SF Mono,monospace;font-size:.75rem;opacity:.9}.zone-drop-area{min-height:120px;border:2px dashed rgba(255,255,255,.2);margin:1rem;border-radius:6px;position:relative}.zone-drop-content{padding:1rem;height:100%;display:flex;flex-direction:column;justify-content:center}.zone-empty-state{text-align:center;color:#888;font-size:.875rem}.zone-empty-state p{margin:0}.zone-items{display:flex;flex-direction:column;gap:.5rem}.zone-item{background:#ffffff1a;border-radius:4px;padding:.5rem .75rem}.zone-item-content{display:flex;align-items:center;gap:.5rem}.drag-handle{color:#888;cursor:grab}.drag-handle:active{cursor:grabbing}.item-name{flex:1;color:#fff;font-size:.875rem}.item-duration{font-family:SF Mono,monospace;font-size:.75rem;color:#888}.layout-items-table{margin-top:2rem;border-radius:8px;overflow:hidden;background:#ffffff0d}.items-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 80px;gap:1rem;padding:.75rem 1rem;background:#ffffff1a;font-weight:600;font-size:.875rem;color:#fff}.items-table-cell{display:flex;align-items:center}.items-table-cell.header-cell{color:#fff;font-weight:600}.items-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 80px;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.items-table-row:last-child{border-bottom:none}.items-table-row.empty-row{grid-template-columns:1fr}.item-content{display:flex;align-items:center;gap:.5rem}.asset-name{color:#fff;font-size:.875rem;margin-right:.5rem}.zone-badge{background:#eb844533;color:#eb8445;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.layout-zone-badge{background:#4a90e233;color:#4a90e2;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:.5rem}.item-tags{display:flex;gap:.25rem}.item-tag{background:#ffffff1a;color:#ccc;padding:.125rem .375rem;border-radius:8px;font-size:.75rem}.item-actions{display:flex;justify-content:center}.delete-item-btn{background:none;border:none;color:#e74c3c;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.delete-item-btn:hover{background:#e74c3c1a}.timeline-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;border-radius:8px}.timeline-overlay .overlay-text{color:#fff;font-size:1rem;margin-top:1rem;font-weight:500}.timeline-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;padding:40px}.timeline-loading-state .loading-text{margin-top:1rem;color:var(--color-text-primary);font-size:1rem;font-weight:500}.layout-container{flex:1;display:flex;flex-direction:column;gap:16px}.layout-container:last-of-type{margin-bottom:1rem}.no-layouts-state{text-align:center;padding:3rem 1rem;color:#888}.empty-timeline-message p{margin:.5rem 0;font-size:.875rem}.empty-timeline-message p:first-child{color:#fff;font-weight:500}.media-pod-operation-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.operation-overlay-content{background:var(--color-background-secondary);border-radius:12px;padding:2rem;text-align:center;box-shadow:0 20px 40px #0000004d;border:1px solid var(--color-border-primary);max-width:400px;width:90%}.operation-overlay-text{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem}.operation-overlay-subtext{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4}.timeline-global-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:globalOverlayFadeIn .2s ease-out}@keyframes globalOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}.global-overlay-content{background:var(--color-background-secondary);border-radius:16px;padding:2.5rem;text-align:center;box-shadow:0 25px 50px #0006;border:1px solid var(--color-border-primary);max-width:450px;width:92%;position:relative;animation:globalOverlaySlideIn .3s ease-out}@keyframes globalOverlaySlideIn{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.global-overlay-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:1.5rem 0 1rem;letter-spacing:-.02em}.global-overlay-description{color:var(--color-text-primary);font-size:1rem;font-weight:500;margin-bottom:.75rem;line-height:1.5}.global-overlay-description strong{color:var(--color-accent);font-weight:600}.global-overlay-subtext{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin-top:.5rem;opacity:.8}.panel-loading-overlay{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;min-height:200px;background:var(--color-background-primary);border-radius:8px;margin:1rem 0;animation:panelFadeIn .3s ease-out}.panel-loading-overlay.nested{min-height:120px;padding:2rem 1rem;margin:.5rem 0;background:var(--color-background-secondary)}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:300px}.panel-loading-content.small{max-width:200px}.panel-loading-title{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:1rem 0 .5rem;letter-spacing:-.01em}.panel-loading-subtitle{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin-top:.25rem;opacity:.8}.panel-loading-subtitle.small{font-size:.8rem;margin-top:.5rem}.skeleton{background:linear-gradient(90deg,var(--color-background-secondary) 25%,var(--color-border-primary) 50%,var(--color-background-secondary) 75%);background-size:200% 100%;border-radius:4px;display:inline-block}.skeleton-animate{animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-container{padding:1rem;animation:skeletonFadeIn .3s ease-out}@keyframes skeletonFadeIn{0%{opacity:0}to{opacity:1}}.skeleton-account-group{margin-bottom:1.5rem}.skeleton-account-header{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:8px}.skeleton-region-group{margin-left:20px;margin-bottom:1rem}.skeleton-region-header{display:flex;align-items:center;gap:10px;padding:6px 12px;margin-bottom:6px}.skeleton-pod-item{display:flex;align-items:center;gap:10px;padding:6px 12px;margin-left:16px;margin-bottom:4px}.skeleton-pod-content{flex:1;display:flex;flex-direction:column;gap:4px}.skeleton-media-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.skeleton-media-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-tag-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--color-border)}.skeleton-tag-content{flex:1;display:flex;align-items:center;justify-content:space-between}.skeleton-layout-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:1rem;border-bottom:1px solid var(--color-border)}.skeleton-dropdown{display:flex;gap:8px}.skeleton-zone-content{margin-bottom:2rem}.skeleton-zone-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:0 1rem}.skeleton-drop-zone{display:flex;align-items:center;justify-content:center;min-height:120px;border:2px dashed var(--color-border);border-radius:8px;margin:0 1rem 1.5rem}.skeleton-assets-table{margin:0 1rem}.skeleton-asset-row{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--color-border)}@media(max-width:768px){.skeleton-container{padding:.5rem}.skeleton-media-item,.skeleton-tag-item{padding:8px 12px}.skeleton-asset-row{padding:8px 12px;gap:12px}}.error-boundary{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;min-height:400px;background:var(--color-background-primary);border-radius:12px;margin:1rem;border:1px solid var(--color-border)}.error-boundary-content{text-align:center;max-width:500px;width:100%}.error-boundary-icon{color:var(--color-error);margin-bottom:1.5rem;opacity:.8}.error-boundary-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}.error-boundary-message{color:var(--color-text-secondary);font-size:1rem;line-height:1.5;margin-bottom:2rem}.error-boundary-details{margin:1.5rem 0;text-align:left}.error-boundary-details summary{cursor:pointer;color:var(--color-text-secondary);font-size:.875rem;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.error-boundary-details summary:hover{color:var(--color-text-primary)}.error-details-content{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin-top:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.4;color:var(--color-text-secondary);max-height:200px;overflow-y:auto}.error-details-content pre{margin:.5rem 0 0;white-space:pre-wrap;word-break:break-word}.error-boundary-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.error-boundary-retry-info{margin-top:1rem;font-size:.875rem;color:var(--color-text-secondary);font-style:italic}.pod-sidebar-error,.media-library-error,.timeline-builder-error{display:flex;align-items:center;justify-content:center;padding:2rem;min-height:200px;background:var(--color-background-secondary);border-radius:8px;border:1px solid var(--color-border);margin:1rem}.pod-sidebar-error .error-content,.media-library-error .error-content,.timeline-builder-error .error-content{text-align:center;max-width:300px}.pod-sidebar-error .error-icon,.media-library-error .error-icon,.timeline-builder-error .error-icon{color:var(--color-error);margin-bottom:1rem;opacity:.7}.pod-sidebar-error .error-title,.media-library-error .error-title,.timeline-builder-error .error-title{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.pod-sidebar-error .error-message,.media-library-error .error-message,.timeline-builder-error .error-message{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin-bottom:1.5rem}@media(max-width:768px){.error-boundary{padding:2rem 1rem;min-height:300px;margin:.5rem}.error-boundary-actions{flex-direction:column;gap:.75rem}.error-boundary-actions .btn{width:100%;justify-content:center}.pod-sidebar-error,.media-library-error,.timeline-builder-error{padding:1.5rem 1rem;margin:.5rem}}.zone-table-container{margin-top:1rem;background:var(--color-background-secondary);border-radius:6px;overflow:visible}.zone-table{width:100%}.zone-table-header{display:flex;background:var(--color-background-primary);border-bottom:1px solid var(--color-border);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.zone-table-cell{padding:12px 16px;display:flex;align-items:center}.zone-table-cell:first-child{width:40px;min-width:40px;max-width:40px;justify-content:center;flex-shrink:0}.zone-table-cell:nth-child(2){width:35%;min-width:0;justify-content:flex-start;flex-shrink:1;align-items:center}.zone-table-cell:nth-child(3){width:15%;min-width:80px;justify-content:center;flex-shrink:1}.zone-table-cell:nth-child(4){width:40%;min-width:0;justify-content:center;flex-shrink:1}.zone-table-cell:nth-child(5){width:60px;min-width:60px;max-width:60px;justify-content:center;flex-shrink:0}.zone-table-row{display:flex;border-bottom:1px solid var(--color-border);transition:background-color .2s ease;cursor:pointer}.zone-table-row:hover{background:#3c446dcc}.zone-asset-content{display:flex;align-items:center;gap:12px;min-width:0}.zone-asset-content .drag-handle{color:var(--color-text-tertiary);cursor:grab;flex-shrink:0}.zone-asset-content .drag-handle:hover{color:var(--color-text-secondary)}.zone-asset-content .asset-icon{color:var(--color-text-secondary);flex-shrink:0;display:block;object-fit:contain}.zone-asset-content .asset-name{color:var(--color-text-primary);font-weight:500;white-space:normal;overflow:visible;word-wrap:break-word;overflow-wrap:break-word;min-width:0;flex:1;line-height:1.4}.zone-tags{color:var(--color-text-primary);font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;cursor:default}.hover-only{opacity:0;transition:opacity .2s ease}.zone-table-row:hover .hover-only{opacity:1}.zone-item-actions{display:flex;gap:4px;align-items:center}.zone-item-actions .delete-item-btn{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.zone-item-actions .delete-item-btn:hover{color:var(--color-error);background:#ff00001a}.zone-item-actions .delete-item-btn img[src*=icon_delete]{filter:none}.zone-item-actions .delete-item-btn img[src*=icon_delete] path{fill:var(--color-error)!important;stroke:var(--color-error)!important}.zone-item-actions .delete-item-btn:hover img[src*=icon_delete] path{fill:var(--color-error)!important;stroke:var(--color-error)!important}.zone-table-loading{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#3c446dcc;border-bottom:1px solid rgb(60,68,109,.2);font-size:12px;color:var(--color-accent)}.zone-table-updating{opacity:.7;pointer-events:none;transition:opacity .3s ease}.draggable-media-item{transition:transform .2s ease,opacity .2s ease;border-radius:4px;position:relative;-webkit-user-select:none;user-select:none}.draggable-media-item:hover{background:var(--color-background-secondary)}.timeline-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.timeline-loading .loading-text{color:#9ca3af;font-size:14px;margin-top:12px}.draggable-media-item.selected{background:#3c446dcc!important}.folder-item{cursor:pointer!important;transition:all .2s ease}.folder-item:hover{background:#ffffff0d!important}.folder-arrow{color:#9ca3af;margin-left:auto;transition:transform .2s ease;transform:rotate(-90deg)}.folder-arrow.expanded{transform:rotate(0)}.folder-item:hover .folder-arrow{color:#eb8445}.draggable-media-item.selected .library-list--item{background:transparent}.multi-select-badge{position:absolute;top:-8px;right:-8px;background:var(--color-accent);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;z-index:10;border:2px solid var(--color-background-primary);box-shadow:0 2px 4px #0003}.draggable-media-item.dragging{z-index:9999;background:#3c446dcc;border:2px solid var(--color-accent);box-shadow:0 8px 20px #0000004d;transform:rotate(2deg)}.draggable-media-item.dragging .library-list--item{background:transparent;border:none}@keyframes dropZonePulse{0%{box-shadow:inset 0 0 10px 6px #7eb9ff33}to{box-shadow:inset 0 0 30px 6px #7eb9ff33}}.library-list--item{transition:all .2s ease;cursor:grab;width:100%}.library-list--item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.library-list--item:active{cursor:grabbing}.location-selection-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--color-text-secondary);max-width:400px;margin:0 auto}.location-selection-prompt .prompt-icon{margin-bottom:1.5rem;opacity:.6}.location-selection-prompt .prompt-icon svg{stroke:var(--color-text-secondary)}.location-selection-prompt .prompt-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.location-selection-prompt .prompt-message{font-size:.875rem;line-height:1.5;margin:0;opacity:.8}.list-view-container{overflow-y:auto}.media-pod-operation-overlay .operation-overlay-subtext{font-size:14px}.drag-overlay-list-container .drag-overlay-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#3c446de5;box-shadow:0 8px 20px #0000004d;color:#fff;font-size:14px;font-weight:var(--font-weight-normal);pointer-events:none;z-index:9999;width:100%}.drag-overlay-stack-container{position:relative;width:400px}.drag-overlay-badge-container{position:absolute;top:10px;left:-30px;z-index:10001}.drag-overlay-name{white-space:normal;overflow:visible;word-wrap:break-word;overflow-wrap:break-word;margin-right:12px;line-height:1.3;max-width:200px}.drag-overlay-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--color-error);font-size:12px;font-weight:700}.draggable-media-item.dragging{opacity:0!important}.drag-overlay-list-container{position:relative;width:400px;background-color:transparent}.drag-overlay-list-view{display:flex;flex-direction:column;gap:8px}.drag-overlay-list-view .library-list--item{background-color:#3c446de5;box-shadow:0 10px 20px #0006;padding:12px}.drag-overlay-list-view .library-list--item .library-list--item-content{display:flex;align-items:center;gap:8px;font-size:14px}.drag-overlay-list-view .library-list--item .library-list--item-content .media-icon{flex:0 0 20px}.drag-overlay-list-view .library-list--item:last-child{border-bottom:none}.drag-overlay-item.stacked{position:absolute;top:0;left:0;width:100%}.drag-overlay-list-container .library-list--item-content{display:flex;align-items:center;gap:12px}.zone-table-row.deleting{opacity:.4;pointer-events:none;transition:opacity .2s ease}.zone-table-row.deleting .zone-asset-content{color:var(--color-text-tertiary)}.delete-item-btn.deleting{opacity:.6;cursor:not-allowed}.delete-item-btn.deleting:hover{background:none!important;color:var(--color-text-tertiary)!important}.loading-spinner-tiny{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.loading-spinner-tiny .spinner{width:12px;height:12px;border:2px solid var(--color-border);border-top:2px solid var(--color-error);border-radius:50%;animation:spin 1s linear infinite}.zone-table-row.updating{background:#4a90e20d}.zone-table-row.deleting{background:#e74c3c0d}.zone-table-loading .loading-text{font-size:12px;color:var(--color-text-secondary)}.zone-table-loading.reordering{background:#ffa5001a;border-left:3px solid var(--color-warning, #ff9500)}.zone-table-loading.reordering .loading-text{color:var(--color-warning, #ff9500)}.media-pod-layout .library-content-area .folder-navigation-header{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:12px}.media-pod-layout .library-content-area .folder-navigation-header .back-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:0;border-radius:0;cursor:pointer;transition:all .2s ease}.media-pod-layout .library-content-area .folder-navigation-header .back-button:hover img{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(90%) contrast(90%)}.media-pod-layout .library-content-area .folder-navigation-header .back-button img{filter:none}.media-pod-layout .library-content-area .folder-navigation-header .current-folder-info{display:flex;align-items:center;gap:8px;flex:1}.media-pod-layout .library-content-area .folder-navigation-header .folder-icon{color:var(--color-brand);flex-shrink:0}.media-pod-layout .library-content-area .folder-navigation-header .folder-name{font-size:14px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pod-preview-container{display:flex;flex-direction:column;height:100%;background:url(/preview_bg.png) no-repeat center center;background-size:170%;overflow:hidden;border-radius:16px}.pod-preview-container .pod-preview-header{display:flex;align-items:center;gap:12px;padding:16px}.pod-preview-container .back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.pod-preview-container .back-button:hover{background:var(--color-background-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.pod-preview-container .pod-name{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0}.pod-preview-container .pod-preview-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:0 8vw;min-height:0}.pod-preview-container .preview-container{max-height:100%;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d;position:relative}.pod-preview-container .preview-content{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.pod-preview-container .pod-preview-placeholder{width:100%;height:100%;min-width:1000px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.pod-preview-container .preview-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff}.pod-preview-container .preview-loading p{font-size:16px;opacity:.8;margin:0}.pod-preview-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.pod-preview-container .preview-error{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;text-align:center}.pod-preview-container .error-icon{font-size:32px}.pod-preview-container .preview-error p{font-size:16px;margin:0;opacity:.9}.pod-preview-container .preview-error small{font-size:12px;opacity:.7;max-width:300px}.pod-preview-container .preview-renderer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.pod-preview-container .pod-info{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:#0000004d;border-radius:8px;z-index:10}.pod-preview-container .pod-stats{display:flex;gap:32px;color:#fff;font-size:14px}.pod-preview-container .pod-stats .stat{display:flex;align-items:center;gap:8px}.pod-preview-container .pod-stats strong{color:var(--color-primary, #EB8445)}.pod-preview-container .preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#fff;text-align:center;gap:16px}.pod-preview-container .preview-empty .empty-icon{font-size:48px;opacity:.5}.pod-preview-container .preview-empty h3{margin:0;font-size:20px;font-weight:600}.pod-preview-container .preview-empty p{margin:0;opacity:.7;max-width:300px}.pod-preview-container .pod-preview-footer{display:flex;align-items:center;gap:16px;padding:30px;padding-inline:8vw;flex-shrink:0}.share-url-container{width:100%;display:flex;flex-direction:column;gap:12px}.public-url-display{flex:1;display:flex;flex-direction:column;gap:8px}.url-label{color:var(--color-text-primary, #ffffff);font-size:14px;font-weight:500}.url-input-container{flex:1;display:flex;gap:25px;align-items:end}.url-text-container{border-bottom:1px solid var(--color-text-primary, #ffffff)}.url-text{flex:1;padding-bottom:15px;color:var(--color-text-primary, #ffffff);font-size:15px;outline:none;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}.copy-btn{flex:1;min-width:150px;flex-shrink:0}.copy-btn.copied{background:var(--color-success, #22c55e)}.copy-btn.copied:hover{background:var(--color-success-hover, #16a34a)!important}.copy-text{font-size:14px}@media(max-width:768px){.pod-preview-header{padding:12px 16px}.pod-name{font-size:18px}.pod-preview-screen{padding:16px}.pod-preview-footer{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.share-button{width:100%;justify-content:center}.url-input-container{flex-direction:column;gap:8px}.copy-btn{width:100%;justify-content:center}}.media-pod-layout.preview-mode .dashboard-right-panel{display:none}.media-pod-layout.preview-mode .content-area{padding:0}.timeline-builder.preview-mode{display:none}.pod-preview-controls{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(transparent,#000000b3);z-index:10;opacity:1;transition:opacity .3s ease}.pod-preview-controls:hover{opacity:1}.timeline-controls{display:flex;align-items:center;gap:16px;max-width:1200px;margin:0 auto;color:#fff}.control-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:all .2s ease;opacity:.9}.control-btn:hover{background:#ffffff1a;opacity:1;transform:scale(1.05)}.control-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.play-pause-btn{width:48px;height:48px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-pause-btn:hover{background:#fff3}.progress-container{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.progress-bar{position:relative;flex:1;height:6px;background:#fff3;border-radius:3px;overflow:hidden;cursor:pointer}.progress-fill{height:100%;background:linear-gradient(90deg,#eb8445,#ff9a56);border-radius:3px;transition:width .1s ease;position:relative}.progress-fill:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s ease}.progress-bar:hover .progress-fill:after{opacity:1}.progress-slider{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.progress-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none}.time-display{display:flex;align-items:center;gap:4px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500;white-space:nowrap;min-width:80px;justify-content:center;text-decoration:underline}.time-display.time-display-disabled{text-decoration:none}.current-time{color:#fff}.time-separator{color:#fff9}.total-time{color:#fffc}.control-buttons{display:flex;align-items:center;gap:8px}.reset-btn,.nav-btn{width:36px;height:36px}.layout-indicator{font-size:13px;color:#fffc;font-weight:500;min-width:40px;text-align:center}@media(max-width:768px){.timeline-controls{gap:12px;padding:0 8px}.play-pause-btn{width:42px;height:42px}.time-display{font-size:12px;min-width:70px}.control-buttons{gap:4px}.reset-btn,.nav-btn{width:32px;height:32px}}.preparing-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:1000px;background:var(--color-bg-primary);border-radius:8px;border:1px solid var(--color-border)}.preparing-preview-content{text-align:center;max-width:400px;padding:2rem}.preparing-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--color-brand)}.preparing-icon.error{color:var(--color-error)}.preparing-icon-main{opacity:.8}.preparing-spinner{position:absolute;animation:spin 2s linear infinite}.preparing-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.preparing-message{font-size:1rem;color:var(--color-text-secondary);margin-bottom:.25rem}.preparing-message.error-message{color:var(--color-error);font-weight:500}.preparing-subtitle{font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:1.5rem}.preparing-progress{margin-bottom:1.5rem}.preparing-progress-bar{width:100%;height:6px;background:var(--color-bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.preparing-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-brand),var(--color-accent));border-radius:3px;transition:width .3s ease;min-width:6px}.preparing-progress-text{font-size:.875rem;font-weight:600;color:var(--color-brand)}.preparing-details{display:flex;justify-content:space-between;gap:1rem;padding:1rem;background:var(--color-bg-secondary);border-radius:6px;border:1px solid var(--color-border)}.preparing-detail-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.preparing-detail-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;font-weight:500}.preparing-detail-value{font-size:.875rem;color:var(--color-text-primary);font-weight:600}@media(max-width:768px){.preparing-preview-content{padding:1.5rem;max-width:320px}.preparing-details{flex-direction:column;gap:.75rem}.preparing-detail-item{flex-direction:row;justify-content:space-between}}:root{--font-family: "Poppins", sans-serif;--color-brand: #EB8445;--color-brand-hover: #E47235;--color-brand-rgb: 235, 132, 69;--color-dark-bg: #20232A;--color-panel-bg: #2A2F43;--color-gray-bg: #333748;--color-gradient-start: #B7766D;--color-gradient-end: #6B4876;--color-gray-light: #F5F5FA;--color-gray-400: #D7D7E0;--color-text-primary: #FFFFFF;--color-text-secondary: #8B92A9;--color-text-muted: #6B7280;--color-text-error: #EF4444;--color-input-bg: #2B2F3E;--color-input-border: #3F4354;--color-input-focus: #EB8445;--color-input-text: #FFFFFF;--color-input-placeholder: #6B7280;--color-input-eye-icon: var(--color-primary-action);--color-success: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--color-body-bg: var(--color-dark-bg);--color-header-bg: var(--color-gray-bg);--color-secondary-header-bg: var(--color-panel-bg);--color-sidebar-bg: var(--color-panel-bg);--color-main-bg: var(--color-panel-bg);--color-right-panel-bg: var(--color-gray-bg);--color-sidebar-item: var(--color-text-secondary);--color-sidebar-active: var(--color-brand);--color-card-bg: var(--color-panel-bg);--color-border: rgba(255, 255, 255, .1);--color-primary-action: #7EB9FF;--color-secondary-action: #718096;--color-info: #2F7EDB;--bg-error: #F55851;--bg-success: #14B184;--color-tab-inactive: #6B7280;--color-tab-active: #EB8445;--color-checkbox-bg: transparent;--color-checkbox-border: #6B7280;--color-checkbox-checked: #EB8445;--color-edit-header-bg: var(--color-right-panel-bg);--color-edit-title: var(--color-text-primary);--color-back-btn: transparent;--color-back-btn-hover: rgba(255, 255, 255, .1);--color-preview-border: var(--color-border);--color-schedule-divider: var(--color-border);--color-tag-chip-bg: #8B879E;--color-tag-chip-border: var(--color-border);--color-tag-chip-text: var(--color-text-primary);--color-tag-chip-close: var(--color-text-muted);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 16px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.bg-brand{background-color:var(--color-brand)}.bg-dark-grey{background-color:var(--color-dark-grey)}.bg-input{background-color:var(--color-input-bg)}.bg-panels{background-color:var(--color-panels-bg)}.text-error{color:var(--color-red)}.rounded{border-radius:var(--border-radius)}.shadow-sm{box-shadow:var(--shadow-sm)}.hover-bg:hover{background-color:var(--color-hover, #3F51B5)}.disabled{opacity:.5;cursor:not-allowed}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-bold{font-weight:var(--font-weight-bold)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.text-brand{color:var(--color-brand)}.text-red{color:var(--color-red)}.text-blue{color:var(--color-blue)}.text-green-success{color:var(--color-green-success)}.text-grey{color:var(--color-grey)}.text-light-grey{color:var(--color-light-grey)}.text-white{color:#fff}.text-disabled{color:var(--color-disabled)}.w-full{width:100%}.block{display:block}.pe-0{padding-right:0!important}.form-group{margin-bottom:20px;position:relative}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:10px}.url-input-container{position:relative;display:flex;align-items:center}.url-icon{position:absolute;left:12px;z-index:1;opacity:.6}.url-input{padding-left:40px!important}.url-error{margin-top:4px;font-size:12px;color:var(--color-error)}.input-validation-external{position:absolute;right:-32px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px}.form-label{display:block;color:var(--color-text-primary);font-size:14px;font-weight:var(--font-weight-normal);margin-bottom:12px;letter-spacing:.01em}.input-wrapper{position:relative;display:flex;align-items:center}.form-input{width:100%;background:var(--color-input-bg);border:1px solid #363A45;color:var(--color-input-text);padding:12px;border-radius:8px;font-size:15px;font-family:var(--font-family);transition:all var(--transition-base)}.form-input::placeholder{color:var(--color-input-placeholder);font-size:var(--font-size-base)}.form-input:focus{outline:none;border-color:var(--color-gray-400);background:var(--color-input-bg)}.form-input.has-error{border-color:var(--color-error);background-color:var(--bg-error-light, rgba(239, 68, 68, .05))}.form-input.has-success{border-color:#363a45}.form-input.error{border-color:var(--color-error);background-color:var(--bg-error-light, rgba(239, 68, 68, .05))}.form-group.has-error .form-label{color:var(--color-error)}.form-error-message{font-size:var(--font-size-xs);margin-top:var(--spacing-xs);color:var(--color-error);display:flex;align-items:center;gap:var(--spacing-xs)}.form-error-message:before{content:"⚠";font-size:var(--font-size-sm)}.required{color:var(--color-error)}.input-icon{position:absolute;right:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);pointer-events:none}.input-icon.clickable{pointer-events:auto;cursor:pointer}.input-icon svg{width:20px;height:20px;color:var(--color-input-eye-icon);transition:color var(--transition-base)}.input-icon.clickable:hover svg{color:var(--color-input-eye-icon);opacity:.8}.validation-icon{width:18px;height:18px}.validation-icon.success{color:var(--color-success)}.validation-icon.error{color:var(--color-error)}.form-helper{font-size:var(--font-size-sm);margin-top:var(--spacing-sm);color:var(--color-text-error);display:flex;align-items:center;gap:var(--spacing-xs)}.form-helper.error{color:var(--color-error)}.form-helper.success{color:var(--color-success)}.checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{position:absolute;opacity:0;pointer-events:none}.checkbox-box{width:18px;height:18px;border:2px solid #5B5D6B;border-radius:3px;background:transparent;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);position:relative}.checkbox-wrapper:hover .checkbox-box{border-color:var(--color-text-secondary)}.checkbox-input:checked+.checkbox-box{background:var(--color-brand);border-color:var(--color-brand)}.checkbox-input:focus-visible+.checkbox-box{outline:2px solid var(--color-brand);outline-offset:2px}.checkbox-check{width:14px;height:14px;color:#fff;opacity:0;transform:scale(0);transition:all var(--transition-fast);stroke-width:3}.checkbox-input:checked+.checkbox-box .checkbox-check{opacity:1;transform:scale(1)}.checkbox-label{color:var(--color-text-primary);font-size:16px;font-weight:var(--font-weight-normal)}.location-label.current-location{opacity:.7}.current-indicator{font-size:12px;color:var(--color-text-secondary);font-style:italic}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--color-text-secondary);background:var(--color-gray-100);border-radius:8px}.preview-loading .loading-spinner{width:24px;height:24px;border:2px solid var(--color-gray-300);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--color-text-secondary);background:var(--color-gray-100);border-radius:8px;text-align:center}.preview-placeholder img{margin-bottom:12px;opacity:.7}.preview-placeholder span{font-size:14px;font-weight:500}.preview-placeholder .error-text{color:var(--color-error);font-size:12px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px;border-radius:8px;font-size:16px;font-weight:var(--font-weight-medium);font-family:var(--font-family);border:none;cursor:pointer;transition:all var(--transition-base);height:48px;letter-spacing:.02em;margin-top:0;width:100%;max-width:200px}.btn-container{display:flex;justify-content:flex-end;width:100%}.btn-primary{background:var(--color-brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-brand-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:#3a3d4a;color:#6b6f7e;cursor:not-allowed}.btn-secondary{background:#c2c2ce;color:#fff;border:none}.btn-secondary:hover:not(:disabled){background:#c2c2ce;color:#3a3d4a}.btn-secondary:disabled{cursor:not-allowed}.btn-transparent{background:transparent;color:var(--color-text-primary);border:none}.btn-transparent:hover:not(:disabled){background:#ffffff14}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-brand-hover)}.btn-outline{background:transparent;color:var(--color-brand);border:2px solid var(--color-brand)}.btn-outline:hover:not(:disabled){background:var(--color-brand);color:#fff}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-input-container{position:relative;width:100%}.search-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);width:16px;height:16px;z-index:1}.search-input-field{width:100%;height:40px;padding:0 16px 0 36px;background:var(--color-input-bg);border:1px solid rgba(255,255,255,0);border-radius:4px;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);transition:all var(--transition-base);outline:none}.search-input-field::placeholder{color:var(--color-text-muted)}.search-input-field:focus{background:var(--color-input-bg);border-color:var(--color-brand);outline:none}.right-panel-content{height:100%;display:flex;flex-direction:column}.right-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;min-width:0}.right-panel-title{font-size:20px;font-weight:var(--font-weight-medium);margin:0 12px 0 0;white-space:normal;overflow:visible;word-wrap:break-word;overflow-wrap:break-word;flex:1;min-width:0;cursor:default;line-height:1.3}.right-panel-close{display:none;background:none;border:none;color:var(--color-text-muted);font-size:24px;cursor:pointer;padding:4px;line-height:1;transition:color var(--transition-base);flex-shrink:0}.right-panel-close:hover{color:var(--color-text-primary)}.right-panel-body{flex:1;display:flex;flex-direction:column;overflow-y:auto}.form-container{flex:1;display:flex;flex-direction:column;gap:100px}.form-fields-container{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:16px}.permissions-panel-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--color-border);margin-bottom:24px}.permissions-panel-header h3{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.account-form{display:flex;flex-direction:column;height:100%}.account-form-empty{display:flex;align-items:center;justify-content:center;height:200px;text-align:center}.empty-state-text{color:var(--color-text-muted);font-size:var(--font-size-base)}.form-section{flex:1;margin-bottom:24px}.form-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--color-border);margin-top:auto}.location-form{display:flex;flex-direction:column;height:100%}.location-form .form-section{flex:0}.location-form .form-actions{margin-top:auto}.section-title{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 16px}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.form-group select.form-input{appearance:none;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='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.upload-panel{display:flex;flex-direction:column;height:100%}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 20px;border:2px dashed rgba(255,255,255,.3);border-radius:8px;text-align:center}.upload-text{color:var(--color-text-primary);margin-bottom:8px;font-size:16px}.upload-or{color:var(--color-text-primary);margin-bottom:16px;font-size:16px}.upload-select-btn{background:var(--color-brand);color:#fff;border:none;padding:8px 24px;border-radius:4px;font-size:14px;cursor:pointer;transition:all var(--transition-base)}.upload-select-btn:hover{background:var(--color-brand-hover)}.upload-info{font-size:12px;margin-top:20px;color:var(--color-text-secondary)}.new-folder-form{display:flex;flex-direction:column;height:100%}.new-folder-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary);padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all var(--transition-base)}.new-folder-btn:hover{background:#ffffff0d;border-color:var(--color-brand)}.media-detail-panel{display:flex;flex-direction:column;gap:20px;height:100%}.media-preview{width:100%;aspect-ratio:16/9;background:var(--color-dark-bg);display:flex;align-items:center;justify-content:center}.media-preview-image{width:100%;height:100%;object-fit:cover}.web-preview-iframe{width:100%;height:100%;border:none;border-radius:4px;background:#fff}.folder-preview{width:100%;aspect-ratio:16/9;background:var(--color-dark-bg);display:flex;align-items:center;justify-content:center}.folder-icon-container{display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:#eb84451a;border-radius:50%;border:2px solid rgba(235,132,69,.2)}.folder-icon{color:var(--color-orange-primary);opacity:.8}.folder-icon path{fill:var(--color-orange-primary)}.video-preview-placeholder,.webpage-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-muted);font-size:14px}.media-details{display:flex;flex-direction:column;gap:20px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:14px;font-weight:var(--font-weight-medium)}.media-details .detail-section,.media-details .detail-section .detail-row-children{display:flex;flex-direction:column;gap:10px}.media-details .detail-section .detail-row-children .detail-label,.media-details .detail-section .detail-row-children .detail-value{font-size:12px;font-weight:var(--font-weight-normal)}.detail-value{font-size:14px;text-align:right;overflow:auto;white-space:nowrap;max-width:200px}.detail-section-title{color:var(--color-text-primary);font-size:16px;font-weight:var(--font-weight-semibold);margin-top:8px;margin-bottom:8px}.media-tags{display:flex;flex-direction:column;gap:12px}.tags-header{display:flex;justify-content:space-between;align-items:center}.tags-title{color:var(--color-text-primary);font-size:14px;font-weight:var(--font-weight-medium)}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.data-table td.checkbox-cell{width:40px!important;text-align:center;padding:6px 0 0!important}.item-checkbox{width:20px;height:20px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:4px;position:relative;transition:all var(--transition-base)}.item-checkbox:checked{background:var(--color-gray-bg);border-color:#8b879e}.item-checkbox:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-image:url(/icons/icon_checkmark.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.item-checkbox:hover{border-color:var(--color-brand)}.data-table tr.with-checkbox:hover .item-checkbox{opacity:1}.data-table tr:not(.selected) .item-checkbox:not(:checked){opacity:0}.data-table tr:not(.selected):hover .item-checkbox{opacity:1}.data-table tr .item-checkbox:checked{opacity:1}.multi-select-panel{display:flex;flex-direction:column;height:100%}.multi-select-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.add-tags-header{margin-bottom:15px}.add-tags-form{margin-bottom:20px}.back-btn{background:none;border:none;color:var(--color-text-primary);font-size:18px;cursor:pointer;padding:4px;margin-left:-5px;border-radius:4px;transition:background-color var(--transition-base)}.back-btn:hover{background-color:#ffffff1a}.multi-select-title{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.multi-select-options{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.multi-select-option{display:flex;align-items:center;gap:12px;padding:12px 0;background:none;border:none;color:var(--color-text-primary);font-size:14px;cursor:pointer;text-align:left;border-radius:6px;transition:background-color var(--transition-base);position:relative}.multi-select-option:hover{background-color:#ffffff0d}.inline-tag-input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:14px;font-family:var(--font-family);padding-bottom:8px}.inline-tag-input:focus-visible{border-bottom:1px solid var(--color-text-muted);outline:none;outline-offset:0}.inline-tag-input::placeholder{color:var(--color-text-secondary)}.green-checkmark-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;cursor:pointer;transition:all var(--transition-base);color:var(--color-success);font-size:20px;position:absolute;right:0;bottom:20px}.green-checkmark-btn:hover:not(:disabled){color:#16a34a}.green-checkmark-btn:disabled{color:var(--color-text-secondary);cursor:not-allowed}.tags-display-inline{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:0 16px}.tag-chip-removable{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#8b879e;border-radius:20px;color:#fff;font-size:14px;font-weight:var(--font-weight-medium)}.tag-text{color:#fff}.remove-tag-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-size:14px;line-height:1;transition:color var(--transition-base)}.remove-tag-btn:hover{color:#fff}.multi-select-actions{display:flex;gap:12px;margin-top:auto}.download-btn{background:transparent;border-color:var(--color-brand);color:var(--color-brand)}.download-btn:hover{background-color:#eb84451a}.delete-btn{background:var(--color-error);color:#fff;border-color:var(--color-error)}.delete-btn:hover{background:var(--color-text-error)}.move-btn,.share-btn{background:var(--color-primary-action);color:#fff;border-color:var(--color-primary-action)}.move-btn:hover,.share-btn:hover{background:var(--color-brand)}.move-btn:disabled,.share-btn:disabled{opacity:.5;cursor:not-allowed}.move-panel,.share-panel{height:100%;padding:0}.move-view-content{display:flex;flex-direction:column;height:100%}.move-header{display:flex;align-items:center;gap:12px;margin-bottom:32px}.move-title{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.share-view-content{display:flex;flex-direction:column;height:100%}.share-header{display:flex;align-items:center;gap:12px;margin-bottom:32px}.share-title{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.share-locations,.move-locations{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.location-group{display:flex;flex-direction:column;gap:8px}.location-option{display:flex;align-items:center;gap:12px;padding:8px 0}.location-radio{width:20px;height:20px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:50%;position:relative;transition:all var(--transition-base)}.location-radio:checked{border-color:var(--color-brand);background:transparent}.location-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--color-brand);border-radius:50%}.location-radio:disabled{border-color:#ffffff1a;cursor:not-allowed}.location-radio:hover:not(:disabled){border-color:var(--color-brand)}.location-label{display:flex;align-items:center;justify-content:space-between;flex:1;cursor:pointer;font-size:14px;color:var(--color-text-primary)}.location-label.disabled{color:var(--color-text-secondary);cursor:not-allowed;opacity:.5}.location-name{flex:1}.expand-icon{opacity:.6}.sub-locations,.nested-locations{margin-left:30px;display:flex;flex-direction:column;gap:4px}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;background:transparent;border:1px solid var(--color-brand);max-width:200px}.tag-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tag-chip-default,.tag-chip-landscape,.tag-chip-drinks,.tag-chip-menu,.tag-chip-breakfast{background:transparent;border:1px solid var(--color-brand);color:var(--color-text-primary)}.tag-chip-remove{background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:0;margin-left:4px;font-size:14px;line-height:1;opacity:.7;transition:opacity var(--transition-base)}.tag-chip-remove:hover{opacity:1}.kebab-menu{position:relative;display:inline-block}.kebab-menu-trigger{background:transparent;border:1px solid transparent;padding:8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.kebab-menu-trigger img{height:24px;width:24px}.kebab-menu-trigger:hover{background:#ffffff1a}.kebab-menu-trigger.focused{border:1px solid #8B879E;border-radius:4px}.kebab-menu-dropdown{background:#1f2229;border:1px solid #8B879E;border-radius:2px;box-shadow:0 8px 10px 2px #13151c80;min-width:150px;max-width:200px;overflow:hidden;display:flex;flex-direction:column}.kebab-menu-item{width:100%;background:transparent;border:none;padding:12px 16px;text-align:left;cursor:pointer;color:#e4e4ed;font-size:14px;font-weight:500;transition:background-color .2s ease}.kebab-menu-item:hover{background:#3c446d}.kebab-menu-item.danger{color:var(--color-text-error)}.kebab-menu-item.danger:hover{background:#3c446d}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#000000b3}.modal-content{position:relative;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;max-height:90vh;overflow-y:auto;z-index:1001}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.modal-title{color:var(--color-text-primary);font-size:18px;font-weight:var(--font-weight-semibold);margin:0}.modal-close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-base)}.modal-close-btn:hover{color:var(--color-text-primary)}.modal-body{padding:0}.confirmation-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.confirmation-modal-backdrop{position:absolute;inset:0;background:#000000b3}.confirmation-modal-content{position:relative;background:var(--color-gray-bg);border:1px solid var(--color-gray-light);border-radius:10px;box-shadow:0 10px 25px #0003;min-width:400px;max-width:500px;z-index:1001}.confirmation-modal-header{padding:24px 24px 0;margin-block:10px}.confirmation-modal-title{color:var(--color-text-primary);font-size:18px;font-weight:var(--font-weight-medium);margin:0;text-align:left}.confirmation-modal-body{padding:16px 24px;text-align:left;margin-bottom:15px}.confirmation-modal-message{color:var(--color-text-primary);font-size:16px;line-height:1.5;margin:0}.confirmation-modal-actions{display:flex;gap:12px;justify-content:center;padding:0 24px 24px}.confirmation-cancel-btn,.confirmation-confirm-btn{min-width:100px;max-width:250px}.confirmation-cancel-btn{border:1px solid var(--color-brand)}.confirmation-modal-content.error-mode{background:var(--color-panel-bg);border:2px solid var(--color-error)}.confirmation-modal-title.error-title{color:var(--color-error);font-weight:var(--font-weight-semibold)}.confirmation-modal-message.error-message{color:var(--color-text-primary);font-weight:var(--font-weight-normal)}.confirmation-modal-actions.error-actions{justify-content:center}.floating-add-btn{position:fixed;bottom:40px;right:340px;z-index:100}.add-btn{width:56px;height:56px;border-radius:50%;background-color:var(--color-brand);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .2s;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:500}.add-btn:hover{transform:scale(1.1)}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px}.error-content{text-align:center;max-width:500px;background:var(--color-bg-secondary);padding:40px;border-radius:8px;border:1px solid var(--color-border)}.error-content h2{color:var(--color-error);margin:0 0 16px;font-size:24px;font-weight:600}.error-content p{color:var(--color-text-secondary);margin:0 0 24px;line-height:1.5}.error-details{margin:24px 0;text-align:left}.error-details summary{cursor:pointer;color:var(--color-text-secondary);font-weight:500;margin-bottom:8px}.error-stack{background:var(--color-bg-tertiary);padding:16px;border-radius:4px;border:1px solid var(--color-border);font-family:monospace;font-size:12px;line-height:1.4;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.error-actions{display:flex;gap:12px;justify-content:center}.upload-loading-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-fullscreen{position:fixed;inset:0;background:#20232acc;display:flex;align-items:center;justify-content:center;z-index:1000}.spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-primary-action);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-small .spinner{width:20px;height:20px}.loading-spinner-medium .spinner{width:40px;height:40px}.loading-spinner-large .spinner{width:60px;height:60px}.loading-text{color:var(--color-text-primary);font-size:var(--font-size-sm);margin:0}.loading-fullscreen .loading-text{color:#fff;font-size:var(--font-size-base)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-skeleton{padding:20px}.skeleton-item{height:48px;background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-border) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:12px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px}.loading-container .loading-spinner{background:var(--color-bg-secondary);padding:40px;border-radius:8px;border:1px solid var(--color-border)}.location-radio:disabled{cursor:not-allowed;opacity:.5}.location-label.disabled{color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}.location-label.disabled .location-name{color:var(--color-text-tertiary)}.location-label.current-location .current-indicator{color:var(--color-primary-action);font-weight:500;font-size:var(--font-size-sm)}.skeleton-line{background:linear-gradient(90deg,#ffffff1a 25%,#fff0,#fff3 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;height:16px;margin:2px 0}.skeleton-line-short{width:100px}.skeleton-tags{display:flex;gap:8px}.skeleton-tag{background:linear-gradient(90deg,#ffffff1a 25%,#fff0,#fff3 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:12px;height:24px;width:60px}.no-tags-text{font-style:italic;opacity:.4;font-size:14px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.folder-navigation{display:flex;align-items:center;gap:12px}.folder-breadcrumbs{display:flex;align-items:center;gap:4px;flex:1}.breadcrumb-btn{background:none;border:none;transition:background-color var(--transition-base);font-size:24px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;margin:0}.folder-navigation .back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:8px 12px;border-radius:6px;transition:all var(--transition-base)}.folder-navigation .back-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.profile-logout-btn{width:100%;background:none;border:none;color:var(--color-text-primary);text-align:left;cursor:pointer;padding:0;font-family:inherit;font-size:inherit}.profile-logout-btn:hover:not(:disabled){background:#ffffff1a}.profile-logout-btn:disabled{opacity:.6;cursor:not-allowed}.permissions-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.permission-chip{background:#3b4252;color:#e5e9f0;padding:4px 12px;border-radius:16px;font-size:12px;border:1px solid #4C566A}.edit-permissions-btn,.select-permissions-btn{margin-left:8px;padding:6px 12px;font-size:12px;height:auto}.select-permissions-btn .btn-icon{margin-right:4px;width:12px;height:12px}.form-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;color:var(--text-color);font-size:14px;width:100%}.form-select:focus{outline:none;border-color:var(--orange)}.cookie-consent-modal .modal-content{max-width:500px;width:90%;padding:0;border-radius:12px;box-shadow:0 20px 40px #00000026}.cookie-consent-content{padding:32px;text-align:center}.cookie-consent-text{margin-bottom:32px}.cookie-consent-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 16px;line-height:1.4}.cookie-consent-subtitle{font-size:16px;color:var(--color-text-secondary);margin:0;line-height:1.5}.cookie-consent-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cookie-consent-settings{padding:12px 24px;border:2px solid var(--color-border);background:transparent;color:var(--color-text-primary);border-radius:8px;font-weight:500;transition:all .2s ease;min-width:140px}.cookie-consent-settings:hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.cookie-consent-accept{padding:12px 24px;background:var(--color-primary);color:#fff;border:2px solid var(--color-primary);border-radius:8px;font-weight:500;transition:all .2s ease;min-width:180px}.cookie-consent-accept:hover{background:var(--color-primary-dark, #e67e22);border-color:var(--color-primary-dark, #e67e22);transform:translateY(-1px)}@media(max-width:480px){.cookie-consent-actions{flex-direction:column}.cookie-consent-settings,.cookie-consent-accept{width:100%}}.custom-dropdown{position:relative;display:inline-block}.custom-dropdown-trigger{background:transparent;border:none;color:var(--color-brand);font-size:16px;font-weight:var(--font-weight-medium);cursor:pointer;padding:4px 20px 4px 8px;border-radius:4px;display:flex;align-items:center;justify-content:space-between;width:100%;white-space:nowrap}.custom-dropdown-trigger:hover{background-color:#ffffff0d}.custom-dropdown-value{flex:1;text-align:left}.custom-dropdown-arrow{margin-left:8px;transition:transform .2s ease;transform:rotate(0)}.custom-dropdown-arrow.open{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--color-input-bg);border:1px solid #3c446dcc;border-radius:6px;box-shadow:var(--shadow-lg);margin-top:4px;overflow:hidden}.custom-dropdown-option{background:var(--color-input-bg);color:var(--color-text-primary);padding:8px 12px;cursor:pointer;font-size:16px;transition:background-color .15s ease}.custom-dropdown-option:hover{background:var(--color-brand);color:#fff}.custom-dropdown-option.selected{background:#3c446dcc;color:#fff}.custom-dropdown-option.selected:hover{background:var(--color-brand);color:#fff}.media-pod-layout .custom-dropdown-trigger{font-size:14px;font-weight:var(--font-weight-semibold)}.media-pod-layout .custom-dropdown-option{font-size:14px}.tag-selector{margin-block:5px;position:relative;width:100%;z-index:1}.tag-input-container{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;min-height:40px;max-height:none;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-input-bg);cursor:text;transition:border-color .2s ease;overflow:visible;word-break:break-word}.tag-input-container:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 1px var(--color-brand)}.tag-chip-inline{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#8b879e;color:#fff;border-radius:4px;font-size:14px;font-weight:500;flex-shrink:1;cursor:default;max-width:100%;overflow:hidden}.tag-chip-inline .tag-chip-label{white-space:nowrap;cursor:default;overflow:hidden;text-overflow:ellipsis;max-width:200px}.tag-chip-inline .tag-chip-remove{background:none;border:none;color:#fff;cursor:pointer;padding:0;margin:0;font-size:16px;line-height:1;opacity:.8!important;transition:opacity .2s ease;width:16px;height:16px;display:flex!important;align-items:center;justify-content:center;border-radius:2px}.tag-chip-inline .tag-chip-remove:hover{opacity:1;background:#fff3}.tag-search-input{flex:1;min-width:120px;border:none;outline:none;background:transparent;color:var(--color-text-primary);font-size:14px;padding:4px 0;margin-top:2px}.tag-search-input:focus-visible{outline:none}.tag-search-input::placeholder{color:var(--color-text-muted)}.tag-dropdown{position:absolute;top:100%;left:0;right:0;z-index:99999;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:6px;box-shadow:var(--shadow-lg);margin-top:4px;max-height:160px;overflow-y:auto;opacity:1;transform:translateY(0);transition:opacity .15s ease-out,transform .15s ease-out}.tag-dropdown.closing{opacity:0;transform:translateY(-4px)}.tag-dropdown-item{width:100%;padding:12px 16px;background:transparent;border:none;text-align:left;cursor:pointer;color:var(--color-text-primary);font-size:14px;transition:background-color .15s ease;border-bottom:1px solid rgba(255,255,255,.05)}.tag-dropdown-item:last-child{border-bottom:none}.tag-dropdown-item:hover{background:#ffffff0d}.tag-dropdown-item.loading{color:var(--color-text-muted);cursor:default}.tag-dropdown-item.loading:hover{background:transparent}.existing-tag{color:var(--color-text-primary)}.create-tag{color:var(--color-brand);font-weight:500}.tag-selector.light-theme .tag-input-container{background:#fff;border:1px solid #d1d5db;color:#374151}.tag-selector.light-theme .tag-input-container:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 1px var(--color-brand)}.tag-selector.light-theme .tag-chip-inline{background:#8b879e;color:#fff}.tag-selector.light-theme .tag-chip-inline .tag-chip-label,.tag-selector.light-theme .tag-chip-inline .tag-chip-remove{color:#fff}.tag-selector.light-theme .tag-chip-inline .tag-chip-remove:hover{background:#fff3}.tag-selector.light-theme .tag-search-input{color:#374151;background:transparent}.tag-selector.light-theme .tag-search-input::placeholder{color:#9ca3af}.tag-selector.light-theme .tag-dropdown{background:#fff;border:1px solid #d1d5db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.tag-selector.light-theme .tag-dropdown-item{color:#374151;border-bottom:1px solid #f3f4f6}.tag-selector.light-theme .tag-dropdown-item:hover{background:#f9fafb}.tag-selector.light-theme .tag-dropdown-item.loading{color:#9ca3af}.tag-selector.light-theme .existing-tag{color:#374151}.tag-selector.light-theme .create-tag{color:var(--color-brand);font-weight:500}.tag-selector.light-theme .tag-dropdown::-webkit-scrollbar{width:8px}.tag-selector.light-theme .tag-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.tag-selector.light-theme .tag-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tag-selector.light-theme .tag-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.edit-media-panel .tag-selector .tag-chip-inline .tag-chip-remove,.edit-form .tag-selector .tag-chip-inline .tag-chip-remove{opacity:.8!important;display:flex!important;color:#fff!important;font-size:16px!important;width:16px!important;height:16px!important}.edit-media-panel .tag-selector .tag-chip-inline .tag-chip-remove:hover,.edit-form .tag-selector .tag-chip-inline .tag-chip-remove:hover{opacity:1!important;background:#fff3!important}@media(max-width:768px){.tag-input-container{min-height:36px;padding:6px 10px}.tag-chip-inline{font-size:13px;padding:3px 6px}.tag-search-input{font-size:13px;min-width:100px}}.upload-modal{width:600px;max-width:90vw;min-width:400px}.upload-modal.expanded{width:1046px;max-width:95vw}.upload-modal-content{padding:0;background:#fff}.upload-header{background:#fff;padding:20px 20px 16px;border-bottom:1px solid #f0f0f0;box-shadow:0 2px 8px #0000001a;margin-bottom:0;position:relative;z-index:1}.upload-title-container{display:flex;align-items:center;gap:12px}.upload-icon{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(1352%) hue-rotate(347deg) brightness(119%) contrast(119%)}.upload-title{color:#666;font-size:20px;font-weight:600;margin:0}.upload-body{background:#f5f5fa;padding:24px 32px}.upload-drop-zone{border:2px dashed #8B879E;padding:20px;text-align:center;transition:background .2s ease}.upload-drop-zone.drag-active{border-color:#eb8445;background:#eb84451a}.upload-drop-zone:hover{background:#fff;transition:background .2s ease}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:16px}.drop-zone-text{color:var(--color-gray-bg);font-size:16px;margin:0}.upload-divider{display:flex;align-items:center;width:100%;margin:4px 0}.upload-divider:before,.upload-divider:after{content:"";flex:1;height:1px;background:#ddd}.divider-text{color:#999;font-size:12px;padding:0 16px;background:#f5f5fa;border-radius:4px}.select-btn{padding:10px 24px;height:auto}.selected-files{margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.selected-files-title{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.files-list{display:flex;flex-direction:column}.file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.file-item:last-child{border-bottom:none}.file-name{color:#333;font-size:14px;font-weight:500}.file-size{color:#666;font-size:12px;font-weight:500}.upload-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:0;padding-top:20px}.upload-actions .cancel-btn{padding:8px 16px;height:auto;color:var(--color-gray-bg)}.upload-actions .upload-btn{min-width:120px}.upload-footer .btn{padding:10px 24px;height:auto;width:auto}.upload-footer .cancel-btn{color:var(--color-gray-bg)}.upload-body-complex{display:flex;flex-direction:column;height:100%}.upload-panels{display:flex;flex:1;min-height:400px;background:var(--color-gray-light)}.upload-panel-left{width:240px;border-right:1px solid var(--color-gray-400)}.panel-title{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.file-list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;color:var(--color-gray-bg)}.file-list-item:hover{background:#e9ecef}.file-list-item.active{background:var(--color-info);color:#fff}.file-list-item.active img{filter:brightness(0) invert(1)}.file-list-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-panel-center{flex:1;padding:24px;border-right:1px solid var(--color-gray-400)}.upload-panel-center .file-detail-name{color:#333;font-size:20px;font-weight:600;margin:0 0 24px}.upload-panel-center .detail-section{margin-bottom:32px}.upload-panel-center .detail-label{color:#333;font-size:16px;font-weight:500;margin-right:8px}.upload-panel-center .detail-placeholder{color:#999;font-size:14px}.upload-panel-center .tags-input-container{display:flex;align-items:center;gap:8px;margin-top:8px;transition:border-color .2s ease}.upload-panel-center .tags-input-container:focus-within{border-bottom-color:#333}.upload-panel-center .tags-input{flex:1;border:none;background:transparent;color:#333;font-size:16px;border-bottom:1px solid var(--color-gray-400);padding:12px;outline:none}.upload-panel-center .tags-input:focus-visible{border-bottom-color:var(--color-gray-bg);outline:none}.upload-panel-center .create-tag-suggestion{margin-top:var(--spacing-sm)}.upload-panel-center .create-tag-suggestion button{background:var(--color-dark-bg);border:none;color:var(--color-text-link);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) 16px;text-align:left;display:flex;align-items:center;gap:var(--spacing-xs)}.upload-panel-center .create-tag-suggestion button:hover{text-decoration:underline}.upload-panel-center .tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.upload-panel-center .tags-display .tag-chip{display:inline-flex;align-items:center;gap:8px;background:var(--color-text-muted);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;border:0}.upload-panel-center .tag-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.upload-panel-center .tag-remove:hover{background:#fff3}.upload-panel-center .detail-title{color:#333;font-size:16px;font-weight:500;margin:0 0 12px}.upload-panel-center .schedule-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:16px}.upload-panel-center .schedule-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-gray-bg)}.upload-panel-center .schedule-checkbox label{color:#333;font-size:14px;font-weight:500}.upload-panel-center .schedule-row{display:grid;align-items:center;gap:12px;grid-template-columns:70px 50% 30px 70px}.upload-panel-center .schedule-row label{color:#333;font-size:14px;font-weight:500}.upload-panel-center .schedule-details{display:flex;flex-direction:column;gap:12px;margin-top:16px}.upload-panel-center .schedule-row img{place-self:center}.upload-panel-center .schedule-date-input,.upload-panel-center .schedule-time-input{background:transparent;border:none;border-bottom:1px solid var(--color-info);color:var(--color-info);font-size:14px;font-weight:500;cursor:pointer;padding:4px 0;text-align:left;width:100%}.upload-panel-center .react-datepicker__tab-loop{position:absolute;bottom:0}.upload-panel-center .schedule-date-input:focus,.upload-panel-center .schedule-time-input:focus{outline:none;border-bottom-color:#1e40af}.upload-panel-center .react-datepicker-wrapper,.upload-panel-center .react-datepicker__input-container{display:inline-block}.custom-datepicker-popper .react-datepicker,.custom-timepicker-popper .react-datepicker{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 8px 25px #00000026;font-family:inherit;font-size:14px}.custom-datepicker-popper .react-datepicker__header{background-color:var(--color-brand);border-bottom:1px solid rgba(255,255,255,.2);border-radius:8px 8px 0 0;padding:12px 0}.custom-datepicker-popper .react-datepicker__current-month{color:#fff;font-weight:600;font-size:16px}.custom-datepicker-popper .react-datepicker__navigation{border:none;width:24px;height:24px;border-radius:4px;top:10px}.custom-datepicker-popper .react-datepicker__navigation:hover{background:#ffffff4d}.custom-datepicker-popper .react-datepicker__navigation--previous{left:12px}.custom-datepicker-popper .react-datepicker__navigation--next{right:12px}.custom-datepicker-popper .react-datepicker__navigation-icon--next:before{left:-4px}.custom-datepicker-popper .react-datepicker__navigation-icon--previous:before{right:-4px}.custom-datepicker-popper .react-datepicker__navigation-icon:before{top:10px;color:#fff}.custom-datepicker-popper .react-datepicker__navigation-icon:before{border-color:#fff}.custom-datepicker-popper .react-datepicker__day-names{margin-bottom:8px}.custom-datepicker-popper .react-datepicker__day-name{color:#666;font-weight:600;font-size:12px}.custom-datepicker-popper .react-datepicker__day{border-radius:4px;width:32px;height:32px;line-height:32px;margin:2px;font-size:14px}.custom-datepicker-popper .react-datepicker__day--selected{background-color:var(--color-brand);color:#fff;font-weight:600}.custom-datepicker-popper .react-datepicker__day--keyboard-selected{background-color:#eb844533;color:var(--color-brand)}.custom-datepicker-popper .react-datepicker__day:hover{background-color:#eb84451a;color:var(--color-brand)}.custom-datepicker-popper .react-datepicker__day--today{background-color:#2f7edb1a;color:var(--color-info);font-weight:600}.custom-timepicker-popper .react-datepicker{width:120px}.custom-timepicker-popper .react-datepicker__time-container{width:100%}.custom-timepicker-popper .react-datepicker__time .react-datepicker__time-box{background-color:#fff;width:100%}.custom-timepicker-popper .react-datepicker__time-list{height:200px;overflow-y:auto}.custom-timepicker-popper .react-datepicker__time-list-item{padding:8px 12px;font-size:14px;text-align:center}.custom-timepicker-popper .react-datepicker__time-list-item--selected{background-color:var(--color-brand)!important;color:#fff!important;font-weight:600}.custom-timepicker-popper .react-datepicker__time-list-item:hover{background-color:#eb84451a!important;color:var(--color-brand)!important}.custom-timepicker-popper .react-datepicker__header{background-color:var(--color-brand);text-align:center;padding:8px 0;border-radius:4px 4px 0 0}.custom-timepicker-popper .react-datepicker__header .react-datepicker-time__header{color:#fff}.custom-timepicker-popper .react-datepicker__header .react-datepicker__time-caption{color:#fff;font-weight:600;font-size:16px}.upload-panel-center .schedule-date-link,.upload-panel-center .schedule-time-link{color:var(--color-info);text-decoration:underline;font-size:14px;font-weight:500;cursor:pointer}.upload-panel-center .schedule-date-link:hover,.upload-panel-center .schedule-time-link:hover{text-decoration:none}.upload-panel-right{width:280px;padding:20px;display:flex;flex-direction:column;gap:24px}.upload-panel-right .file-preview{background:transparent;height:200px;display:flex;align-items:center;justify-content:center}.upload-panel-right .preview-placeholder{font-size:48px;color:#ccc}.upload-panel-right .preview-image,.upload-panel-right .preview-video{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.upload-panel-right .file-metadata{display:flex;flex-direction:column}.upload-panel-right .metadata-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #8B879E;color:var(--color-gray-bg);font-size:14px}.upload-panel-right .metadata-row:last-child{border-bottom:none}.upload-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-top:1px solid #e9ecef;background:#fff;box-shadow:0 -2px 4px #0000001a}.upload-footer .footer-left{display:flex;align-items:center}.upload-footer .apply-all-checkbox{display:flex;align-items:center;gap:8px}.upload-footer .apply-all-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-info)}.upload-footer .apply-all-checkbox label{color:#333;font-size:14px;font-weight:500}.apply-to-all-indicator{background:#eb84451a;border:1px solid var(--color-brand);border-radius:4px;padding:6px 12px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-brand);font-weight:500}.apply-to-all-indicator .indicator-icon{width:16px;height:16px;background:var(--color-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.upload-footer .footer-right{display:flex;align-items:center;gap:12px}.toast-container{position:fixed;left:0;right:0;z-index:1000;pointer-events:none}.toast-container-global{top:112px}.toast-container-modal{bottom:0;position:absolute}.toast-container-auth{top:0}.toast-notification{width:100%;padding:8px 20px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#fff;pointer-events:auto;animation:slideDown .3s ease-out}.toast-content{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;max-width:1200px}.toast-message{flex:1;text-align:center;white-space:pre-line}.toast-success{background:var(--bg-success);border-bottom:1px solid rgba(255,255,255,.2)}.toast-error{background:var(--bg-error);border-bottom:1px solid rgba(255,255,255,.2)}.toast-warning{background:#f59e0b;border-bottom:1px solid rgba(255,255,255,.2)}.toast-info{background:var(--color-info);border-bottom:1px solid rgba(255,255,255,.2)}.toast-modal{box-shadow:0 2px 8px #00000026}.toast-global,.toast-auth{box-shadow:0 2px 4px #0000001a}.toast-action-btn{background:none;border:none;color:#fff;font-size:14px;font-weight:600;text-decoration:underline;cursor:pointer;padding:0;transition:opacity .2s ease}.toast-action-btn:hover{opacity:.8}.toast-close-btn{background:none;border:none;color:#fff;font-size:20px;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;margin-left:auto}.toast-close-btn:hover{opacity:.8}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.toast-notification.leaving{animation:slideUp .3s ease-in forwards}.toast-modal.toast-error .toast-content{text-align:center}.toast-modal.toast-error .toast-message{text-align:left;flex:none}.toast-modal.toast-error .toast-action-btn{margin-left:16px;margin-right:16px}@media(max-width:768px){.toast-notification{padding:12px 16px;font-size:13px}.toast-content{gap:12px}.toast-container-global{top:100px}}@media(prefers-contrast:high){.toast-success{background:#166534}.toast-error{background:#991b1b}.toast-warning{background:#92400e}}@media(prefers-reduced-motion:reduce){.toast-notification,.toast-notification.leaving{animation:none}}.edit-media-panel{display:flex;flex-direction:column;height:100%}.edit-header{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-edit-header-bg);position:relative;padding:20px}.edit-title{color:var(--color-edit-title);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;flex:1}.header-preview{position:relative}.header-preview-image{width:130px;height:70px;object-fit:cover}.edit-form{flex:1;padding:0 24px 180px;overflow-y:auto;overflow-x:hidden}.edit-form textarea.form-input{padding-right:20px;overflow:hidden;background:var(--color-dark-bg)}.schedule-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);height:30px}.schedule-header h3{font-size:14px;font-weight:var(--font-weight-medium);margin:0}.edit-form .schedule-header .tag-chip.clear-schedule-btn{margin-left:auto;cursor:pointer;color:var(--color-text-primary);padding-inline:20px}.edit-form .schedule-header .tag-chip.clear-schedule-btn:hover{background:var(--color-brand)}.schedule-inputs{display:flex;flex-direction:column;gap:var(--spacing-md)}.schedule-row{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group .schedule-label{color:var(--color-sidebar-item);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:0}.date-time-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--spacing-md)}.edit-form .date-time-container{grid-template-columns:auto 20px 50px;position:relative}.edit-form .schedule-date-input,.edit-form .schedule-time-input{background:transparent;border:none;border-bottom:1px solid var(--color-brand);color:var(--color-brand);font-size:12px;font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;width:100%;outline:none}.edit-form .schedule-date-input::placeholder,.edit-form .schedule-time-input::placeholder{color:var(--color-sidebar-item);opacity:.5}.edit-form .schedule-time-input{text-align:right}.edit-form .react-datepicker__tab-loop{position:absolute;bottom:0;left:0}.edit-form .react-datepicker-popper{transform:translate(-55px,-25px) scale(.7)!important}.edit-form .react-datepicker-popper.custom-timepicker-popper{transform:translate(155px,-10px) scale(.8)!important}.edit-form .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{height:calc(140px + .85rem)}.edit-form .tag-input-field{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.edit-form .tag-icon{flex-shrink:0}.edit-form .tag-input-underlined{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;font-family:var(--font-family);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}.edit-form .tag-input-underlined::placeholder{color:var(--color-secondary-action)}.edit-form .tag-input-underlined:focus-visible{border-bottom-color:var(--color-gray-400)}.edit-form .create-tag-suggestion{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md)}.edit-form .create-tag-suggestion button{background:none;border:none;color:var(--color-text-link);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) 0;text-align:left;display:flex;align-items:center;gap:var(--spacing-xs)}.edit-form .create-tag-suggestion button:hover{text-decoration:underline}.edit-form .add-tag-btn{background:transparent;border:none;padding:var(--spacing-xs);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);flex-shrink:0}.edit-form .add-tag-btn:hover:not(:disabled){opacity:1}.edit-form .add-tag-btn:disabled{opacity:.3;cursor:not-allowed}.edit-form .all-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.edit-form .suggested-tag{background:var(--color-tag-chip-bg);border:1px solid var(--color-tag-chip-border);border-radius:var(--radius-full);color:var(--color-tag-chip-text);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast);font-family:var(--font-family)}.edit-form .tag-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:1px solid var(--color-brand);border-radius:var(--radius-full);color:var(--color-brand);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);font-family:var(--font-family)}.edit-form .tag-chip-remove{background:transparent;border:none;color:var(--color-brand);font-size:var(--font-size-sm);cursor:pointer;padding:0;margin-left:var(--spacing-xs);line-height:1;transition:color var(--transition-fast)}.edit-form .tag-chip-remove:hover{color:var(--color-brand-hover)}.edit-media-panel .form-actions{padding:24px}.auth-container{display:flex;height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0}.auth-left{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:100px 40px 100px 100px;overflow:hidden;position:relative}.auth-left:after{content:"";position:absolute;inset:0;background:#13335a;z-index:1;opacity:.8}.auth-logo{display:flex;align-items:center;justify-content:flex-start;margin-bottom:60px;position:relative;z-index:3}.auth-logo img{object-fit:contain}.auth-content{position:relative;z-index:3}.auth-title{font-size:48px;font-weight:800;font-style:italic;color:var(--color-text-primary);margin-bottom:var(--spacing-xl);line-height:normal}.auth-description{color:#ffffffe6;font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.auth-features{margin-top:var(--spacing-2xl)}.auth-feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.auth-feature-text{color:#fffc;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl)}.auth-language{margin-top:auto;position:relative;z-index:3}.language-selector{position:relative;display:inline-block}.language-select-button{width:180px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--color-text-primary);padding:8px 24px 8px 0;border-radius:0;font-size:var(--font-size-base);font-family:var(--font-family);font-weight:var(--font-weight-normal);cursor:pointer;display:flex;align-items:center;gap:8px;position:relative;transition:all var(--transition-base)}.language-select-button:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:16px;height:16px;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='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:16px}.language-select-button:hover{border-bottom-color:#ffffff80}.language-select-button:focus{outline:none;border-bottom-color:#ffffffb3}.language-flag{font-size:16px}.language-name{font-size:var(--font-size-base)}.language-dropdown{width:200px;position:absolute;bottom:100%;left:100px;right:0;background:#282d37f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 0;margin-bottom:8px;box-shadow:0 10px 25px #0003;z-index:10}.language-option{width:100%;background:transparent;border:none;color:var(--color-text-primary);padding:12px 16px;font-size:var(--font-size-base);font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color var(--transition-base)}.language-option:hover{background:#ffffff1a}.language-option.active{background:rgba(var(--color-brand-rgb),.2);color:var(--color-brand)}.language-select{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);color:var(--color-text-primary);padding:8px 24px 8px 0;border-radius:0;font-size:var(--font-size-base);font-family:var(--font-family);font-weight:var(--font-weight-normal);cursor:pointer;appearance:none;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='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0 center;background-size:16px;transition:all var(--transition-base);min-width:140px}.language-select:hover{border-bottom-color:#ffffff80}.language-select:focus{outline:none;border-bottom-color:#ffffffb3}.auth-right{flex:1;background:var(--color-dark-bg);display:flex;justify-content:center;padding:100px var(--spacing-3xl)}.auth-form-container{width:80%;max-width:700px;display:flex;flex-direction:column}.auth-form-container form{flex:1;display:flex;flex-direction:column}.auth-tabs{display:flex;align-items:flex-start;justify-content:flex-start;gap:0;margin-bottom:48px;position:relative;width:100%}.auth-tabs:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff14}.auth-tab{padding-bottom:16px;font-size:20px;font-weight:var(--font-weight-medium);color:#6b6f7e;cursor:pointer;position:relative;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;flex:1;text-align:center}.auth-tab:hover{color:#8b92a9}.auth-tab.active{color:var(--color-brand)}.auth-tab.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:100%;height:2px;background:var(--color-brand)}.auth-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;margin-top:36px}.forgot-link{color:#f04438;font-size:14px;font-weight:var(--font-weight-normal);transition:opacity var(--transition-base);text-decoration:none}.forgot-link:hover{opacity:.8;color:#f04438;text-decoration:underline}.auth-container form .btn-container{display:flex;justify-content:flex-end;width:100%;margin-top:auto}.auth-container form .btn-container button{width:200px;padding:12px}.auth-header{margin-bottom:40px}.auth-back-link{display:flex;align-items:center;gap:8px;color:var(--color-brand);text-decoration:none;font-size:20px;font-weight:var(--font-weight-medium);transition:opacity var(--transition-base)}.auth-back-link:hover{opacity:.8;color:var(--color-brand)}.auth-back-link svg{width:20px;height:20px}.auth-page-header{margin-bottom:40px}.auth-page-title{color:var(--color-brand);font-size:20px;font-weight:var(--font-weight-medium);margin:0}.auth-page-content{flex:1;display:flex;flex-direction:column}.auth-page-description{color:#8b92a9;font-size:16px;line-height:var(--line-height-relaxed);margin-bottom:32px}@media(max-width:768px){.auth-container{flex-direction:column}.auth-left{display:none}.auth-right{flex:1;padding:var(--spacing-lg)}.auth-form-container{padding-right:0}}body{background:var(--color-body-bg)!important}.dashboard-container{display:flex;flex-direction:column;height:100vh;background:var(--color-body-bg);overflow:hidden}.dashboard-header{display:flex;align-items:center;justify-content:space-between;height:64px;background:var(--color-header-bg);border-bottom:1px solid var(--color-border);padding:0 24px;position:relative;z-index:100}.header-left{display:flex;align-items:center}.header-logo{display:flex;align-items:center;gap:12px}.logo-text{font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-brand);letter-spacing:-.02em}.header-center{flex:1}.header-right{display:flex;align-items:center;gap:16px}.header-search{width:300px}.header-actions{display:flex;align-items:center;gap:16px;position:relative}.notification-btn,.profile-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.notification-btn svg{width:24px;height:24px}.profile-btn svg{width:20px;height:20px}.notification-btn:hover,.profile-btn:hover{background:#ffffff1a;color:var(--color-text-primary)}.notification-badge{position:absolute;top:0;right:0;width:18px;height:18px;background:var(--color-error);color:#fff;border-radius:50%;font-size:11px;font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:center}.profile-avatar{width:32px;height:32px;background:var(--color-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.profile-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 10px 25px #0003;min-width:180px;overflow:hidden;z-index:1000}.profile-item{padding:12px 16px;color:var(--color-text-primary);font-size:14px;cursor:pointer;transition:background-color var(--transition-base)}.profile-item:hover{background:#ffffff1a}.profile-divider{height:1px;background:var(--color-border);margin:4px 0}.secondary-header{display:flex;align-items:center;justify-content:space-between;height:56px;background:var(--color-secondary-header-bg);padding:0 24px}.company-name{font-size:16px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);min-width:300px;white-space:nowrap}.header-tabs{display:flex;gap:0}.header-tab{display:flex;align-items:center;gap:8px;padding:16px 24px;color:var(--color-text-secondary);text-decoration:none;font-size:16px;font-weight:var(--font-weight-semibold);border-bottom:2px solid transparent;transition:all var(--transition-base);position:relative;min-width:140px;justify-content:center}.header-tab:hover{color:var(--color-text-primary);background:#ffffff0d}.header-tab.active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.tab-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.dashboard-main{display:flex;flex:1;overflow:hidden}.dashboard-sidebar{width:171px;background:var(--color-sidebar-bg);flex-shrink:0;overflow-y:auto}.sidebar-nav{padding:16px 8px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;color:var(--color-sidebar-item);text-decoration:none;font-size:16px;font-weight:var(--font-weight-semibold);border-radius:8px;transition:all var(--transition-base)}.sidebar-item:hover{background:#ffffff1a;color:var(--color-text-primary)}.sidebar-item.active{color:var(--color-brand);position:relative}.sidebar-item.active:before{content:"";position:absolute;left:-8px;top:0;bottom:0;width:4px;background:var(--color-brand);border-radius:0 2px 2px 0}.sidebar-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sidebar-label{flex:1}.dashboard-content{flex:1;display:flex;flex-direction:column;padding:20px;background:var(--color-body-bg);overflow:hidden}.content-area{flex:1;padding:16px;background:var(--color-main-bg);border-radius:16px;height:100%;display:flex;flex-direction:column;overflow-y:auto}.content-area .data-table-wrapper{overflow:auto;flex:1}.content-container{background:var(--color-card-bg);border-radius:12px;padding:24px;height:100%;min-height:calc(100vh - 200px)}.dashboard-right-panel{width:300px;background:var(--color-right-panel-bg);flex-shrink:0;padding:20px}.dashboard-right-panel:has(.edit-media-panel){padding:0}.right-panel-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:14px}.breadcrumb-items{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:var(--font-weight-medium)}.breadcrumb-link{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-base)}.breadcrumb-link:hover{color:var(--color-brand)}.breadcrumb-current{color:var(--color-text-primary)}.breadcrumb-separator{width:16px;height:16px;color:var(--color-text-muted)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;height:40px;flex:0 0 40px}.page-title{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.page-actions{display:flex;align-items:center;gap:30px}.page-actions .new{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color var(--transition-base)}.page-actions .new:hover{background:#7eb9ff1a}.folder-header{display:flex;align-items:center;gap:var(--spacing-md)}.folder-header .back-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer;padding:0}.folder-header .back-btn:hover{color:var(--color-text-primary)}.folder-header .folder-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.page-title-container{display:flex;align-items:center;gap:var(--spacing-md)}.page-title-container .back-btn{visibility:hidden;opacity:0;transition:opacity .2s ease-in-out,visibility 0s .2s;display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer;padding:0}.page-title-container .back-btn.visible{visibility:visible;opacity:1;transition:opacity .2s ease-in-out}.page-title-container .back-btn:hover{color:var(--color-text-primary)}.data-table-wrapper{position:relative;transition:opacity .2s ease-in-out;width:100%;overflow-x:auto}.data-table-wrapper.is-fetching{opacity:.6;pointer-events:none}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table:has(.checkbox-cell) td:nth-child(2),.data-table:has(.checkbox-cell) th:nth-child(2){padding-left:0}.data-table th{padding:10px 20px;text-align:left;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.data-table tr{min-height:54px;height:auto}.data-table td{padding:10px 20px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:14px}.data-table tbody tr:hover{background:#ffffff0d;cursor:pointer}.data-table tbody tr.selected{background:#3c446dcc}.data-table tbody tr.selected:hover{background:#3c446de6}.data-table tbody tr.disabled-row{opacity:.4;pointer-events:none;cursor:not-allowed!important}.data-table-wrapper.media-library-table .data-table,.media-library-table{table-layout:fixed!important;width:100%!important;padding-bottom:30px}.data-table-wrapper.media-library-table .data-table th,.data-table-wrapper.media-library-table .data-table td,.media-library-table th,.media-library-table td{max-width:0!important;overflow:hidden!important;white-space:nowrap!important;padding-inline:5px}.data-table-wrapper.media-library-table .data-table th:first-child,.data-table-wrapper.media-library-table .data-table td:first-child,.media-library-table th:first-child,.media-library-table td:first-child{width:40px!important;max-width:40px!important;min-width:40px!important;flex-shrink:0!important}.data-table-wrapper.media-library-table .data-table th:nth-child(2),.data-table-wrapper.media-library-table .data-table td:nth-child(2),.media-library-table th:nth-child(2),.media-library-table td:nth-child(2){width:35%!important;min-width:0!important;flex-shrink:1!important;vertical-align:middle!important}.data-table-wrapper.media-library-table .data-table th:nth-child(3),.data-table-wrapper.media-library-table .data-table td:nth-child(3),.media-library-table th:nth-child(3),.media-library-table td:nth-child(3){width:18%!important;min-width:100px!important;flex-shrink:1!important}.data-table-wrapper.media-library-table .data-table th:nth-child(4),.data-table-wrapper.media-library-table .data-table td:nth-child(4),.media-library-table th:nth-child(4),.media-library-table td:nth-child(4){width:15%!important;min-width:80px!important;flex-shrink:1!important}.data-table-wrapper.media-library-table .data-table th:nth-child(5),.data-table-wrapper.media-library-table .data-table td:nth-child(5),.media-library-table th:nth-child(5),.media-library-table td:nth-child(5){width:32%!important;min-width:0!important;text-align:center!important;flex-shrink:1!important}.data-table-wrapper.media-library-table[data-media-type=webpages] .data-table th:nth-child(2),.data-table-wrapper.media-library-table[data-media-type=webpages] .data-table td:nth-child(2),.media-library-table[data-media-type=webpages] th:nth-child(2),.media-library-table[data-media-type=webpages] td:nth-child(2){width:40%!important;min-width:0!important;flex-shrink:1!important;vertical-align:middle!important}.data-table-wrapper.media-library-table[data-media-type=webpages] .data-table th:nth-child(3),.data-table-wrapper.media-library-table[data-media-type=webpages] .data-table td:nth-child(3),.media-library-table[data-media-type=webpages] th:nth-child(3),.media-library-table[data-media-type=webpages] td:nth-child(3){width:20%!important;min-width:100px!important;flex-shrink:1!important}.data-table-wrapper.media-library-table[data-media-type=webpages] .data-table th:nth-child(4),.data-table-wrapper.media-library-table[data-media-type=webpages] .data-table td:nth-child(4),.media-library-table[data-media-type=webpages] th:nth-child(4),.media-library-table[data-media-type=webpages] td:nth-child(4){width:40%!important;min-width:0!important;text-align:center!important;flex-shrink:1!important}.data-table-wrapper.media-library-table .data-table th:last-child,.data-table-wrapper.media-library-table .data-table td:last-child,.media-library-table th:last-child,.media-library-table td:last-child{width:60px!important;min-width:60px!important;max-width:60px!important;flex-shrink:0!important;text-align:center!important;padding-right:20px!important;overflow:visible!important;position:relative!important}.data-table.two-column-table th:first-child,.data-table.two-column-table td:first-child,.two-column-table .data-table th:first-child,.two-column-table .data-table td:first-child,.two-column-table th:first-child,.two-column-table td:first-child{width:60%!important;min-width:0!important;flex-shrink:1!important}.data-table.two-column-table th:nth-child(2),.data-table.two-column-table td:nth-child(2),.two-column-table .data-table th:nth-child(2),.two-column-table .data-table td:nth-child(2),.two-column-table th:nth-child(2),.two-column-table td:nth-child(2){width:40%!important;min-width:120px!important;flex-shrink:1!important}.data-table.two-column-table th:last-child,.data-table.two-column-table td:last-child,.two-column-table .data-table th:last-child,.two-column-table .data-table td:last-child,.two-column-table th:last-child,.two-column-table td:last-child{width:60px!important;min-width:60px!important;max-width:60px!important;flex-shrink:0!important;text-align:center!important;padding:10px 20px 10px 10px!important;overflow:visible!important;position:relative!important}.media-types-table th:first-child,.media-types-table td:first-child{width:70%}.media-types-table th:nth-child(2),.media-types-table td:nth-child(2){width:30%}.users-table{table-layout:fixed}.users-table th,.users-table td{max-width:0;overflow:hidden}.data-table.users-table th:first-child,.data-table.users-table td:first-child,.users-table .data-table th:first-child,.users-table .data-table td:first-child,.users-table th:first-child,.users-table td:first-child{width:25%!important;min-width:0!important;flex-shrink:1!important}.data-table.users-table th:nth-child(2),.data-table.users-table td:nth-child(2),.users-table .data-table th:nth-child(2),.users-table .data-table td:nth-child(2),.users-table th:nth-child(2),.users-table td:nth-child(2){width:30%!important;min-width:0!important;flex-shrink:1!important}.data-table.users-table th:nth-child(3),.data-table.users-table td:nth-child(3),.users-table .data-table th:nth-child(3),.users-table .data-table td:nth-child(3),.users-table th:nth-child(3),.users-table td:nth-child(3){width:20%!important;min-width:100px!important;flex-shrink:1!important}.data-table.users-table th:nth-child(4),.data-table.users-table td:nth-child(4),.users-table .data-table th:nth-child(4),.users-table .data-table td:nth-child(4),.users-table th:nth-child(4),.users-table td:nth-child(4){width:25%!important;min-width:80px!important;flex-shrink:1!important}.data-table.users-table th:last-child,.data-table.users-table td:last-child,.users-table .data-table th:last-child,.users-table .data-table td:last-child,.users-table th:last-child,.users-table td:last-child{width:60px!important;min-width:60px!important;max-width:60px!important;flex-shrink:0!important;text-align:center!important;padding:10px 20px 10px 10px!important;overflow:visible!important;position:relative!important}.data-table-container{display:flex;flex-direction:column;gap:24px;margin-top:16px}.group-table-container{display:flex;flex-direction:column;gap:8px}.group-table-container:first-child .group-title{display:none}.group-table-container:not(:first-child) .data-table thead{display:none}.group-table-container:first-child .data-table td:first-child{transform-origin:left;transform:scale(1.15)}.group-title{display:flex;align-items:center;gap:8px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);padding:12px 0 0}.group-icon,.group-label{font-size:16px}.group-toggle{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;font-size:12px;transition:all var(--transition-base)}.group-toggle:hover{color:var(--color-text-primary)}.group-table-container .data-table{background:transparent}.page-sort{display:flex;align-items:center}.sort-label{color:var(--color-text-primary);font-size:16px}.sort-select{background:transparent;border:none;color:var(--color-brand);font-size:16px;font-weight:var(--font-weight-medium);cursor:pointer;padding:4px 20px 4px 8px;border-radius:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 11L12 6H5L8.5 11Z' fill='white'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 4px center;background-size:12px}.sort-select:focus{outline:none;border-color:var(--color-input-focus);background-color:var(--color-input-bg);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 11L12 6H5L8.5 11Z' fill='white'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:12px}.sort-select option{background:var(--color-input-bg);color:var(--color-text-primary);padding:8px 12px}.sort-select option:hover{background:#3c446dcc}.master-library-name{font-weight:var(--font-weight-semibold);font-size:16px}.asset-name-truncated{white-space:normal;overflow:visible;word-wrap:break-word;overflow-wrap:break-word;display:inline-block;max-width:100%;vertical-align:top;line-height:1.4}.modified-column-text{white-space:normal!important;overflow:visible!important;word-wrap:break-word;overflow-wrap:break-word;display:inline-block;max-width:100%;vertical-align:top;line-height:1.4}.asset-tags-truncated{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%;vertical-align:top;cursor:default}.table-cell-content{display:flex;align-items:center;gap:12px;min-width:0}.table-cell-content .asset-name-truncated{flex:1;min-width:0}.folder-icon{font-size:16px}.action-menu-btn{background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:18px;font-weight:700;transition:all var(--transition-base)}.action-menu-btn:hover{color:var(--color-text-primary);background:#ffffff1a}.action-text{color:var(--color-primary-action)}@media(max-width:768px){.dashboard-sidebar{width:60px}.sidebar-label,.dashboard-right-panel{display:none}.header-search{width:200px}.company-name{font-size:14px}.header-tabs{gap:8px}.header-tab{padding:12px 16px;font-size:13px}.content-area{padding:8px}.content-container{padding:16px;min-height:calc(100vh - 150px)}}@media(max-width:480px){.dashboard-sidebar,.dashboard-right-panel{display:none}.header-search{width:150px}.secondary-header{flex-direction:column;height:auto;padding:12px 16px}.header-tabs{width:100%;justify-content:center;margin-top:8px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{font-family:var(--font-family);background-color:var(--color-dark-bg);color:var(--color-text-primary);line-height:var(--line-height-normal);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);min-height:100%;overflow-x:hidden}input,textarea,button,select{font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}a{color:inherit;text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-brand)}.w-full{width:100%;max-width:100%}:focus{outline:none}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}::selection{background-color:var(--color-brand);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-panel-bg)}::-webkit-scrollbar-thumb{background:var(--color-input-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}