:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Toastify__toast-container{top:1.5rem!important;margin-top:0!important}.Toastify__toast-container--top-center{left:50%;transform:translate(-50%);width:auto;max-width:90%;min-width:320px}.Toastify__toast{min-height:3.5rem;border-radius:.75rem;padding:.875rem 1rem;margin-bottom:.75rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.Toastify__toast:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}[data-theme=light] .Toastify__toast{background:var(--color-bg-secondary);color:var(--color-text-primary)}[data-theme=light] .Toastify__toast--success{background:linear-gradient(135deg,#10b981f2,#059669f2);color:#fff;border-color:#10b9814d}[data-theme=light] .Toastify__toast--error{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);color:#fff;border-color:#ef44444d}[data-theme=light] .Toastify__toast--info{background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);color:#fff;border-color:#3b82f64d}[data-theme=light] .Toastify__toast--warning{background:linear-gradient(135deg,#f59e0bf2,#d97706f2);color:#fff;border-color:#f59e0b4d}[data-theme=dark] .Toastify__toast{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-strong)}[data-theme=dark] .Toastify__toast--success{background:linear-gradient(135deg,#10b981e6,#059669e6);color:#fff;border-color:#10b98166}[data-theme=dark] .Toastify__toast--error{background:linear-gradient(135deg,#f87171e6,#ef4444e6);color:#fff;border-color:#f8717166}[data-theme=dark] .Toastify__toast--info{background:linear-gradient(135deg,#38bdf8e6,#2563ebe6);color:#fff;border-color:#38bdf866}[data-theme=dark] .Toastify__toast--warning{background:linear-gradient(135deg,#fbbf24e6,#f59e0be6);color:#fff;border-color:#fbbf2466}.Toastify__toast-body{padding:0;margin:0;display:flex;align-items:center;gap:.75rem;line-height:1.5}.Toastify__toast-icon{width:1.5rem;height:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.Toastify__close-button{color:inherit;opacity:.7;align-self:flex-start;padding:.25rem;margin-left:auto;transition:opacity .2s,transform .2s;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem}.Toastify__close-button:hover{opacity:1;transform:scale(1.1);background:#ffffff1a}.Toastify__close-button>svg{width:1rem;height:1rem}.Toastify__progress-bar{height:3px;background:#fff6;border-radius:0 0 .75rem .75rem}.Toastify__progress-bar--success,.Toastify__progress-bar--error,.Toastify__progress-bar--info,.Toastify__progress-bar--warning{background:#ffffff80}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--default{background:var(--color-bg-secondary);color:var(--color-text-primary)}@media(max-width:767px){.Toastify__toast-container--top-center{max-width:calc(100% - 2rem);min-width:280px;left:1rem;right:1rem;transform:none;width:auto}.Toastify__toast{min-height:3rem;padding:.75rem .875rem;font-size:.8125rem}}.background-task-notification{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;text-align:center}.background-task-notification__icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;flex-shrink:0}.background-task-notification--success .background-task-notification__icon{background:var(--color-success-bg, rgba(34, 197, 94, .1));color:var(--color-success, #22c55e)}.background-task-notification--failed .background-task-notification__icon{background:var(--color-error-bg, rgba(239, 68, 68, .1));color:var(--color-error, #ef4444)}.background-task-notification__content{flex:1;width:100%}.background-task-notification__message{margin:0;font-size:1rem;line-height:1.5;color:var(--text-primary, inherit);word-wrap:break-word}.background-task-notification__actions{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem;width:100%}.background-task-notification__button{padding:.625rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;min-width:80px}.background-task-notification__button--primary{background:linear-gradient(135deg,var(--color-accent, #6366f1) 0%,var(--color-info, #3b82f6) 100%);color:#fff;box-shadow:0 2px 8px #6366f14d}.background-task-notification__button--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.background-task-notification__button--primary:active{transform:translateY(0);box-shadow:0 2px 8px #6366f14d}.background-task-notification__button--primary:focus{outline:2px solid var(--color-accent, #6366f1);outline-offset:2px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-secondary, #666666)}.loading--fullPage{min-height:60vh;padding:3rem 1.5rem}.loading--centered{padding:3rem 1.5rem}.loading--inline{padding:1rem;flex-direction:row;gap:.75rem}.loading__spinner{border-radius:50%;border-style:solid;border-color:var(--color-border, #e0e0e0);border-top-color:var(--color-accent, #6366f1);animation:loading-spin 1s linear infinite;flex-shrink:0}.loading--small .loading__spinner{width:24px;height:24px;border-width:2px}.loading--medium .loading__spinner{width:48px;height:48px;border-width:4px}.loading--large .loading__spinner{width:64px;height:64px;border-width:5px}.loading--inline.loading--small .loading__spinner{width:16px;height:16px;border-width:2px}.loading--inline.loading--medium .loading__spinner{width:20px;height:20px;border-width:2px}.loading--inline.loading--large .loading__spinner{width:28px;height:28px;border-width:3px}.loading__text{margin:0;font-size:1rem;color:var(--color-text-secondary, #666666);transition:color .3s ease}.loading--small .loading__text{font-size:.875rem}.loading--large .loading__text{font-size:1.125rem}.loading--inline .loading__text{font-size:.875rem}@keyframes loading-spin{to{transform:rotate(360deg)}}[data-theme=dark] .loading,[data-theme=dark] .loading__text{color:var(--color-text-secondary, #cbd5e1)}@media(max-width:768px){.loading--fullPage{min-height:50vh;padding:2rem 1rem}.loading--centered{padding:2rem 1rem}.loading--inline{padding:.75rem;gap:.5rem}}.install-prompt{position:fixed;top:1rem;left:1rem;right:1rem;z-index:1000;animation:slideDown .3s ease-out}.update-notification~.install-prompt{top:6.5rem}.network-status~.install-prompt{top:6.5rem}.network-status~.update-notification~.install-prompt{top:12rem}.install-prompt__content{display:flex;align-items:center;gap:1rem;background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:.75rem;padding:1rem 1.25rem;box-shadow:var(--shadow-lg);max-width:600px;margin:0 auto}.install-prompt__icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-accent-bg);border-radius:.5rem;color:var(--color-accent)}.install-prompt__text{flex:1;min-width:0}.install-prompt__title{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.install-prompt__description{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.install-prompt__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.install-prompt__button{display:flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.install-prompt__button--install{background:var(--color-accent);color:#fff}.install-prompt__button--install:hover{background:var(--color-accent-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.install-prompt__button--install:active{transform:translateY(0)}.install-prompt__button--dismiss{background:transparent;color:var(--color-text-secondary);padding:.5rem;width:2rem;height:2rem}.install-prompt__button--dismiss:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}@media(max-width:767px){.install-prompt{top:.75rem;left:.75rem;right:.75rem}.install-prompt__content{flex-wrap:wrap;padding:.875rem 1rem;gap:.75rem}.install-prompt__icon{width:2rem;height:2rem}.install-prompt__title{font-size:.9375rem}.install-prompt__description{font-size:.8125rem}.install-prompt__actions{width:100%;justify-content:flex-end}.install-prompt__button--install{flex:1}}.open-in-app-prompt{position:fixed;top:1rem;left:1rem;right:1rem;z-index:1000;animation:openInAppSlideDown .3s ease-out}.update-notification~.open-in-app-prompt{top:6.5rem}.network-status~.open-in-app-prompt{top:6.5rem}.network-status~.update-notification~.open-in-app-prompt{top:12rem}@keyframes openInAppSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.open-in-app-prompt__content{display:flex;align-items:center;gap:1rem;background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:.75rem;padding:1rem 1.25rem;box-shadow:var(--shadow-lg);max-width:600px;margin:0 auto}.open-in-app-prompt__icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-accent-bg);border-radius:.5rem;color:var(--color-accent)}.open-in-app-prompt__text{flex:1;min-width:0}.open-in-app-prompt__title{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.open-in-app-prompt__description{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.open-in-app-prompt__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.open-in-app-prompt__button{display:flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.open-in-app-prompt__button--open{background:var(--color-accent);color:#fff}.open-in-app-prompt__button--open:hover{background:var(--color-accent-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.open-in-app-prompt__button--open:active{transform:translateY(0)}.open-in-app-prompt__button--dismiss{background:transparent;color:var(--color-text-secondary);padding:.5rem;width:2rem;height:2rem}.open-in-app-prompt__button--dismiss:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}@media(max-width:767px){.open-in-app-prompt{top:.75rem;left:.75rem;right:.75rem}.open-in-app-prompt__content{flex-wrap:wrap;padding:.875rem 1rem;gap:.75rem}.open-in-app-prompt__icon{width:2rem;height:2rem}.open-in-app-prompt__title{font-size:.9375rem}.open-in-app-prompt__description{font-size:.8125rem}.open-in-app-prompt__actions{width:100%;justify-content:flex-end}.open-in-app-prompt__button--open{flex:1}}.update-notification{position:fixed;top:1rem;left:1rem;right:1rem;z-index:1001;animation:slideDown .3s ease-out}.network-status~.update-notification{top:6.5rem}.update-notification__content{display:flex;align-items:center;gap:1rem;background:var(--color-info);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.3);border-radius:.75rem;padding:1rem 1.25rem;box-shadow:var(--shadow-lg);max-width:600px;margin:0 auto;color:#fff}.update-notification__icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:.5rem;color:#fff}.update-notification__text{flex:1;min-width:0}.update-notification__title{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#fff}.update-notification__description{margin:0;font-size:.875rem;color:#ffffffe6;line-height:1.4}.update-notification__button{flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;background:#fff3;color:#fff}.update-notification__button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px);box-shadow:var(--shadow-md)}.update-notification__button:active:not(:disabled){transform:translateY(0)}.update-notification__button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:767px){.update-notification{top:.75rem;left:.75rem;right:.75rem}.update-notification__content{flex-wrap:wrap;padding:.875rem 1rem;gap:.75rem}.update-notification__icon{width:2rem;height:2rem}.update-notification__title{font-size:.9375rem}.update-notification__description{font-size:.8125rem}.update-notification__button{width:100%}}.network-status{position:fixed;top:1rem;left:1rem;right:1rem;z-index:1002;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.network-status__content{display:flex;align-items:center;gap:1rem;background:var(--color-error);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(239,68,68,.3);border-radius:.75rem;padding:1rem 1.25rem;box-shadow:var(--shadow-lg);max-width:600px;margin:0 auto;color:#fff}.network-status__icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:.5rem;color:#fff}.network-status__text{flex:1;min-width:0}.network-status__title{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#fff}.network-status__description{margin:0;font-size:.875rem;color:#ffffffe6;line-height:1.4}@media(max-width:767px){.network-status{top:.75rem;left:.75rem;right:.75rem}.network-status__content{padding:.875rem 1rem;gap:.75rem}.network-status__icon{width:2rem;height:2rem}.network-status__title{font-size:.9375rem}.network-status__description{font-size:.8125rem}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--color-surface, #f5f5f5)}.error-boundary__content{max-width:28rem;text-align:center}.error-boundary__title{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:var(--color-text, #1a1a1a)}.error-boundary__message{margin:0 0 1rem;font-size:1rem;line-height:1.5;color:var(--color-text-secondary, #555)}.error-boundary__detail{margin:0 0 1.5rem;padding:.75rem;font-size:.875rem;font-family:monospace;background:var(--color-surface-alt, #eee);border-radius:4px;color:var(--color-text, #1a1a1a);word-break:break-word;text-align:left}.error-boundary__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.error-boundary__button{min-width:8rem}:root{--onboarding-gradient-start: #687FE5;--onboarding-gradient-middle: #8B9CF5;--onboarding-gradient-end: #EBD6FB;--onboarding-gradient-cyan: #687FE5;--onboarding-glow-color: rgba(104, 127, 229, .5)}[data-theme=dark]{--onboarding-gradient-start: #6A1E55;--onboarding-gradient-middle: #A64D79;--onboarding-gradient-end: #C77BA8;--onboarding-gradient-cyan: #A64D79;--onboarding-glow-color: rgba(166, 77, 121, .6)}.onboarding-wizard{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.onboarding-wizard__overlay{position:absolute;inset:0;background:linear-gradient(135deg,#6366f1e6,#8b5cf6d9,#ec4899e6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none}[data-theme=dark] .onboarding-wizard__overlay{background:linear-gradient(135deg,#1e293bf2,#334155eb,#1e293bf2)}.onboarding-wizard__background-decoration{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.onboarding-wizard__background-decoration:before,.onboarding-wizard__background-decoration:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s ease-in-out infinite}.onboarding-wizard__background-decoration:before{width:400px;height:400px;background:linear-gradient(135deg,var(--onboarding-gradient-start),var(--onboarding-gradient-middle));top:-200px;left:-200px;animation-delay:0s}.onboarding-wizard__background-decoration:after{width:500px;height:500px;background:linear-gradient(135deg,var(--onboarding-gradient-end),var(--onboarding-gradient-cyan));bottom:-250px;right:-250px;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.onboarding-wizard__container{position:relative;z-index:1;width:100%;max-width:600px;max-height:90vh;margin:1rem;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:2rem;box-shadow:0 20px 60px #0000004d,0 0 0 1px #fff3 inset,0 0 80px #8b5cf633;border:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .onboarding-wizard__container{background:#1e293bd9;border:1px solid rgba(148,163,184,.2);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d inset,0 0 80px #8b5cf626}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.onboarding-wizard__progress{display:flex;gap:.75rem;padding:1.75rem 2rem 1.25rem;background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent);border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=dark] .onboarding-wizard__progress{background:linear-gradient(to bottom,rgba(148,163,184,.05),transparent);border-bottom:1px solid rgba(148,163,184,.1)}.onboarding-wizard__progress-step{flex:1;height:6px;background:#94a3b833;border-radius:10px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .onboarding-wizard__progress-step{background:#64748b4d}.onboarding-wizard__progress-step--active{background:#94a3b84d;box-shadow:0 0 12px #8b5cf666}.onboarding-wizard__progress-fill{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,var(--onboarding-gradient-start),var(--onboarding-gradient-middle),var(--onboarding-gradient-end));border-radius:10px;animation:progressFill .6s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 0 10px #8b5cf699}@keyframes progressFill{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.onboarding-wizard__content{flex:1;padding:3rem 2rem;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;position:relative}.onboarding-step{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:stepFadeIn .5s cubic-bezier(.16,1,.3,1) forwards}.onboarding-step--animate-in{animation:stepSlideIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes stepSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes stepFadeIn{0%{opacity:0}to{opacity:1}}.onboarding-step__icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--onboarding-gradient-start),var(--onboarding-gradient-middle),var(--onboarding-gradient-end));border-radius:50%;color:#fff;margin-bottom:.5rem;box-shadow:0 10px 30px #8b5cf666,0 0 0 4px #ffffff1a inset;position:relative;overflow:hidden}.onboarding-step__icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.onboarding-step__icon--pulse{animation:iconPulse 2s ease-in-out infinite}.onboarding-step__icon--fade{animation:iconFadeIn .8s ease-out}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #8b5cf666,0 0 0 4px #ffffff1a inset}50%{transform:scale(1.05);box-shadow:0 15px 40px #8b5cf699,0 0 0 4px #fff3 inset}}@keyframes iconFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.onboarding-step__icon svg{position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.onboarding-step__title{margin:0;font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--onboarding-gradient-start),var(--onboarding-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;letter-spacing:-.02em}[data-theme=dark] .onboarding-step__title{background:linear-gradient(135deg,var(--onboarding-gradient-start),var(--onboarding-gradient-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-step__description{margin:0;font-size:1.0625rem;color:var(--color-text-secondary);line-height:1.7;max-width:500px;font-weight:400}.onboarding-step__note{margin:1rem 0 0;font-size:.875rem;color:var(--color-text-tertiary);font-style:italic;padding:.75rem 1rem;background:#8b5cf61a;border-radius:.5rem;border:1px solid rgba(139,92,246,.2)}.onboarding-step__demos{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:420px;margin-block-start:.5rem}.onboarding-step__demo-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding-inline:.5rem}.onboarding-step__demo-placeholder{aspect-ratio:16 / 9;width:100%;max-width:280px;background:var(--color-bg-tertiary);border:2px dashed var(--color-border);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:.875rem}.onboarding-step__demo-placeholder svg{opacity:.6}.onboarding-step__demo-placeholder:has(.onboarding-step__demo-img){padding:0;display:block;overflow:hidden;background:transparent;border:none}.onboarding-step__demo-img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:inherit;display:block}.onboarding-step__demo-title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.onboarding-step__demo-desc{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.onboarding-step__demos--single .onboarding-step__demo-card{width:100%}.onboarding-step__demos--single .onboarding-step__demo-placeholder{max-width:100%}.onboarding-step__options{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:420px;margin-top:1rem}.onboarding-option{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(148,163,184,.2);border-radius:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-size:1rem;color:var(--color-text-primary);text-align:start;position:relative;overflow:hidden}[data-theme=dark] .onboarding-option{background:#33415599;border-color:#94a3b833}.onboarding-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.onboarding-option:hover:before{left:100%}.onboarding-option:hover{background:#ffffffe6;border-color:var(--onboarding-gradient-middle);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #8b5cf64d,0 0 0 3px #8b5cf61a}[data-theme=dark] .onboarding-option:hover{background:#475569cc}.onboarding-option:active{transform:translateY(-2px) scale(.98)}.onboarding-option--active{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:var(--onboarding-gradient-middle);box-shadow:0 0 0 4px #8b5cf633,0 8px 25px #8b5cf64d,inset 0 1px #fff3;transform:scale(1.02)}[data-theme=dark] .onboarding-option--active{background:linear-gradient(135deg,#6366f140,#8b5cf640)}.onboarding-option--animate{opacity:0;animation:optionSlideIn .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes optionSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-option__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-inline-end:1rem;flex-shrink:0;color:var(--onboarding-gradient-middle);transition:all .3s ease}.onboarding-option:hover .onboarding-option__icon{transform:scale(1.1) rotate(5deg);color:var(--onboarding-gradient-end)}.onboarding-option__label{flex:1;font-weight:600;font-size:1.0625rem}.onboarding-option__check{color:var(--onboarding-gradient-middle);animation:checkPop .4s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 2px 4px rgba(139,92,246,.3))}@keyframes checkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.onboarding-wizard__actions{display:flex;align-items:center;justify-content:space-between;padding:2rem;background:linear-gradient(to top,rgba(255,255,255,.1),transparent);border-top:1px solid rgba(255,255,255,.1);gap:1rem}[data-theme=dark] .onboarding-wizard__actions{background:linear-gradient(to top,rgba(148,163,184,.05),transparent);border-top:1px solid rgba(148,163,184,.1)}.onboarding-wizard__nav{display:flex;gap:.75rem;margin-inline-start:auto}.onboarding-wizard__button{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:.875rem;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;min-width:110px;position:relative;overflow:hidden}.onboarding-wizard__button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.onboarding-wizard__button:active:before{width:300px;height:300px}.onboarding-wizard__button--skip{background:transparent;color:var(--color-text-secondary);padding:.875rem 1.25rem;min-width:auto}.onboarding-wizard__button--skip:hover{color:var(--color-text-primary);background:#94a3b81a;transform:translateY(-2px)}.onboarding-wizard__button--previous{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-primary);border:2px solid rgba(148,163,184,.2)}[data-theme=dark] .onboarding-wizard__button--previous{background:#334155cc;border-color:#94a3b84d}.onboarding-wizard__button--previous:hover{background:#fffffff2;border-color:var(--onboarding-gradient-middle);transform:translateY(-3px);box-shadow:0 6px 20px #8b5cf633}[data-theme=dark] .onboarding-wizard__button--previous:hover{background:#475569e6}.onboarding-wizard__button--next,.onboarding-wizard__button--complete{background:linear-gradient(135deg,var(--onboarding-gradient-start),var(--onboarding-gradient-middle),var(--onboarding-gradient-end));color:#fff;box-shadow:0 6px 20px #8b5cf666,0 0 #8b5cf680;position:relative;z-index:1}.onboarding-wizard__button--next:hover,.onboarding-wizard__button--complete:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 30px #8b5cf680,0 0 0 4px #8b5cf633}.onboarding-wizard__button--next:active,.onboarding-wizard__button--complete:active{transform:translateY(-2px) scale(.98)}[dir=rtl] .onboarding-option{text-align:right}[dir=rtl] .onboarding-option__icon{margin-inline-end:0;margin-inline-start:1rem}[dir=rtl] .onboarding-wizard__nav{margin-inline-start:0;margin-inline-end:auto}@media(max-width:767px){.onboarding-wizard__container{max-width:100%;max-height:100vh;margin:0;border-radius:0;min-height:100vh;box-shadow:none}.onboarding-wizard__progress{padding:1.5rem 1.25rem 1rem;gap:.5rem}.onboarding-wizard__progress-step{height:5px}.onboarding-wizard__content{padding:2.5rem 1.5rem;min-height:calc(100vh - 200px);gap:1.5rem}.onboarding-step{gap:1.75rem}.onboarding-step__icon{width:85px;height:85px}.onboarding-step__icon svg{width:70px;height:70px}.onboarding-step__title{font-size:1.75rem;line-height:1.3}.onboarding-step__description{font-size:1rem;line-height:1.6;max-width:100%}.onboarding-step__options{gap:.875rem;max-width:100%;margin-top:.5rem}.onboarding-option{padding:1.125rem 1.25rem;font-size:1rem;min-height:60px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(139,92,246,.2)}.onboarding-option__icon{width:36px;height:36px;margin-inline-end:.875rem}.onboarding-option__icon svg{width:24px;height:24px}.onboarding-option__label{font-size:1rem}.onboarding-wizard__actions{padding:1.5rem 1.25rem;flex-wrap:wrap;gap:.875rem}.onboarding-wizard__button{padding:1rem 1.5rem;font-size:1rem;min-width:0;flex:1;min-height:50px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(139,92,246,.2)}.onboarding-wizard__button--skip{order:3;width:100%;margin-top:.25rem;padding:.75rem;flex:none}.onboarding-wizard__nav{width:100%;justify-content:space-between;gap:.75rem}.onboarding-wizard__button--previous,.onboarding-wizard__button--next,.onboarding-wizard__button--complete{flex:1}.onboarding-step__demos{gap:1rem;max-width:100%;margin-block-start:.25rem}.onboarding-step__demo-placeholder{max-width:100%}.onboarding-step__demo-title{font-size:.9375rem}.onboarding-step__demo-desc{font-size:.8125rem}}@media(min-width:768px)and (max-width:1023px){.onboarding-wizard__container{max-width:580px}.onboarding-wizard__content{padding:2.75rem 1.75rem}.onboarding-step__title{font-size:1.875rem}}@media(min-width:1024px){.onboarding-wizard__container{max-width:640px}.onboarding-step__title{font-size:2.25rem}}@media(prefers-reduced-motion:reduce){.onboarding-wizard,.onboarding-wizard__container,.onboarding-step,.onboarding-option,.onboarding-wizard__button{animation:none!important;transition:none!important}.onboarding-step__icon--pulse,.onboarding-wizard__progress-fill{animation:none!important}}.mana-purchase{display:flex;flex-direction:column;gap:1rem}.mana-purchase__hero{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;border-radius:.75rem;background:linear-gradient(135deg,rgba(var(--color-accent-rgb, 59, 130, 246),.12),rgba(var(--color-accent-rgb, 59, 130, 246),.04)),var(--color-bg-secondary);border:1px solid rgba(var(--color-accent-rgb, 59, 130, 246),.18)}.mana-purchase__hero-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--color-accent);color:#fff;display:grid;place-items:center;font-size:1.2rem;box-shadow:0 10px 25px rgba(var(--color-accent-rgb, 59, 130, 246),.3)}.mana-purchase__hero-title{margin:0 0 .25rem;font-size:.95rem;font-weight:700;color:var(--color-text-primary)}.mana-purchase__hero-text{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.mana-purchase__packages{display:flex;flex-direction:column;gap:.75rem}.mana-purchase__packages-title{font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin:0}.mana-purchase__packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.mana-purchase__package-card{padding:1rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-secondary);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;text-align:left;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 14px #0000000a}.mana-purchase__package-card:hover:not(:disabled){border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 10px 30px #0000001a}.mana-purchase__package-card:active:not(:disabled){transform:translateY(0)}.mana-purchase__package-card:disabled{opacity:.7;cursor:not-allowed}.mana-purchase__package-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.mana-purchase__badge{background:rgba(var(--color-accent-rgb, 59, 130, 246),.12);color:var(--color-accent);border:1px solid rgba(var(--color-accent-rgb, 59, 130, 246),.2);padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap}.mana-purchase__package-name{font-size:.9rem;font-weight:700;color:var(--color-text-primary)}.mana-purchase__package-amount{font-size:1.1rem;font-weight:800;color:var(--color-accent)}.mana-purchase__package-price{font-size:.95rem;font-weight:600;color:var(--color-text-primary);display:flex;flex-direction:column;gap:.15rem}.mana-purchase__package-note{font-size:.8rem;color:var(--color-text-secondary)}.mana-purchase__package-loading{display:inline-flex;gap:.35rem;align-items:center;color:var(--color-text-secondary);font-size:.85rem}.mana-purchase__error{padding:.85rem 1rem;border-radius:.65rem;background:var(--color-error-bg, rgba(239, 68, 68, .08));border:1px solid var(--color-error, #ef4444);color:var(--color-error, #ef4444);font-size:.9rem}.mana-purchase__actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--color-border)}.mana-purchase__button{padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;border:none;border-radius:.6rem;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.5rem}.mana-purchase__button:disabled{opacity:.6;cursor:not-allowed}.mana-purchase__button--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.mana-purchase__button--secondary:hover:not(:disabled){background:var(--color-bg-tertiary)}.mana-purchase__spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.mana-purchase__state{padding:1rem;border-radius:.75rem;border:1px dashed var(--color-border);display:inline-flex;align-items:center;gap:.5rem}.mana-purchase__state--muted{color:var(--color-text-secondary)}.mana-purchase__state--empty{color:var(--color-text-primary)}@media(max-width:768px){.mana-purchase__packages-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.mana-purchase__actions{flex-direction:column-reverse}.mana-purchase__button{width:100%;justify-content:center}}.page--account{max-width:900px;margin:0 auto}.account__header{margin-bottom:2rem}.account__header h1{margin-bottom:.5rem}.account__error,.account__not-authenticated{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:var(--color-bg-secondary);border-radius:1rem;border:1px solid var(--color-border)}.account__error-icon,.account__not-authenticated-icon{font-size:3rem;margin-bottom:1rem}.account__error p{color:var(--color-error);margin:0;font-size:1.1rem}.account__not-authenticated p{margin:0 0 1.5rem;color:var(--color-text-secondary);font-size:1.1rem}.account__profile{background:var(--color-bg-secondary);border-radius:1rem;border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-md)}.account__profile-header{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,var(--color-accent-bg) 0%,transparent 100%);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.account__avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-md)}.account__avatar-initials{color:#fff;font-size:2rem;font-weight:600;letter-spacing:.05em}.account__profile-info{flex:1;min-width:200px}.account__profile-name{margin:0 0 .5rem;font-size:1.75rem;font-weight:600;color:var(--color-text-primary)}.account__profile-status{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.account__status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;text-transform:capitalize}.account__status-badge--active{background:#10b98126;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.account__status-badge--inactive{background:#ef444426;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.account__role-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);text-transform:capitalize}.account__edit-button{display:inline-flex;align-items:center;padding:.625rem 1.25rem;background:var(--color-accent);color:#fff;border-radius:.5rem;text-decoration:none;font-weight:500;font-size:.9375rem;transition:all .2s ease;border:none;cursor:pointer;white-space:nowrap}.account__edit-button:hover{background:var(--color-accent-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.account__details{padding:2rem}.account__details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.account__details-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.account__purchase-mana-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--color-accent);color:#fff;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.account__purchase-mana-button:hover{background:var(--color-accent-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.account__purchase-mana-button svg{width:16px;height:16px;flex-shrink:0}.account__purchase-mana-button--ghost{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:none}.account__purchase-mana-button--ghost:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-accent)}.account__details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.account__mana-card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;margin-bottom:1.25rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;box-shadow:var(--shadow-sm)}.account__mana-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.account__mana-eyebrow{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.account__mana-label{margin:.25rem 0 0;font-size:1rem;color:var(--color-text-secondary)}.account__mana-balance{font-size:2rem;font-weight:700;color:gold}.account__mana-caption{margin:0;color:var(--color-text-secondary)}.account__mana-actions{display:flex;flex-wrap:wrap;gap:.75rem}.account__detail-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--color-bg-primary);border-radius:.75rem;border:1px solid var(--color-border);transition:all .2s ease}.account__detail-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.account__detail-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.account__detail-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.account__detail-label{font-size:.8125rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.account__detail-value{font-size:1rem;color:var(--color-text-primary);font-weight:500;word-break:break-word}@media(max-width:768px){.account__profile-header{flex-direction:column;text-align:center}.account__profile-info{width:100%}.account__profile-status{justify-content:center}.account__edit-button{width:100%;justify-content:center}.account__details-grid{grid-template-columns:1fr}.account__details-header{flex-direction:column;align-items:stretch}.account__purchase-mana-button{width:100%;justify-content:center}}.page--edit-profile{max-width:600px;margin:0 auto}.edit-profile-form{display:flex;flex-direction:column;gap:1.5rem}.edit-profile-form__field{display:flex;flex-direction:column;gap:.5rem}.edit-profile-form__label{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.edit-profile-form__input{padding:.75rem;border:1px solid var(--color-border, rgba(0, 0, 0, .2));border-radius:.5rem;font-size:1rem;background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.edit-profile-form__input:focus{outline:none;border-color:var(--color-primary, #007bff);box-shadow:0 0 0 3px #007bff1a}.edit-profile-form__input:disabled{opacity:.6;cursor:not-allowed}.edit-profile-form__error{padding:.75rem;background:var(--color-error-bg, rgba(220, 53, 69, .1));color:var(--color-error, #dc3545);border-radius:.5rem;border:1px solid var(--color-error, #dc3545)}.edit-profile-form__success{padding:.75rem;background:var(--color-success-bg, rgba(40, 167, 69, .1));color:var(--color-success, #28a745);border-radius:.5rem;border:1px solid var(--color-success, #28a745)}.edit-profile-form__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.edit-profile-form__submit{min-width:120px}.edit-profile-password-section{margin-top:2rem}.edit-profile-password-section__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.edit-profile-form__password-field{display:flex;flex-direction:column;gap:.5rem}.edit-profile-form__password-input-wrapper{position:relative;display:flex;align-items:center}.edit-profile-form__password-input-wrapper .edit-profile-form__input{padding-right:3rem}.edit-profile-form__password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary, rgba(0, 0, 0, .6));transition:color .2s;z-index:1}.edit-profile-form__password-toggle:hover{color:var(--color-text-primary)}.edit-profile-form__password-toggle:disabled{opacity:.6;cursor:not-allowed}.edit-profile-form__password-toggle-icon{width:20px;height:20px;stroke:currentColor}@media(max-width:480px){.edit-profile-form__actions{flex-direction:column}.edit-profile-form__submit{width:100%}}.page--admin{padding:1rem;max-width:1400px;margin:0 auto}.admin__header{margin-bottom:2rem}.admin__header h1{font-size:2rem;margin-bottom:.5rem;color:var(--color-text-primary)}.admin__error{background-color:#ef44441a;color:var(--color-error);padding:1rem;border-radius:.75rem;margin-bottom:1rem;border:1px solid rgba(239,68,68,.2)}.admin__dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.admin__dashboard-button{display:block;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:1rem;padding:2rem;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:var(--shadow-md);cursor:pointer}.admin__dashboard-button:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent);background:var(--color-bg-tertiary)}.admin__dashboard-button:active{transform:translateY(-2px)}.admin__dashboard-button-content{display:flex;flex-direction:column;gap:.75rem}.admin__dashboard-button-content h2{font-size:1.75rem;font-weight:700;margin:0;color:var(--color-text-primary)}.admin__dashboard-button-content p{font-size:1rem;margin:0;color:var(--color-text-secondary);line-height:1.5}.admin__content{display:grid;grid-template-columns:1fr;gap:2rem}.admin__users-list{background:var(--color-bg-secondary);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.admin__users-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.admin__users-header h2{font-size:1.5rem;margin:0;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.admin__count{font-size:1rem;font-weight:500;color:var(--color-text-secondary)}.admin__filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.admin__search-wrapper{position:relative;flex:1;min-width:200px}.admin__search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--color-text-secondary);pointer-events:none}.admin__search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--color-border);border-radius:.625rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s ease}.admin__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg);background:var(--color-bg-secondary)}.admin__search-input::placeholder{color:var(--color-text-tertiary)}.admin__filters-group{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.admin__filter-select{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:.625rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;cursor:pointer;transition:all .2s ease;min-width:140px}.admin__filter-select:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-bg-secondary)}.admin__filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.admin__filter-select:disabled{opacity:.6;cursor:not-allowed}.admin__clear-filters{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:.625rem;background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin__clear-filters:hover{background:var(--color-bg-secondary);border-color:var(--color-border-strong);transform:translateY(-1px)}.admin__clear-filters:active{transform:translateY(0)}.admin__filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;background:var(--color-accent);color:#fff;border-radius:1rem;font-size:.75rem;font-weight:600}.admin__active-filters{margin-bottom:1rem;padding:.75rem 1rem;background:var(--color-accent-bg);border:1px solid var(--color-accent);border-radius:.625rem}.admin__active-filters-text{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.admin__users-table{overflow-x:auto;margin-bottom:1.5rem}.admin__users-table table{width:100%;border-collapse:collapse}.admin__users-table thead{background-color:var(--color-bg-tertiary)}.admin__users-table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}.admin__users-table td{padding:1rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.admin__users-table tbody tr{transition:background-color .2s ease}.admin__users-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.admin__user-row--selected{background-color:var(--color-accent-bg)!important}.admin__user-email{font-weight:500;color:var(--color-text-primary)}.admin__user-name{color:var(--color-text-secondary)}.admin__users-cards{display:none;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.admin__user-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.admin__user-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.admin__user-card--selected{background-color:var(--color-accent-bg);border-color:var(--color-accent)}.admin__user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.admin__user-card-info{flex:1;min-width:0}.admin__user-card-email{font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem;word-break:break-word}.admin__user-card-name{font-size:.875rem;color:var(--color-text-secondary)}.admin__user-card-body{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.admin__user-card-field{display:flex;flex-direction:column;gap:.5rem}.admin__user-card-field label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.admin__user-card-actions{display:flex;gap:.5rem}.admin__role-select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem;min-width:120px;cursor:pointer;transition:all .2s ease}.admin__role-select:hover:not(:disabled){border-color:var(--color-border-strong)}.admin__role-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.admin__role-select:disabled{opacity:.6;cursor:not-allowed}.admin__status-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.admin__status-toggle input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--color-accent)}.admin__status-toggle:has(input:disabled){opacity:.6;cursor:not-allowed}.admin__status-badge{padding:.375rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;white-space:nowrap;transition:all .2s ease}.admin__status-badge--active{background-color:#10b98126;color:var(--color-success)}.admin__status-badge--inactive{background-color:#ef444426;color:var(--color-error)}.admin__pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);flex-wrap:wrap}.admin__pagination-info{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.admin__user-details{background:var(--color-bg-secondary);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.admin__user-details--sidebar{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.admin__user-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border);gap:1rem}.admin__user-details-header h2{font-size:1.5rem;margin:0;color:var(--color-text-primary)}.admin__user-details-content{display:flex;flex-direction:column;gap:1.25rem}.admin__user-details-content--drawer{gap:0}.admin__user-info-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;margin:-1.25rem -1.5rem 1.5rem;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.admin__user-info-avatar{width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600;flex-shrink:0;box-shadow:var(--shadow-md)}.admin__user-info-main{flex:1;min-width:0}.admin__user-info-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem;word-break:break-word}.admin__user-info-email{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem;word-break:break-all}.admin__user-info-badge{display:flex;align-items:center}.admin__user-details-section{padding:1.5rem 0;border-bottom:1px solid var(--color-border)}.admin__user-details-section:last-child{border-bottom:none;padding-bottom:0}.admin__section-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.admin__detail-item{display:flex;flex-direction:column;gap:.5rem}.admin__detail-item label{font-weight:600;font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin__detail-item span{color:var(--color-text-primary);font-size:.9375rem;word-break:break-word}.admin__detail-item select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.admin__detail-item select:hover:not(:disabled){border-color:var(--color-border-strong)}.admin__detail-item select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.admin__detail-item select:disabled{opacity:.6;cursor:not-allowed}.admin__role-select--drawer{width:100%;padding:.75rem 1rem;font-size:1rem;min-width:unset}.admin__status-toggle--drawer{width:100%;padding:.75rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:.5rem;justify-content:space-between;transition:all .2s ease}.admin__status-toggle--drawer:hover:not(:has(input:disabled)){background:var(--color-bg-secondary);border-color:var(--color-border-strong)}.admin__status-toggle--drawer input[type=checkbox]{width:1.5rem;height:1.5rem}.modal__body .admin__user-details-content--drawer,.drawer__body .admin__user-details-content--drawer{padding:0}.modal__body .admin__user-info-header,.drawer__body .admin__user-info-header{margin-left:-1.5rem;margin-right:-1.5rem;margin-top:-1.25rem}.modal__body .admin__user-details-section:first-child,.drawer__body .admin__user-details-section:first-child{padding-top:0}.admin__user-details .button--small{padding:.5rem 1rem;font-size:.875rem}@media(max-width:767px){.page--admin{padding:1rem .75rem}.admin__header h1{font-size:1.75rem}.admin__dashboard-grid{gap:1rem}.admin__dashboard-button{padding:1.5rem}.admin__dashboard-button-content h2{font-size:1.5rem}.admin__dashboard-button-content p{font-size:.9375rem}.admin__users-list{padding:1rem}.admin__users-header h2{font-size:1.25rem}.admin__filters-bar{flex-direction:column;gap:.75rem}.admin__search-wrapper{width:100%;min-width:unset}.admin__filters-group{width:100%;flex-direction:column}.admin__filter-select{width:100%;min-width:unset}.admin__clear-filters{width:100%;justify-content:center}.admin__users-table{display:none}.admin__users-cards{display:flex}.admin__user-card{padding:1rem}.admin__pagination{flex-direction:column;gap:.75rem}.admin__pagination-info{order:-1}.admin__user-details--sidebar{display:none}.admin__user-info-header{padding:1.25rem;margin:-1.25rem -1.25rem 1.25rem}.admin__user-info-avatar{width:3rem;height:3rem;font-size:1.25rem}.admin__user-info-name{font-size:1rem}.admin__user-details-section{padding:1.25rem 0}.admin__detail-item{padding:.75rem 0}.admin__detail-item label{font-size:.8125rem}.admin__detail-item span{font-size:.9375rem}}@media(min-width:768px)and (max-width:1023px){.page--admin{padding:1.5rem}.admin__dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.admin__content{grid-template-columns:1fr}.admin__filters-bar{flex-wrap:nowrap}.admin__search-wrapper{flex:1}.admin__filters-group{flex-shrink:0}.admin__users-table{display:block}.admin__users-cards{display:none}.admin__users-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin__user-details--sidebar{display:block;position:static;max-height:none;margin-top:1rem}}@media(min-width:1024px){.page--admin{padding:2rem}.admin__dashboard-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.admin__content{grid-template-columns:2fr 1fr;gap:2rem}.admin__filters-bar{flex-wrap:nowrap;gap:1.25rem}.admin__search-wrapper{flex:1;max-width:400px}.admin__filters-group{flex-shrink:0;gap:1rem}.admin__users-table{display:block}.admin__users-cards{display:none}.admin__users-list{padding:2rem}.admin__user-details--sidebar{display:block;position:sticky;top:1rem}}@media(min-width:1440px){.page--admin,.admin__users-list{padding:2.5rem}.admin__user-details{padding:2rem}}[dir=rtl] .admin__users-table th,[dir=rtl] .admin__users-table td{text-align:right}[dir=rtl] .admin__user-card-header,[dir=rtl] .admin__user-details-header{flex-direction:row-reverse}.admin__user-details::-webkit-scrollbar{width:8px}.admin__user-details::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:4px}.admin__user-details::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}.admin__user-details::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.admin__users-table::-webkit-scrollbar{height:8px}.admin__users-table::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:4px}.admin__users-table::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}.admin__users-table::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.admin__serie-cover{width:60px;height:80px;object-fit:cover;border-radius:.5rem;border:1px solid var(--color-border)}.admin__serie-cover-placeholder{width:60px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:.5rem;border:1px solid var(--color-border);color:var(--color-text-tertiary)}.admin__serie-actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin__serie-card-main{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.admin__serie-card-cover{width:50px;height:70px;object-fit:cover;border-radius:.5rem;border:1px solid var(--color-border);flex-shrink:0}.admin__serie-detail-cover{margin-bottom:1.5rem;border-radius:.75rem;overflow:hidden;border:1px solid var(--color-border)}.admin__serie-detail-cover-img{width:100%;height:auto;display:block;object-fit:cover}.admin__serie-detail-cover--drawer{margin:-1.25rem -1.5rem 1.5rem;border-radius:0;border-left:none;border-right:none;border-top:none}.admin__empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-secondary);margin:2rem 0}.admin__empty p{margin:0;font-size:1rem;line-height:1.5}.admin__status-badge--pending{background-color:#fbbf2426;color:#f59e0b}.button--success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.button--success:hover:not(:disabled){background-color:#10b981e6;border-color:#10b981e6}.button--danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.button--danger:hover:not(:disabled){background-color:#ef4444e6;border-color:#ef4444e6}@media(max-width:767px){.admin__serie-actions{flex-direction:column}.admin__serie-actions .button{width:100%}}.language-form{display:flex;flex-direction:column;gap:1.5rem}.language-form__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.language-form__field{display:flex;flex-direction:column;gap:.5rem}.language-form__label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.language-form__required{color:var(--color-error)}.language-form__input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.language-form__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.language-form__input:disabled{opacity:.6;cursor:not-allowed}.language-form__input::placeholder{color:var(--color-text-tertiary)}.language-form__actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.language-form__button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.language-form__button--primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.language-form__button--primary:hover:not(:disabled){background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.language-form__button--primary:disabled{opacity:.6;cursor:not-allowed}.language-form__button--secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.language-form__button--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.language-form__button--secondary:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .language-form__actions{flex-direction:row-reverse}@media(max-width:767px){.language-form__actions{flex-direction:column}.language-form__button{width:100%}}.language-manager{display:flex;flex-direction:column;gap:1.5rem}.language-manager__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.language-manager__title{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.language-manager__create-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;background-color:var(--color-accent);color:#fff;border:1px solid var(--color-accent);border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.language-manager__create-button:hover{background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.language-manager__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.language-manager__empty{padding:2rem;text-align:center;color:var(--color-text-tertiary);font-size:.9375rem}.language-manager__table{overflow-x:auto}.language-manager__table table{width:100%;border-collapse:collapse}.language-manager__table thead{background-color:var(--color-bg-tertiary)}.language-manager__table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}.language-manager__table td{padding:1rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.language-manager__table tbody tr{transition:background-color .2s ease}.language-manager__table tbody tr:hover{background-color:var(--color-bg-tertiary)}.language-manager__name{font-weight:500;color:var(--color-text-primary)}.language-manager__actions{display:flex;gap:.5rem}.language-manager__action-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.language-manager__action-button--edit{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.language-manager__action-button--edit:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.language-manager__action-button--delete{background-color:#ef44441a;color:var(--color-error);border-color:#ef444433}.language-manager__action-button--delete:hover:not(:disabled){background-color:#ef444433;border-color:#ef44444d}.language-manager__action-button:disabled{opacity:.6;cursor:not-allowed}.language-manager__cards{display:none;flex-direction:column;gap:1rem}.language-manager__card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.language-manager__card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.language-manager__card-name{font-weight:600;color:var(--color-text-primary);margin-bottom:1rem;font-size:1rem}.language-manager__card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.language-manager__delete-confirm{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.language-manager__delete-confirm p{margin:0;color:var(--color-text-primary);font-size:.9375rem}.language-manager__delete-info{padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem;border:1px solid var(--color-border)}.language-manager__delete-info strong{color:var(--color-text-primary);font-size:1rem}.language-manager__delete-actions{display:flex;gap:.75rem;justify-content:flex-end}.language-manager__delete-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.language-manager__delete-button--cancel{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.language-manager__delete-button--cancel:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.language-manager__delete-button--confirm{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.language-manager__delete-button--confirm:hover:not(:disabled){background-color:#ef4444e6;border-color:#ef4444e6}.language-manager__delete-button:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .language-manager__header{flex-direction:row-reverse}[dir=rtl] .language-manager__table th,[dir=rtl] .language-manager__table td{text-align:right}[dir=rtl] .language-manager__actions,[dir=rtl] .language-manager__card-actions,[dir=rtl] .language-manager__delete-actions{flex-direction:row-reverse}@media(max-width:767px){.language-manager__header{flex-direction:column;align-items:stretch}.language-manager__create-button{width:100%}.language-manager__table{display:none}.language-manager__cards{display:flex}.language-manager__card-actions{flex-direction:column}.language-manager__action-button{width:100%}.language-manager__delete-actions{flex-direction:column}.language-manager__delete-button{width:100%}}@media(min-width:768px){.language-manager__table{display:block}.language-manager__cards{display:none}}.tag-form{display:flex;flex-direction:column;gap:1.5rem}.tag-form__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.tag-form__field{display:flex;flex-direction:column;gap:.5rem}.tag-form__label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.tag-form__required{color:var(--color-error)}.tag-form__input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.tag-form__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.tag-form__input:disabled{opacity:.6;cursor:not-allowed}.tag-form__input::placeholder{color:var(--color-text-tertiary)}.tag-form__actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.tag-form__button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tag-form__button--primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.tag-form__button--primary:hover:not(:disabled){background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.tag-form__button--primary:disabled{opacity:.6;cursor:not-allowed}.tag-form__button--secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.tag-form__button--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.tag-form__button--secondary:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .tag-form__actions{flex-direction:row-reverse}@media(max-width:767px){.tag-form__actions{flex-direction:column}.tag-form__button{width:100%}}.tag-manager{display:flex;flex-direction:column;gap:1.5rem}.tag-manager__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.tag-manager__title{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.tag-manager__create-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;background-color:var(--color-accent);color:#fff;border:1px solid var(--color-accent);border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tag-manager__create-button:hover{background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.tag-manager__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.tag-manager__search{margin-bottom:.5rem}.tag-manager__search-input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.tag-manager__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.tag-manager__search-input::placeholder{color:var(--color-text-tertiary)}.tag-manager__empty{padding:2rem;text-align:center;color:var(--color-text-tertiary);font-size:.9375rem}.tag-manager__table{overflow-x:auto}.tag-manager__table table{width:100%;border-collapse:collapse}.tag-manager__table thead{background-color:var(--color-bg-tertiary)}.tag-manager__table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}.tag-manager__table td{padding:1rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.tag-manager__table tbody tr{transition:background-color .2s ease}.tag-manager__table tbody tr:hover{background-color:var(--color-bg-tertiary)}.tag-manager__name{font-weight:500;color:var(--color-text-primary)}.tag-manager__actions{display:flex;gap:.5rem}.tag-manager__action-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tag-manager__action-button--edit{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.tag-manager__action-button--edit:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.tag-manager__action-button--delete{background-color:#ef44441a;color:var(--color-error);border-color:#ef444433}.tag-manager__action-button--delete:hover:not(:disabled){background-color:#ef444433;border-color:#ef44444d}.tag-manager__action-button:disabled{opacity:.6;cursor:not-allowed}.tag-manager__cards{display:none;flex-direction:column;gap:1rem}.tag-manager__card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.tag-manager__card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.tag-manager__card-name{font-weight:600;color:var(--color-text-primary);margin-bottom:1rem;font-size:1rem}.tag-manager__card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.tag-manager__delete-confirm{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.tag-manager__delete-confirm p{margin:0;color:var(--color-text-primary);font-size:.9375rem}.tag-manager__delete-info{padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem;border:1px solid var(--color-border)}.tag-manager__delete-info strong{color:var(--color-text-primary);font-size:1rem}.tag-manager__delete-actions{display:flex;gap:.75rem;justify-content:flex-end}.tag-manager__delete-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tag-manager__delete-button--cancel{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.tag-manager__delete-button--cancel:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.tag-manager__delete-button--confirm{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.tag-manager__delete-button--confirm:hover:not(:disabled){background-color:#ef4444e6;border-color:#ef4444e6}.tag-manager__delete-button:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .tag-manager__header{flex-direction:row-reverse}[dir=rtl] .tag-manager__table th,[dir=rtl] .tag-manager__table td{text-align:right}[dir=rtl] .tag-manager__actions,[dir=rtl] .tag-manager__card-actions,[dir=rtl] .tag-manager__delete-actions{flex-direction:row-reverse}@media(max-width:767px){.tag-manager__header{flex-direction:column;align-items:stretch}.tag-manager__create-button{width:100%}.tag-manager__table{display:none}.tag-manager__cards{display:flex}.tag-manager__card-actions{flex-direction:column}.tag-manager__action-button{width:100%}.tag-manager__delete-actions{flex-direction:column}.tag-manager__delete-button{width:100%}}@media(min-width:768px){.tag-manager__table{display:block}.tag-manager__cards{display:none}}.page--admin-filters{padding:1rem;max-width:1400px;margin:0 auto}.admin-filters__header{margin-bottom:2rem}.admin-filters__header h1{font-size:2rem;margin-bottom:.5rem;color:var(--color-text-primary)}.admin-filters__content{display:flex;flex-direction:column;gap:1.5rem}.admin-filters__tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-filters__tab{padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;margin-bottom:-2px}.admin-filters__tab:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.admin-filters__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent);background-color:transparent}.admin-filters__tab--active:hover{color:var(--color-accent);background-color:transparent}.admin-filters__panels{position:relative}.admin-filters__panel{display:none}.admin-filters__panel--active{display:block;animation:fadeIn .3s ease-in}.admin-filters__panel-content{background:var(--color-bg-secondary);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}[dir=rtl] .admin-filters__tabs{flex-direction:row-reverse}@media(max-width:767px){.page--admin-filters{padding:1rem .75rem}.admin-filters__header h1{font-size:1.75rem}.admin-filters__tabs{flex-direction:column;border-bottom:none;gap:0}.admin-filters__tab{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);border-left:3px solid transparent;margin-bottom:0;text-align:left;border-radius:0}.admin-filters__tab--active{border-left-color:var(--color-accent);border-bottom-color:var(--color-border);background-color:var(--color-bg-tertiary)}.admin-filters__panel-content{padding:1rem;border-radius:.75rem}}@media(min-width:768px)and (max-width:1023px){.page--admin-filters{padding:1.5rem}.admin-filters__header h1{font-size:1.875rem}.admin-filters__panel-content{padding:1.25rem}}@media(min-width:1024px){.page--admin-filters{padding:2rem}.admin-filters__header h1{font-size:2rem}.admin-filters__panel-content{padding:2rem}}@media(min-width:1440px){.page--admin-filters,.admin-filters__panel-content{padding:2.5rem}}.element-form{display:flex;flex-direction:column;gap:1.5rem}.element-form__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.element-form__field{display:flex;flex-direction:column;gap:.5rem}.element-form__label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.element-form__required{color:var(--color-error)}.element-form__input,.element-form__select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.element-form__input:focus,.element-form__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.element-form__input:disabled,.element-form__select:disabled{opacity:.6;cursor:not-allowed}.element-form__input::placeholder{color:var(--color-text-tertiary)}.element-form__select{cursor:pointer}.element-form__loading{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.element-form__image-preview{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.element-form__preview-image{max-width:100%;max-height:200px;object-fit:contain;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg-secondary)}.element-form__remove-image{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;align-self:flex-start}.element-form__remove-image:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.element-form__remove-image:disabled{opacity:.6;cursor:not-allowed}.element-form__file-input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.element-form__file-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.element-form__file-input:disabled{opacity:.6;cursor:not-allowed}.element-form__file-hint{font-size:.8125rem;color:var(--color-text-secondary);margin-top:.25rem}.element-form__actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.element-form__button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.element-form__button--primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.element-form__button--primary:hover:not(:disabled){background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.element-form__button--primary:disabled{opacity:.6;cursor:not-allowed}.element-form__button--secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.element-form__button--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.element-form__button--secondary:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .element-form__actions{flex-direction:row-reverse}@media(max-width:767px){.element-form__actions{flex-direction:column}.element-form__button{width:100%}}.element-manager{display:flex;flex-direction:column;gap:1.5rem}.element-manager__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.element-manager__title{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.element-manager__create-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;background-color:var(--color-accent);color:#fff;border:1px solid var(--color-accent);border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.element-manager__create-button:hover{background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.element-manager__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.element-manager__filters{display:flex;gap:1rem;flex-wrap:wrap}.element-manager__search{flex:1;min-width:200px}.element-manager__search-input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.element-manager__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.element-manager__category-filter{min-width:200px}.element-manager__filter-select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.element-manager__filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.element-manager__empty{padding:2rem;text-align:center;color:var(--color-text-tertiary);font-size:.9375rem}.element-manager__table{overflow-x:auto}.element-manager__table table{width:100%;border-collapse:collapse}.element-manager__table thead{background-color:var(--color-bg-tertiary)}.element-manager__table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}.element-manager__table td{padding:1rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.element-manager__table tbody tr{transition:background-color .2s ease}.element-manager__table tbody tr:hover{background-color:var(--color-bg-tertiary)}.element-manager__image-cell{width:80px;padding:.5rem!important}.element-manager__thumbnail{width:60px;height:60px;object-fit:cover;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg-secondary)}.element-manager__no-image{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-tertiary);font-size:.75rem;text-align:center}.element-manager__name{font-weight:500;color:var(--color-text-primary)}.element-manager__category{color:var(--color-text-secondary);font-size:.875rem}.element-manager__tags{color:var(--color-text-secondary);font-size:.875rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-manager__actions{display:flex;gap:.5rem}.element-manager__action-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.element-manager__action-button--edit{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.element-manager__action-button--edit:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.element-manager__action-button--delete{background-color:#ef44441a;color:var(--color-error);border-color:#ef444433}.element-manager__action-button--delete:hover:not(:disabled){background-color:#ef444433;border-color:#ef44444d}.element-manager__action-button:disabled{opacity:.6;cursor:not-allowed}.element-manager__cards{display:none;flex-direction:column;gap:1rem}.element-manager__card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.element-manager__card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.element-manager__card-content{display:flex;gap:1rem;margin-bottom:1rem}.element-manager__card-image{width:80px;height:80px;object-fit:cover;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0}.element-manager__card-info{flex:1;min-width:0}.element-manager__card-name{font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;font-size:1rem}.element-manager__card-category{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.25rem}.element-manager__card-tags{font-size:.8125rem;color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.element-manager__card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.element-manager__delete-confirm{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.element-manager__delete-confirm p{margin:0;color:var(--color-text-primary);font-size:.9375rem}.element-manager__delete-info{padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem;border:1px solid var(--color-border)}.element-manager__delete-info strong{color:var(--color-text-primary);font-size:1rem}.element-manager__delete-actions{display:flex;gap:.75rem;justify-content:flex-end}.element-manager__delete-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.element-manager__delete-button--cancel{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.element-manager__delete-button--cancel:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.element-manager__delete-button--confirm{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.element-manager__delete-button--confirm:hover:not(:disabled){background-color:#ef4444e6;border-color:#ef4444e6}.element-manager__delete-button:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .element-manager__header{flex-direction:row-reverse}[dir=rtl] .element-manager__table th,[dir=rtl] .element-manager__table td{text-align:right}[dir=rtl] .element-manager__actions,[dir=rtl] .element-manager__card-actions,[dir=rtl] .element-manager__delete-actions{flex-direction:row-reverse}@media(max-width:767px){.element-manager__header{flex-direction:column;align-items:stretch}.element-manager__create-button{width:100%}.element-manager__filters{flex-direction:column}.element-manager__search,.element-manager__category-filter{width:100%}.element-manager__table{display:none}.element-manager__cards{display:flex}.element-manager__card-actions{flex-direction:column}.element-manager__action-button{width:100%}.element-manager__delete-actions{flex-direction:column}.element-manager__delete-button{width:100%}}@media(min-width:768px){.element-manager__table{display:block}.element-manager__cards{display:none}}.element-category-form{display:flex;flex-direction:column;gap:1.5rem}.element-category-form__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.element-category-form__field{display:flex;flex-direction:column;gap:.5rem}.element-category-form__label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.element-category-form__required{color:var(--color-error)}.element-category-form__input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.element-category-form__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.element-category-form__input:disabled{opacity:.6;cursor:not-allowed}.element-category-form__input::placeholder{color:var(--color-text-tertiary)}.element-category-form__actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.element-category-form__button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.element-category-form__button--primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.element-category-form__button--primary:hover:not(:disabled){background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.element-category-form__button--primary:disabled{opacity:.6;cursor:not-allowed}.element-category-form__button--secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.element-category-form__button--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.element-category-form__button--secondary:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .element-category-form__actions{flex-direction:row-reverse}@media(max-width:767px){.element-category-form__actions{flex-direction:column}.element-category-form__button{width:100%}}.element-category-manager{display:flex;flex-direction:column;gap:1.5rem}.element-category-manager__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.element-category-manager__title{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.element-category-manager__create-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;background-color:var(--color-accent);color:#fff;border:1px solid var(--color-accent);border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.element-category-manager__create-button:hover{background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.element-category-manager__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.element-category-manager__empty{padding:2rem;text-align:center;color:var(--color-text-tertiary);font-size:.9375rem}.element-category-manager__table{overflow-x:auto}.element-category-manager__table table{width:100%;border-collapse:collapse}.element-category-manager__table thead{background-color:var(--color-bg-tertiary)}.element-category-manager__table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}.element-category-manager__table td{padding:1rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.element-category-manager__table tbody tr{transition:background-color .2s ease}.element-category-manager__table tbody tr:hover{background-color:var(--color-bg-tertiary)}.element-category-manager__name{font-weight:500;color:var(--color-text-primary)}.element-category-manager__count{color:var(--color-text-secondary)}.element-category-manager__actions{display:flex;gap:.5rem}.element-category-manager__action-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.element-category-manager__action-button--edit{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.element-category-manager__action-button--edit:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.element-category-manager__action-button--delete{background-color:#ef44441a;color:var(--color-error);border-color:#ef444433}.element-category-manager__action-button--delete:hover:not(:disabled){background-color:#ef444433;border-color:#ef44444d}.element-category-manager__action-button:disabled{opacity:.6;cursor:not-allowed}.element-category-manager__cards{display:none;flex-direction:column;gap:1rem}.element-category-manager__card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.element-category-manager__card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.element-category-manager__card-content{margin-bottom:1rem}.element-category-manager__card-name{font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;font-size:1rem}.element-category-manager__card-count{font-size:.875rem;color:var(--color-text-secondary)}.element-category-manager__card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.element-category-manager__delete-confirm{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.element-category-manager__delete-confirm p{margin:0;color:var(--color-text-primary);font-size:.9375rem}.element-category-manager__delete-info{padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem;border:1px solid var(--color-border)}.element-category-manager__delete-info strong{color:var(--color-text-primary);font-size:1rem}.element-category-manager__delete-actions{display:flex;gap:.75rem;justify-content:flex-end}.element-category-manager__delete-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.element-category-manager__delete-button--cancel{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.element-category-manager__delete-button--cancel:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.element-category-manager__delete-button--confirm{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.element-category-manager__delete-button--confirm:hover:not(:disabled){background-color:#ef4444e6;border-color:#ef4444e6}.element-category-manager__delete-button:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .element-category-manager__header{flex-direction:row-reverse}[dir=rtl] .element-category-manager__table th,[dir=rtl] .element-category-manager__table td{text-align:right}[dir=rtl] .element-category-manager__actions,[dir=rtl] .element-category-manager__card-actions,[dir=rtl] .element-category-manager__delete-actions{flex-direction:row-reverse}@media(max-width:767px){.element-category-manager__header{flex-direction:column;align-items:stretch}.element-category-manager__create-button{width:100%}.element-category-manager__table{display:none}.element-category-manager__cards{display:flex}.element-category-manager__card-actions{flex-direction:column}.element-category-manager__action-button{width:100%}.element-category-manager__delete-actions{flex-direction:column}.element-category-manager__delete-button{width:100%}}@media(min-width:768px){.element-category-manager__table{display:block}.element-category-manager__cards{display:none}}.page--admin-elements{padding:1.5rem}.admin-elements__header{margin-bottom:2rem}.admin-elements__header h1{margin:0 0 .5rem;font-size:2rem;color:var(--color-text-primary)}.admin-elements__content{display:flex;flex-direction:column;gap:1.5rem}.admin-elements__tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-elements__tab{padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-bottom:-2px}.admin-elements__tab:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.admin-elements__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.admin-elements__tab:focus{outline:none;box-shadow:0 0 0 3px var(--color-accent-bg)}.admin-elements__panels{position:relative}.admin-elements__panel{display:none}.admin-elements__panel--active{display:block}.admin-elements__panel-content{animation:fadeIn .2s ease-in}[dir=rtl] .admin-elements__tabs{flex-direction:row-reverse}@media(max-width:767px){.page--admin-elements{padding:1rem}.admin-elements__header h1{font-size:1.5rem}.admin-elements__tabs{gap:.25rem}.admin-elements__tab{padding:.75rem 1rem;font-size:.875rem}}.editor-element-form{display:flex;flex-direction:column;gap:1.5rem}.editor-element-form__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.editor-element-form__field{display:flex;flex-direction:column;gap:.5rem}.editor-element-form__label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.editor-element-form__required{color:var(--color-error)}.editor-element-form__input,.editor-element-form__select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.editor-element-form__input:focus,.editor-element-form__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.editor-element-form__input:disabled,.editor-element-form__select:disabled{opacity:.6;cursor:not-allowed}.editor-element-form__input::placeholder{color:var(--color-text-tertiary)}.editor-element-form__select{cursor:pointer}.editor-element-form__loading{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.editor-element-form__image-preview{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.editor-element-form__preview-image{max-width:100%;max-height:200px;object-fit:contain;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg-secondary)}.editor-element-form__remove-image{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;align-self:flex-start}.editor-element-form__remove-image:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.editor-element-form__remove-image:disabled{opacity:.6;cursor:not-allowed}.editor-element-form__file-input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.editor-element-form__file-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.editor-element-form__file-input:disabled{opacity:.6;cursor:not-allowed}.editor-element-form__file-hint{font-size:.8125rem;color:var(--color-text-secondary);margin-top:.25rem}.editor-element-form__actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.editor-element-form__button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.editor-element-form__button--primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.editor-element-form__button--primary:hover:not(:disabled){background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.editor-element-form__button--primary:disabled{opacity:.6;cursor:not-allowed}.editor-element-form__button--secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.editor-element-form__button--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.editor-element-form__button--secondary:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .editor-element-form__actions{flex-direction:row-reverse}@media(max-width:767px){.editor-element-form__actions{flex-direction:column}.editor-element-form__button{width:100%}}.editor-element-manager{display:flex;flex-direction:column;gap:1.5rem}.editor-element-manager__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.editor-element-manager__title{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.editor-element-manager__create-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;background-color:var(--color-accent);color:#fff;border:1px solid var(--color-accent);border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.editor-element-manager__create-button:hover{background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.editor-element-manager__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.editor-element-manager__filters{display:flex;gap:1rem;flex-wrap:wrap}.editor-element-manager__search{flex:1;min-width:200px}.editor-element-manager__search-input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.editor-element-manager__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.editor-element-manager__category-filter{min-width:200px}.editor-element-manager__filter-select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.editor-element-manager__filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.editor-element-manager__empty{padding:2rem;text-align:center;color:var(--color-text-tertiary);font-size:.9375rem}.editor-element-manager__table{overflow-x:auto}.editor-element-manager__table table{width:100%;border-collapse:collapse}.editor-element-manager__table thead{background-color:var(--color-bg-tertiary)}.editor-element-manager__table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}.editor-element-manager__table td{padding:1rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.editor-element-manager__table tbody tr{transition:background-color .2s ease}.editor-element-manager__table tbody tr:hover{background-color:var(--color-bg-tertiary)}.editor-element-manager__image-cell{width:80px;padding:.5rem!important}.editor-element-manager__thumbnail{width:60px;height:60px;object-fit:cover;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg-secondary)}.editor-element-manager__no-image{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-tertiary);font-size:.75rem;text-align:center}.editor-element-manager__name{font-weight:500;color:var(--color-text-primary)}.editor-element-manager__category{color:var(--color-text-secondary);font-size:.875rem}.editor-element-manager__tags{color:var(--color-text-secondary);font-size:.875rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-element-manager__actions{display:flex;gap:.5rem}.editor-element-manager__action-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.editor-element-manager__action-button--edit{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.editor-element-manager__action-button--edit:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.editor-element-manager__action-button--delete{background-color:#ef44441a;color:var(--color-error);border-color:#ef444433}.editor-element-manager__action-button--delete:hover:not(:disabled){background-color:#ef444433;border-color:#ef44444d}.editor-element-manager__action-button:disabled{opacity:.6;cursor:not-allowed}.editor-element-manager__cards{display:none;flex-direction:column;gap:1rem}.editor-element-manager__card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.editor-element-manager__card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.editor-element-manager__card-content{display:flex;gap:1rem;margin-bottom:1rem}.editor-element-manager__card-image{width:80px;height:80px;object-fit:cover;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0}.editor-element-manager__card-info{flex:1;min-width:0}.editor-element-manager__card-name{font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;font-size:1rem}.editor-element-manager__card-category{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.25rem}.editor-element-manager__card-tags{font-size:.8125rem;color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.editor-element-manager__card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.editor-element-manager__delete-confirm{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.editor-element-manager__delete-confirm p{margin:0;color:var(--color-text-primary);font-size:.9375rem}.editor-element-manager__delete-info{padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem;border:1px solid var(--color-border)}.editor-element-manager__delete-info strong{color:var(--color-text-primary);font-size:1rem}.editor-element-manager__delete-actions{display:flex;gap:.75rem;justify-content:flex-end}.editor-element-manager__delete-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.editor-element-manager__delete-button--cancel{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.editor-element-manager__delete-button--cancel:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.editor-element-manager__delete-button--confirm{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.editor-element-manager__delete-button--confirm:hover:not(:disabled){background-color:#ef4444e6;border-color:#ef4444e6}.editor-element-manager__delete-button:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .editor-element-manager__header{flex-direction:row-reverse}[dir=rtl] .editor-element-manager__table th,[dir=rtl] .editor-element-manager__table td{text-align:right}[dir=rtl] .editor-element-manager__actions,[dir=rtl] .editor-element-manager__card-actions,[dir=rtl] .editor-element-manager__delete-actions{flex-direction:row-reverse}@media(max-width:767px){.editor-element-manager__header{flex-direction:column;align-items:stretch}.editor-element-manager__create-button{width:100%}.editor-element-manager__filters{flex-direction:column}.editor-element-manager__search,.editor-element-manager__category-filter{width:100%}.editor-element-manager__table{display:none}.editor-element-manager__cards{display:flex}.editor-element-manager__card-actions{flex-direction:column}.editor-element-manager__action-button{width:100%}.editor-element-manager__delete-actions{flex-direction:column}.editor-element-manager__delete-button{width:100%}}@media(min-width:768px){.editor-element-manager__table{display:block}.editor-element-manager__cards{display:none}}.editor-element-category-form{display:flex;flex-direction:column;gap:1.5rem}.editor-element-category-form__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.editor-element-category-form__field{display:flex;flex-direction:column;gap:.5rem}.editor-element-category-form__label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.editor-element-category-form__required{color:var(--color-error)}.editor-element-category-form__input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.editor-element-category-form__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.editor-element-category-form__input:disabled{opacity:.6;cursor:not-allowed}.editor-element-category-form__input::placeholder{color:var(--color-text-tertiary)}.editor-element-category-form__actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.editor-element-category-form__button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.editor-element-category-form__button--primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.editor-element-category-form__button--primary:hover:not(:disabled){background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.editor-element-category-form__button--primary:disabled{opacity:.6;cursor:not-allowed}.editor-element-category-form__button--secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.editor-element-category-form__button--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.editor-element-category-form__button--secondary:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .editor-element-category-form__actions{flex-direction:row-reverse}@media(max-width:767px){.editor-element-category-form__actions{flex-direction:column}.editor-element-category-form__button{width:100%}}.editor-element-category-manager{display:flex;flex-direction:column;gap:1.5rem}.editor-element-category-manager__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.editor-element-category-manager__title{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.editor-element-category-manager__create-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;background-color:var(--color-accent);color:#fff;border:1px solid var(--color-accent);border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.editor-element-category-manager__create-button:hover{background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.editor-element-category-manager__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.editor-element-category-manager__empty{padding:2rem;text-align:center;color:var(--color-text-tertiary);font-size:.9375rem}.editor-element-category-manager__table{overflow-x:auto}.editor-element-category-manager__table table{width:100%;border-collapse:collapse}.editor-element-category-manager__table thead{background-color:var(--color-bg-tertiary)}.editor-element-category-manager__table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}.editor-element-category-manager__table td{padding:1rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.editor-element-category-manager__table tbody tr{transition:background-color .2s ease}.editor-element-category-manager__table tbody tr:hover{background-color:var(--color-bg-tertiary)}.editor-element-category-manager__name{font-weight:500;color:var(--color-text-primary)}.editor-element-category-manager__count{color:var(--color-text-secondary)}.editor-element-category-manager__actions{display:flex;gap:.5rem}.editor-element-category-manager__action-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.editor-element-category-manager__action-button--edit{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.editor-element-category-manager__action-button--edit:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.editor-element-category-manager__action-button--delete{background-color:#ef44441a;color:var(--color-error);border-color:#ef444433}.editor-element-category-manager__action-button--delete:hover:not(:disabled){background-color:#ef444433;border-color:#ef44444d}.editor-element-category-manager__action-button:disabled{opacity:.6;cursor:not-allowed}.editor-element-category-manager__cards{display:none;flex-direction:column;gap:1rem}.editor-element-category-manager__card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.editor-element-category-manager__card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.editor-element-category-manager__card-content{margin-bottom:1rem}.editor-element-category-manager__card-name{font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;font-size:1rem}.editor-element-category-manager__card-count{font-size:.875rem;color:var(--color-text-secondary)}.editor-element-category-manager__card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.editor-element-category-manager__delete-confirm{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.editor-element-category-manager__delete-confirm p{margin:0;color:var(--color-text-primary);font-size:.9375rem}.editor-element-category-manager__delete-info{padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem;border:1px solid var(--color-border)}.editor-element-category-manager__delete-info strong{color:var(--color-text-primary);font-size:1rem}.editor-element-category-manager__delete-actions{display:flex;gap:.75rem;justify-content:flex-end}.editor-element-category-manager__delete-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.editor-element-category-manager__delete-button--cancel{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.editor-element-category-manager__delete-button--cancel:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.editor-element-category-manager__delete-button--confirm{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.editor-element-category-manager__delete-button--confirm:hover:not(:disabled){background-color:#ef4444e6;border-color:#ef4444e6}.editor-element-category-manager__delete-button:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .editor-element-category-manager__header{flex-direction:row-reverse}[dir=rtl] .editor-element-category-manager__table th,[dir=rtl] .editor-element-category-manager__table td{text-align:right}[dir=rtl] .editor-element-category-manager__actions,[dir=rtl] .editor-element-category-manager__card-actions,[dir=rtl] .editor-element-category-manager__delete-actions{flex-direction:row-reverse}@media(max-width:767px){.editor-element-category-manager__header{flex-direction:column;align-items:stretch}.editor-element-category-manager__create-button{width:100%}.editor-element-category-manager__table{display:none}.editor-element-category-manager__cards{display:flex}.editor-element-category-manager__card-actions{flex-direction:column}.editor-element-category-manager__action-button{width:100%}.editor-element-category-manager__delete-actions{flex-direction:column}.editor-element-category-manager__delete-button{width:100%}}@media(min-width:768px){.editor-element-category-manager__table{display:block}.editor-element-category-manager__cards{display:none}}.page--admin-editor-elements{padding:1.5rem}.admin-editor-elements__header{margin-bottom:2rem}.admin-editor-elements__header h1{margin:0 0 .5rem;font-size:2rem;color:var(--color-text-primary)}.admin-editor-elements__content{display:flex;flex-direction:column;gap:1.5rem}.admin-editor-elements__tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-editor-elements__tab{padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-bottom:-2px}.admin-editor-elements__tab:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.admin-editor-elements__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.admin-editor-elements__tab:focus{outline:none;box-shadow:0 0 0 3px var(--color-accent-bg)}.admin-editor-elements__panels{position:relative}.admin-editor-elements__panel{display:none}.admin-editor-elements__panel--active{display:block}.admin-editor-elements__panel-content{animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .admin-editor-elements__tabs{flex-direction:row-reverse}@media(max-width:767px){.page--admin-editor-elements{padding:1rem}.admin-editor-elements__header h1{font-size:1.5rem}.admin-editor-elements__tabs{gap:.25rem}.admin-editor-elements__tab{padding:.75rem 1rem;font-size:.875rem}}.package-form{display:flex;flex-direction:column;gap:1.5rem}.package-form__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.package-form__field{display:flex;flex-direction:column;gap:.5rem}.package-form__label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.package-form__required{color:var(--color-error)}.package-form__input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.package-form__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.package-form__input:disabled{opacity:.6;cursor:not-allowed}.package-form__input::placeholder{color:var(--color-text-tertiary)}.package-form__checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9375rem;color:var(--color-text-primary)}.package-form__checkbox{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--color-accent)}.package-form__checkbox:disabled{opacity:.6;cursor:not-allowed}.package-form__actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.package-form__button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.package-form__button--primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.package-form__button--primary:hover:not(:disabled){background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.package-form__button--primary:disabled{opacity:.6;cursor:not-allowed}.package-form__button--secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.package-form__button--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.package-form__button--secondary:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .package-form__actions,[dir=rtl] .package-form__checkbox-label{flex-direction:row-reverse}@media(max-width:767px){.package-form__actions{flex-direction:column}.package-form__button{width:100%}}.package-manager{display:flex;flex-direction:column;gap:1.5rem}.package-manager__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.package-manager__title{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.package-manager__create-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;background-color:var(--color-accent);color:#fff;border:1px solid var(--color-accent);border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.package-manager__create-button:hover{background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.package-manager__error{padding:.875rem 1rem;border-radius:.75rem;background:#ef44441a;color:var(--color-error);font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.package-manager__empty{padding:2rem;text-align:center;color:var(--color-text-tertiary);font-size:.9375rem}.package-manager__table{overflow-x:auto}.package-manager__table table{width:100%;border-collapse:collapse}.package-manager__table thead{background-color:var(--color-bg-tertiary)}.package-manager__table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}.package-manager__table td{padding:1rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.package-manager__table tbody tr{transition:background-color .2s ease}.package-manager__table tbody tr:hover{background-color:var(--color-bg-tertiary)}.package-manager__name,.package-manager__mana-amount,.package-manager__price{font-weight:500;color:var(--color-text-primary)}.package-manager__date{color:var(--color-text-secondary);font-size:.875rem}.package-manager__status-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.package-manager__status-badge--active{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.package-manager__status-badge--inactive{background-color:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.package-manager__actions{display:flex;gap:.5rem;flex-wrap:wrap}.package-manager__action-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.package-manager__action-button--edit{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.package-manager__action-button--edit:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.package-manager__action-button--delete{background-color:#ef44441a;color:var(--color-error);border-color:#ef444433}.package-manager__action-button--delete:hover:not(:disabled){background-color:#ef444433;border-color:#ef44444d}.package-manager__action-button--activate{background-color:#22c55e1a;color:#22c55e;border-color:#22c55e33}.package-manager__action-button--activate:hover:not(:disabled){background-color:#22c55e33;border-color:#22c55e4d}.package-manager__action-button:disabled{opacity:.6;cursor:not-allowed}.package-manager__cards{display:none;flex-direction:column;gap:1rem}.package-manager__card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.package-manager__card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.package-manager__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.package-manager__card-name{font-weight:600;color:var(--color-text-primary);font-size:1rem;flex:1}.package-manager__card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.package-manager__card-field{display:flex;justify-content:space-between;align-items:center;gap:1rem}.package-manager__card-field label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.package-manager__card-field span{font-size:.9375rem;color:var(--color-text-primary);font-weight:500}.package-manager__card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.package-manager__delete-confirm{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.package-manager__delete-confirm p{margin:0;color:var(--color-text-primary);font-size:.9375rem}.package-manager__delete-info{padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.package-manager__delete-info strong{color:var(--color-text-primary);font-size:1rem}.package-manager__delete-info div{color:var(--color-text-secondary);font-size:.875rem}.package-manager__delete-actions{display:flex;gap:.75rem;justify-content:flex-end}.package-manager__delete-button{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.package-manager__delete-button--cancel{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.package-manager__delete-button--cancel:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.package-manager__delete-button--confirm{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.package-manager__delete-button--confirm:hover:not(:disabled){background-color:#ef4444e6;border-color:#ef4444e6}.package-manager__delete-button:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .package-manager__header{flex-direction:row-reverse}[dir=rtl] .package-manager__table th,[dir=rtl] .package-manager__table td{text-align:right}[dir=rtl] .package-manager__actions,[dir=rtl] .package-manager__card-actions,[dir=rtl] .package-manager__delete-actions,[dir=rtl] .package-manager__card-header,[dir=rtl] .package-manager__card-field{flex-direction:row-reverse}@media(max-width:767px){.package-manager__header{flex-direction:column;align-items:stretch}.package-manager__create-button{width:100%}.package-manager__table{display:none}.package-manager__cards{display:flex}.package-manager__card-actions{flex-direction:column}.package-manager__action-button{width:100%}.package-manager__delete-actions{flex-direction:column}.package-manager__delete-button{width:100%}}@media(min-width:768px){.package-manager__table{display:block}.package-manager__cards{display:none}}.page--admin-packages{padding:1.5rem}.admin-packages__header{margin-bottom:2rem}.admin-packages__header h1{margin:0 0 .5rem;font-size:2rem;color:var(--color-text-primary)}.admin-packages__content{width:100%}@media(max-width:767px){.page--admin-packages{padding:1rem}.admin-packages__header h1{font-size:1.5rem}}.serie-card{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);will-change:transform}.serie-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-4px)}.serie-card:active{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.serie-card--favorite-visible{transform:translate(80px)}.serie-card--favorite-visible:hover{transform:translate(80px) translateY(-4px)}.serie-card__cover{position:relative;width:100%;height:200px;overflow:hidden;background:var(--color-bg-tertiary);padding:0;margin:0}.serie-card__cover-image{width:100%;height:100%;object-fit:cover;display:block;vertical-align:top;margin:0;padding:0;transition:transform .3s ease}.serie-card:hover .serie-card__cover-image{transform:scale(1.05)}.serie-card__cover-placeholder{width:100%;height:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%)}.serie-card__secondary-image{position:absolute;bottom:0;right:0;width:80px;height:120px;border-radius:0;border-top-left-radius:.5rem;overflow:hidden;border:2px solid var(--color-bg-primary);border-right:none;border-bottom:none;box-shadow:var(--shadow-md);background:var(--color-bg-tertiary);z-index:2}.serie-card__secondary-image-img{width:100%;height:100%;object-fit:cover;display:block}.serie-card__status{position:absolute;top:.5rem;right:.5rem;padding:.375rem .875rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);z-index:3}.serie-card__payment-badge{position:absolute;top:.5rem;left:.5rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;background:#10b981e6;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);z-index:3}.serie-card__status--ongoing{background:#94a3b8e6;color:var(--color-text-primary)}.serie-card__status--completed{background:#10b981e6;color:#fff}.serie-card__status--hiatus{background:#f59e0be6;color:#fff}.serie-card__status--canceled{background:#ef4444e6;color:#fff}.serie-card__content{padding:1.25rem;display:flex;flex-direction:column;flex:1}.serie-card__body{display:flex;flex-direction:column;gap:.75rem;flex:1}.serie-card__title{margin:0;font-size:1.375rem;font-weight:700;color:var(--color-text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.serie-card:hover .serie-card__title{color:var(--color-accent)}.serie-card__synopsis{margin:0;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.serie-card__author{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-tertiary);margin-top:.25rem}.serie-card__author-label{font-weight:500}.serie-card__author-name{color:var(--color-text-secondary);font-weight:600}.serie-card__actions{display:none;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.serie-card__action{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:40px;white-space:nowrap}.serie-card__action:hover{background:var(--color-accent-bg);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.serie-card__action:active{transform:translateY(0)}.serie-card__action svg{flex-shrink:0;width:18px;height:18px}.serie-card__action span{white-space:nowrap}.serie-card__action--view{color:var(--color-text-primary)}.serie-card__action--view:hover{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent)}.serie-card__action--download{color:var(--color-info)}.serie-card__action--download:hover{background:#3b82f61a;border-color:var(--color-info)}.serie-card__action--edit{color:var(--color-info)}.serie-card__action--edit:hover{background:#3b82f61a;border-color:var(--color-info)}.serie-card__action--delete{color:var(--color-error)}.serie-card__action--delete:hover{background:#ef44441a;border-color:var(--color-error)}.serie-card__action--favorite{color:var(--color-accent)}.serie-card__action--favorite:hover{background:var(--color-accent-bg);border-color:var(--color-accent)}.serie-card__action--favorite-active{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent)}.serie-card__swipe-action{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--color-bg-tertiary);border-right:1px solid var(--color-border);width:80px;z-index:10}.serie-card__swipe-action-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:2px solid var(--color-border);border-radius:50%;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;padding:0;box-shadow:var(--shadow-md)}.serie-card__swipe-action-btn:hover{background:var(--color-accent-bg);border-color:var(--color-accent);transform:scale(1.1);box-shadow:var(--shadow-lg)}.serie-card__swipe-action-btn:active{transform:scale(.95)}.serie-card__swipe-action-btn svg{width:28px;height:28px}.serie-card__swipe-action-btn--favorite{color:var(--color-accent)}.serie-card__swipe-action-btn--favorite:hover{background:var(--color-accent-bg);border-color:var(--color-accent)}.serie-card__swipe-action-btn--favorite-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-primary)}@media(max-width:767px){.serie-card__cover{height:160px}.serie-card__content{padding:1rem}.serie-card__title{font-size:1.125rem}.serie-card__synopsis{font-size:.875rem;-webkit-line-clamp:2}.serie-card__secondary-image{width:60px;height:90px;bottom:0;right:0}.serie-card__actions{display:none}.serie-card__swipe-action{display:flex}}@media(min-width:768px)and (max-width:1023px){.serie-card__cover{height:220px}.serie-card__content{padding:1.25rem}.serie-card__actions{display:flex}.serie-card__action{padding:.5rem 1rem;font-size:.8125rem}.serie-card__action svg{width:16px;height:16px}.serie-card__secondary-image{width:70px;height:105px}.serie-card__swipe-action{display:none}}@media(min-width:1024px){.serie-card__cover{height:240px}.serie-card__content{padding:1.5rem}.serie-card__actions{display:flex}.serie-card__secondary-image{width:80px;height:120px}.serie-card__swipe-action{display:none}}@media(min-width:1440px){.serie-card__cover{height:260px}}[dir=rtl] .serie-card--favorite-visible{transform:translate(-80px)}[dir=rtl] .serie-card__swipe-action{left:auto;right:0;border-right:none;border-left:1px solid var(--color-border)}[dir=rtl] .serie-card__status{right:auto;left:.5rem}[dir=rtl] .serie-card__payment-badge{left:auto;right:.5rem}[dir=rtl] .serie-card__secondary-image{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:.5rem;border-left:none;border-bottom:none;border-right:2px solid var(--color-bg-primary)}.serie-card,.serie-card__cover,.serie-card__content,.serie-card__title,.serie-card__synopsis,.serie-card__author,.serie-card__action{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.page--home{padding:0;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}[data-theme=light] .home-hero{--hero-bg-primary: #1A1A1D;--hero-bg-secondary: #3B1C32;--hero-text-primary: #f8fafc;--hero-text-secondary: #e2e8f0;--hero-search-bg: #FEEBF6;--hero-search-text: #1e293b;--hero-search-placeholder: #64748b;--hero-search-icon: #475569;--hero-shadow: 0 10px 15px rgba(0, 0, 0, .5);--hero-gradient-start: #3B1C32;--hero-gradient-end: #A64D79;--hero-gradient-start-rgba: 59, 28, 50;--hero-gradient-end-rgba: 166, 77, 121}[data-theme=dark] .home-hero{--hero-bg-primary: #FCD8CD;--hero-bg-secondary: #FEEBF6;--hero-text-primary: #1e293b;--hero-text-secondary: #475569;--hero-search-bg: #3B1C32;--hero-search-text: #f8fafc;--hero-search-placeholder: #94a3b8;--hero-search-icon: #e2e8f0;--hero-shadow: 0 10px 15px rgba(0, 0, 0, .1);--hero-gradient-start: #EBD6FB;--hero-gradient-end: #687FE5;--hero-gradient-start-rgba: 235, 214, 251;--hero-gradient-end-rgba: 104, 127, 229}.home-hero{position:relative;padding:3rem 1.5rem 2.5rem;margin:-2rem -3rem 2rem;border-radius:1.5rem;overflow:hidden;min-height:320px;display:flex;align-items:center;justify-content:center;box-shadow:var(--hero-shadow);background:var(--hero-bg-primary)}.home-hero__background{position:absolute;inset:0;background:linear-gradient(135deg,var(--hero-gradient-start, #3B1C32) 0%,var(--hero-gradient-end, #A64D79) 100%);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(.5px);opacity:.95}.home-hero__background:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--hero-gradient-start-rgba, 59, 28, 50),.85),rgba(var(--hero-gradient-end-rgba, 166, 77, 121),.85));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:heroGradientShift 8s ease-in-out infinite}@keyframes heroGradientShift{0%,to{background:linear-gradient(135deg,rgba(var(--hero-gradient-start-rgba, 59, 28, 50),.85),rgba(var(--hero-gradient-end-rgba, 166, 77, 121),.85))}50%{background:linear-gradient(135deg,rgba(var(--hero-gradient-end-rgba, 166, 77, 121),.85),rgba(var(--hero-gradient-start-rgba, 59, 28, 50),.85))}}.home-hero__content{animation:fadeInUp .8s ease-out}@media(max-width:767px){.home-hero{padding:2rem 1rem;margin:-1.5rem -1rem 1.5rem;border-radius:1.25rem}}@media(min-width:768px)and (max-width:1023px){.home-hero{padding:2.5rem 1.5rem;margin:-2rem -1.5rem 1.75rem}}@media(min-width:1024px){.home-hero{margin:-2rem -3rem 2rem}}@media(min-width:1440px){.home-hero{margin:-2.5rem -4rem 2.5rem}}.home-hero__content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;width:100%;padding:0 1rem}.home-hero__title{margin:0 0 1rem;font-size:2.5rem;font-weight:800;color:var(--hero-text-primary);text-shadow:0 2px 8px rgba(0,0,0,.2);line-height:1.2;letter-spacing:-.02em}.home-hero__tagline-seo{font-size:.875rem;opacity:.9;margin:.25rem 0 .5rem;font-weight:500;color:var(--hero-text-secondary)}.home-hero__tagline-seo--extended{margin-top:.15rem;font-size:.8125rem;opacity:.85}.home-hero__subtitle{margin:0 0 1.5rem;font-size:.9375rem;color:var(--hero-text-secondary);line-height:1.5;font-weight:400}.home-hero__search{width:100%;max-width:500px;margin:0 auto}.home-hero__search-wrapper{position:relative;display:flex;align-items:center;background:var(--hero-search-bg);border-radius:12px;padding:.875rem 1rem;box-shadow:0 4px 12px #00000026}.home-hero__search-icon{color:var(--hero-search-icon);flex-shrink:0;margin-right:.75rem}.home-hero__search-input{flex:1;border:none;outline:none;font-size:.9375rem;color:var(--hero-search-text);background:transparent;width:100%}.home-hero__search-input::placeholder{color:var(--hero-search-placeholder)}.home-become-writer{position:relative;padding:2.5rem 2rem;margin:2rem 0;border-radius:1.25rem;overflow:hidden;text-align:center;background:var(--color-bg-secondary);border:2px solid var(--color-border)}.home-become-writer__background{position:absolute;inset:0;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-info) 100%);opacity:.08}.home-become-writer__content{position:relative;z-index:2;max-width:560px;margin:0 auto}.home-become-writer__title{margin:0 0 .75rem;font-size:1.75rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.home-become-writer__description{margin:0 0 1.5rem;font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.home-become-writer__button{padding:.875rem 1.75rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-info) 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.home-become-writer__button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.home-features{padding:3rem 0;margin:2rem 0}.home-features__header{text-align:center;margin-bottom:3rem}.home-features__title{margin:0;font-size:2rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.home-features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.home-feature{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1.25rem;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out;animation-fill-mode:both}.home-feature:nth-child(1){animation-delay:.1s}.home-feature:nth-child(2){animation-delay:.2s}.home-feature:nth-child(3){animation-delay:.3s}.home-feature:nth-child(4){animation-delay:.4s}.home-feature:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .5s ease}.home-feature:hover:before{left:100%}.home-feature:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-accent);background:var(--color-accent-bg)}.home-feature__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:1rem;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-info) 100%);color:#fff;margin-bottom:1.5rem;transition:all .3s ease;position:relative;z-index:1}.home-feature:hover .home-feature__icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 16px #6366f14d}.home-feature__title{margin:0 0 .75rem;font-size:1.25rem;font-weight:700;color:var(--color-text-primary);position:relative;z-index:1}.home-feature__description{margin:0;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;position:relative;z-index:1}.home-cta{position:relative;padding:4rem 2rem;margin:3rem 0;border-radius:1.5rem;overflow:hidden;text-align:center}.home-cta__background{position:absolute;inset:0;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-info) 100%);opacity:.1;animation:ctaGradientShift 10s ease-in-out infinite}@keyframes ctaGradientShift{0%,to{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-info) 100%)}50%{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-accent) 100%)}}.home-cta__content{position:relative;z-index:2;max-width:600px;margin:0 auto}.home-cta__title{margin:0 0 1rem;font-size:2.5rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.home-cta__subtitle{margin:0 0 2rem;font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6}.home-cta__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.home-cta__button{padding:1rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:140px}.home-cta__button--primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-info) 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.home-cta__button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.home-cta__button--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:2px solid var(--color-border)}.home-cta__button--secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);transform:translateY(-2px)}.home-preview-overlay{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,var(--color-accent-bg) 0%,rgba(56,189,248,.1) 100%);border:2px dashed var(--color-accent);border-radius:1rem;text-align:center}.home-preview-overlay__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.home-preview-overlay__text{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.home-preview-overlay__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.home-preview-overlay__button{padding:.75rem 1.5rem;border-radius:.625rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.home-preview-overlay__button--primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-info) 100%);color:#fff;box-shadow:0 2px 8px #6366f14d}.home-preview-overlay__button--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.home-preview-overlay__button--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:2px solid var(--color-border)}.home-preview-overlay__button--secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);transform:translateY(-2px)}:root{--featured-gradient-1: linear-gradient(135deg, #687FE5 0%, #8B9CF5 50%, #EBD6FB 100%);--featured-gradient-2: linear-gradient(135deg, #EBD6FB 0%, #687FE5 50%, #8B9CF5 100%);--featured-glow: 0 0 20px rgba(104, 127, 229, .4);--featured-glow-strong: 0 0 30px rgba(104, 127, 229, .6)}[data-theme=dark]{--featured-gradient-1: linear-gradient(135deg, #6A1E55 0%, #A64D79 50%, #C77BA8 100%);--featured-gradient-2: linear-gradient(135deg, #A64D79 0%, #6A1E55 50%, #C77BA8 100%);--featured-glow: 0 0 25px rgba(166, 77, 121, .5);--featured-glow-strong: 0 0 35px rgba(166, 77, 121, .7)}.home-featured{margin:2rem 0;padding:0}.home-featured__list{display:flex;gap:1.5rem;flex-wrap:wrap}.home-featured-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:1.25rem;background:var(--color-bg-secondary);border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-md);animation:featuredCardFadeIn .6s ease-out backwards}.home-featured-item:nth-child(1){animation-delay:.1s}.home-featured-item:nth-child(2){animation-delay:.2s}@keyframes featuredCardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-featured-item:before{content:"";position:absolute;inset:-2px;border-radius:1.25rem;padding:2px;background:var(--featured-gradient-1);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;z-index:0}.home-featured-item:hover:before{opacity:1}.home-featured-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--featured-glow-strong),var(--shadow-xl);border-color:transparent;background:var(--color-bg-secondary)}.home-featured-item:active{transform:translateY(-4px) scale(1.01)}.home-featured-item__image-wrapper{flex-shrink:0;position:relative;z-index:1;perspective:1000px}.home-featured-item__image{position:relative;width:140px;height:200px;border-radius:.875rem;overflow:hidden;background:var(--color-bg-tertiary);box-shadow:var(--shadow-lg);transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.home-featured-item:hover .home-featured-item__image{transform:scale(1.08) rotateY(-5deg);box-shadow:var(--featured-glow),var(--shadow-xl)}.home-featured-item__image-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.home-featured-item:hover .home-featured-item__image-img{transform:scale(1.1)}.home-featured-item__image-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 50%,transparent 100%);pointer-events:none;z-index:1;transition:opacity .3s ease}.home-featured-item:hover .home-featured-item__image-overlay{opacity:.8}.home-featured-item__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%);color:var(--color-text-tertiary)}.home-featured-item__badge{position:absolute;top:.875rem;left:.875rem;z-index:3;animation:badgePulse 2s ease-in-out infinite}.home-featured-item__badge-text{display:inline-block;background:linear-gradient(135deg,#ff4757,#ff6b7a,#ff8c9f);color:#fff;padding:.5rem .875rem;border-radius:.5rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #ff475780,0 0 20px #ff47574d;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative}.home-featured-item__badge-text:before{content:"";position:absolute;inset:-2px;border-radius:.5rem;background:linear-gradient(135deg,#ff4757,#ff6b7a,#ff8c9f);filter:blur(8px);opacity:.6;z-index:-1;animation:badgeGlow 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes badgeGlow{0%,to{opacity:.4}50%{opacity:.8}}.home-featured-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.875rem;position:relative;z-index:1}.home-featured-item__title{margin:0;font-size:1.5rem;font-weight:800;color:var(--color-text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.01em}.home-featured-item:hover .home-featured-item__title{color:var(--color-accent);text-shadow:0 2px 8px rgba(99,102,241,.3);transform:translate(4px)}.home-featured-item__tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:.625rem;color:var(--color-accent);font-size:.8125rem;font-weight:600;transition:all .3s ease;width:fit-content}.home-featured-item:hover .home-featured-item__tag{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f166;box-shadow:0 2px 8px #6366f133;transform:translate(2px)}.home-featured-item__tag svg{flex-shrink:0;width:14px;height:14px;color:var(--color-accent)}.home-featured-item__tag-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.home-featured-item__meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.25rem}.home-featured-item__chapters{font-size:.875rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.375rem}.home-featured-item__chapters:before{content:"📖";font-size:1rem}.home-featured-item__status{font-size:.8125rem;font-weight:700;color:var(--color-accent);padding:.375rem .75rem;background:linear-gradient(135deg,var(--color-accent-bg) 0%,rgba(139,92,246,.1) 100%);border:1px solid rgba(99,102,241,.2);border-radius:.5rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.home-featured-item:hover .home-featured-item__status{background:linear-gradient(135deg,var(--color-accent-bg) 0%,rgba(139,92,246,.2) 100%);border-color:#6366f166;box-shadow:0 2px 8px #6366f133}.home-featured-item__arrow{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:linear-gradient(135deg,var(--color-accent-bg) 0%,rgba(139,92,246,.1) 100%);color:var(--color-text-tertiary);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;border:1px solid transparent}.home-featured-item:hover .home-featured-item__arrow{color:var(--color-accent);background:var(--featured-gradient-1);border-color:transparent;transform:translate(6px) scale(1.1);box-shadow:var(--featured-glow)}.home-featured-item__arrow svg{transition:transform .3s ease}.home-featured-item:hover .home-featured-item__arrow svg{transform:translate(2px)}[dir=rtl] .home-featured-item__arrow{transform:scaleX(-1)}[dir=rtl] .home-featured-item:hover .home-featured-item__arrow{transform:scaleX(-1) translate(-6px) scale(1.1)}[dir=rtl] .home-featured-item:hover .home-featured-item__title{transform:translate(-4px)}[dir=rtl] .home-featured-item:hover .home-featured-item__tag{transform:translate(-2px)}.page--home .home-panel{margin-bottom:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1.25rem;padding:2rem;box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.page--home .home-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-info) 100%);opacity:0;transition:opacity .3s ease}.page--home .home-panel:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-border-strong)}.page--home .home-panel:hover:before{opacity:1}.home-panel__header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.home-panel__header-content{display:flex;align-items:center;gap:.75rem}.home-panel__icon{flex-shrink:0;color:var(--color-accent);width:28px;height:28px;transition:transform .3s ease,color .3s ease}.home-panel:hover .home-panel__icon{transform:scale(1.1);color:var(--color-info)}.home-panel__title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.home-carousel{display:flex;overflow-x:auto;overflow-y:hidden;gap:1.25rem;padding:.75rem .5rem;margin-top:.5rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.home-carousel::-webkit-scrollbar{height:6px}.home-carousel::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:3px}.home-carousel::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-info) 100%);border-radius:3px}.home-carousel::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--color-info) 0%,var(--color-accent) 100%)}.home-carousel__item{flex:0 0 auto;scroll-snap-align:start;width:280px;animation:fadeInUp .5s ease-out;animation-fill-mode:both}.home-carousel__item:nth-child(1){animation-delay:.05s}.home-carousel__item:nth-child(2){animation-delay:.1s}.home-carousel__item:nth-child(3){animation-delay:.15s}.home-carousel__item:nth-child(4){animation-delay:.2s}.home-carousel__item:nth-child(5){animation-delay:.25s}.home-carousel__item:nth-child(6){animation-delay:.3s}.home-carousel__item .serie-card{width:100%;max-width:100%}.home-carousel__empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-secondary);background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%);border:2px dashed var(--color-border);border-radius:1rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .3s ease}.home-carousel__empty:hover{border-color:var(--color-accent);background:var(--color-accent-bg)}.home-empty__icon{color:var(--color-text-tertiary);opacity:.6;transition:all .3s ease}.home-carousel__empty:hover .home-empty__icon{color:var(--color-accent);opacity:1;transform:scale(1.1)}.home-carousel__empty p{margin:0;font-size:.9375rem;font-weight:500}.home-categories-section{margin:2rem 0;padding:0}.home-categories-section__header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.home-categories-section__header-content{display:flex;align-items:center;gap:.75rem}.home-categories-section__icon{flex-shrink:0;color:var(--color-accent);width:28px;height:28px;transition:transform .3s ease}.home-categories-section:hover .home-categories-section__icon{transform:scale(1.1);color:var(--color-info)}.home-categories-section__title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.home-categories-section__empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:1rem}.home-categories-section__empty-icon{color:var(--color-text-tertiary);opacity:.6}.home-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.home-category-item{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;border-radius:.875rem;background:transparent;border:none;color:var(--color-text-primary);text-decoration:none;font-weight:500;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;text-align:left;position:relative;overflow:hidden}.home-category-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-info) 100%);transform:scaleY(0);transition:transform .3s ease}.home-category-item:hover{background:var(--color-accent-bg);transform:translate(4px)}.home-category-item:hover:before{transform:scaleY(1)}.home-category-item__icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:.625rem;background:var(--color-accent-bg);color:var(--color-accent);transition:all .3s ease;position:relative;z-index:1}.home-category-item:hover .home-category-item__icon{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-info) 100%);color:#fff;transform:scale(1.1)}.home-category-item__text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;position:relative;z-index:1}.home-category-item:hover .home-category-item__text{color:var(--color-accent);font-weight:600}.home-category-item__arrow{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;color:var(--color-text-tertiary);transition:all .3s ease;position:relative;z-index:1}.home-category-item:hover .home-category-item__arrow{color:var(--color-accent);background:var(--color-accent-bg);transform:translate(4px)}[dir=rtl] .home-category-item__arrow{transform:scaleX(-1)}[dir=rtl] .home-category-item:hover .home-category-item__arrow{transform:scaleX(-1) translate(-4px)}[dir=rtl] .home-category-item:hover{transform:translate(-4px)}.home-trending{margin:2rem 0;padding:0}.home-trending__header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.home-trending__header-content{display:flex;align-items:center;gap:.75rem}.home-trending__icon{flex-shrink:0;color:var(--color-accent);width:28px;height:28px;transition:transform .3s ease}.home-trending:hover .home-trending__icon{transform:scale(1.1);color:var(--color-info)}.home-trending__title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.home-trending__empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:1rem}.home-trending__empty-icon{color:var(--color-text-tertiary);opacity:.6}.home-trending__grid{display:flex;flex-direction:column;gap:.5rem}.home-trending-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.home-trending-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-info) 100%);transform:scaleY(0);transition:transform .3s ease}.home-trending-item:hover{background:var(--color-accent-bg);transform:translate(4px)}.home-trending-item:hover:before{transform:scaleY(1)}.home-trending-item__rank{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.625rem;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-info) 100%);color:#fff;font-weight:700;font-size:1rem;position:relative;z-index:1}.home-trending-item__rank-number{line-height:1}.home-trending-item:nth-child(1) .home-trending-item__rank{background:linear-gradient(135deg,gold,#ffed4e);color:#0f172a}.home-trending-item:nth-child(2) .home-trending-item__rank{background:linear-gradient(135deg,silver,#e8e8e8);color:#0f172a}.home-trending-item:nth-child(3) .home-trending-item__rank{background:linear-gradient(135deg,#cd7f32,#e6a057);color:#fff}.home-trending-item__image{flex-shrink:0;width:56px;height:56px;border-radius:.625rem;overflow:hidden;background:var(--color-bg-tertiary);position:relative;z-index:1}.home-trending-item__image-img{width:100%;height:100%;object-fit:cover}.home-trending-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:1}.home-trending-item__title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.home-trending-item:hover .home-trending-item__title{color:var(--color-accent)}.home-trending-item__author{margin:0;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.home-trending-item__arrow{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;color:var(--color-text-tertiary);transition:all .3s ease;position:relative;z-index:1}.home-trending-item:hover .home-trending-item__arrow{color:var(--color-accent);background:var(--color-accent-bg);transform:translate(4px)}[dir=rtl] .home-trending-item__arrow{transform:scaleX(-1)}[dir=rtl] .home-trending-item:hover .home-trending-item__arrow{transform:scaleX(-1) translate(-4px)}@media(max-width:767px){.page--home{padding:1rem;gap:1.5rem}.home-hero{padding:2.5rem 1rem 2rem;margin:-1.5rem -1rem 1.5rem;min-height:280px}.home-hero__title{font-size:1.75rem;margin-bottom:.75rem}.home-hero__subtitle{font-size:.875rem;margin-bottom:1.25rem}.home-hero__search-wrapper{padding:.75rem .875rem}.home-hero__search-input{font-size:.875rem}.home-featured{margin:1.5rem 0;padding:0}.home-featured__list{display:flex;flex-direction:column;gap:1rem}.home-featured-item{display:flex;flex-direction:column;align-items:stretch;padding:1rem;gap:1rem;width:100%;min-height:44px;border-radius:1rem}.home-featured-item:hover{transform:translateY(-4px) scale(1.01)}.home-featured-item:active{transform:translateY(-2px) scale(.99)}.home-featured-item__image-wrapper{width:100%;align-self:center;max-width:200px}.home-featured-item__image{width:100%;height:auto;aspect-ratio:2 / 3;max-width:200px;margin:0 auto}.home-featured-item:hover .home-featured-item__image{transform:scale(1.05)}.home-featured-item__badge{top:.75rem;left:.75rem}.home-featured-item__badge-text{padding:.375rem .75rem;font-size:.6875rem}.home-featured-item__content{width:100%;gap:.75rem}.home-featured-item__title{font-size:1.125rem;-webkit-line-clamp:2;text-align:center}.home-featured-item:hover .home-featured-item__title{transform:none}.home-featured-item__tag{padding:.375rem .75rem;font-size:.75rem;align-self:center}.home-featured-item:hover .home-featured-item__tag{transform:none}.home-featured-item__tag-text{max-width:150px}.home-featured-item__meta{justify-content:center;gap:.75rem;flex-wrap:wrap}.home-featured-item__chapters{font-size:.8125rem}.home-featured-item__chapters:before{font-size:.875rem}.home-featured-item__status{font-size:.75rem;padding:.25rem .625rem}.home-featured-item__arrow{width:44px;height:44px;align-self:center;margin-top:.5rem}.home-featured-item:hover .home-featured-item__arrow{transform:translateY(-2px) scale(1.05)}@media(prefers-reduced-motion:reduce){.home-featured-item,.home-featured-item__image,.home-featured-item__image-img,.home-featured-item__badge{animation:none;transition:none}.home-featured-item:hover,.home-featured-item:hover .home-featured-item__image{transform:none}}.page--home .home-panel{padding:1.25rem;border-radius:1rem}.home-panel__header{margin-bottom:1rem;padding-bottom:.75rem}.home-panel__icon{width:24px;height:24px}.home-panel__title{font-size:1.25rem}.home-carousel{display:grid;grid-template-columns:1fr;overflow:visible;overflow-x:visible;overflow-y:visible;gap:1.5rem;padding:0;margin-top:.5rem;scroll-snap-type:none;-webkit-overflow-scrolling:auto}.home-carousel__item{width:100%;flex:none}.home-categories-section{margin:1.5rem 0}.home-categories-section__title{font-size:1.25rem}.home-categories-grid{grid-template-columns:1fr;gap:.5rem}.home-category-item{padding:.875rem 1rem;font-size:.875rem;gap:.75rem}.home-category-item__icon{width:32px;height:32px}.home-category-item__arrow{width:24px;height:24px}.home-category-item:hover{transform:translate(2px)}.home-carousel__empty{padding:2rem 1rem}.home-empty__icon{width:40px;height:40px}.home-trending{margin:1.5rem 0}.home-trending__title{font-size:1.25rem}.home-trending-item{padding:.875rem;gap:.75rem}.home-trending-item__rank{width:36px;height:36px;font-size:.9375rem}.home-trending-item__image{width:48px;height:48px}.home-trending-item__title{font-size:.9375rem}.home-trending-item__author{font-size:.75rem}.home-trending-item__arrow{width:28px;height:28px}.home-trending-item:hover{transform:translate(2px)}.home-features{padding:2rem 0;margin:1.5rem 0}.home-features__title{font-size:1.5rem}.home-features__grid{grid-template-columns:1fr;gap:1.5rem}.home-feature{padding:1.5rem}.home-feature__icon{width:64px;height:64px;margin-bottom:1rem}.home-feature__title{font-size:1.125rem}.home-feature__description{font-size:.875rem}.home-cta{padding:2.5rem 1.5rem;margin:2rem 0}.home-cta__title{font-size:1.75rem}.home-cta__subtitle{font-size:1rem}.home-cta__actions{flex-direction:column;width:100%}.home-cta__button{width:100%}.home-preview-overlay{padding:1.5rem}.home-preview-overlay__text{font-size:1rem}.home-preview-overlay__actions{flex-direction:column;width:100%}.home-preview-overlay__button{width:100%}}@media(min-width:768px)and (max-width:1024px){.page--home{padding:1.5rem;gap:1.75rem}.home-hero{padding:3rem 1.5rem 2.5rem;min-height:300px}.home-hero__title{font-size:2rem}.home-featured__list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.home-featured-item{padding:1.25rem;gap:1.25rem;flex-direction:column}.home-featured-item__image-wrapper{width:100%;max-width:180px;margin:0 auto}.home-featured-item__image{width:100%;height:auto;aspect-ratio:2 / 3;max-width:180px}.home-featured-item__content,.home-featured-item__title{text-align:center}.home-featured-item__tag{align-self:center}.home-featured-item__meta{justify-content:center}.home-featured-item__arrow{align-self:center;margin-top:.5rem}.page--home .home-panel{padding:1.75rem}.home-carousel{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;overflow-x:visible;overflow-y:visible;gap:1.5rem;padding:0;margin-top:.5rem;scroll-snap-type:none;-webkit-overflow-scrolling:auto}.home-carousel__item{width:100%;flex:none}.home-categories-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.home-category-item{padding:1rem}.home-features{padding:2.5rem 0}.home-features__grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}.home-cta{padding:3.5rem 2rem}.home-cta__title{font-size:2.25rem}.home-trending-item{padding:1rem}}@media(min-width:1024px){.page--home{padding:2rem}.home-hero{padding:4rem 2rem 3rem;min-height:360px}.home-hero__title{font-size:2.5rem}.home-hero__subtitle{font-size:1.125rem}.home-featured{max-width:1200px;margin-left:auto;margin-right:auto}.home-featured__list{display:flex;flex-direction:row;gap:2rem;flex-wrap:nowrap}.home-featured-item{flex:1;padding:1.5rem;gap:1.5rem;flex-direction:row;align-items:center}.home-featured-item__image-wrapper{flex-shrink:0;max-width:none}.home-featured-item__image{width:160px;height:240px;aspect-ratio:2 / 3}.home-featured-item__content{text-align:left}.home-featured-item__title{text-align:left;font-size:1.5rem}.home-featured-item__tag{align-self:flex-start}.home-featured-item__meta{justify-content:flex-start}.home-featured-item__arrow{align-self:center;margin-top:0}.home-carousel{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;overflow-x:visible;overflow-y:visible;gap:1.5rem;padding:0;margin-top:.5rem;scroll-snap-type:none;-webkit-overflow-scrolling:auto}.home-carousel__item{width:100%;flex:none}}@media(min-width:1440px){.page--home{padding:2.5rem}.home-hero{padding:5rem 2.5rem 4rem;min-height:400px}.home-hero__title{font-size:3rem}.home-hero__subtitle{font-size:1.25rem}.home-features{padding:3rem 0}.home-features__grid{grid-template-columns:repeat(4,1fr);gap:2rem}.home-cta{padding:4rem 2rem}.home-cta__title{font-size:2.5rem}}.page--library{padding:1.5rem;max-width:1200px;margin:0 auto}.library__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.library__create-btn{align-self:flex-start;background:linear-gradient(135deg,var(--color-accent),var(--color-info));color:#fff;border:1px solid var(--color-accent);border-radius:.75rem;padding:.75rem 1.25rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease;box-shadow:var(--shadow-md)}.library__create-btn:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:var(--shadow-lg)}.library__create-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.library__create-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.library__message{padding:2rem 1.5rem;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;margin-top:1.5rem}.library__message p{margin:0;font-size:1rem}.library__empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;margin-top:1.5rem}.library__empty p{margin:0;font-size:1rem}.library__series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}@media(max-width:768px){.page--library{padding:1rem}.library__header{flex-direction:column;align-items:flex-start}.library__create-btn{width:100%;text-align:center}.library__series-grid{grid-template-columns:1fr;gap:1rem}}@media(min-width:769px)and (max-width:1024px){.library__series-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}}.page--login{max-width:28rem;margin:0 auto;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}.login-container{width:100%;position:relative;overflow:hidden;border-radius:1.5rem;background:var(--color-bg-primary);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeInUp .5s ease-out}.login-header-bg{position:relative;padding:2.5rem 1.5rem 4.5rem;background:linear-gradient(135deg,var(--login-house-bg) 0%,var(--login-house-bg-secondary) 100%);clip-path:polygon(0 0,100% 0,100% 70%,50% 80%,0 70%);border-radius:1.5rem 1.5rem 0 0;border:2px solid var(--login-house-border);border-bottom:none;overflow:hidden}.login-header-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.2) 0%,transparent 50%);pointer-events:none}[data-theme=light] .login-header-bg{--login-house-bg: #EBD6FB;--login-house-bg-secondary: #687FE5;--login-house-border: #ffffff}[data-theme=dark] .login-header-bg{--login-house-bg: #3B1C32;--login-house-bg-secondary: #6A1E55;--login-house-border: rgba(255, 255, 255, .1)}.login-logo-container{display:flex;align-items:center;gap:1rem;justify-content:center;position:relative;z-index:1}.login-logo{width:3.5rem;height:3.5rem;color:var(--color-text-primary);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:logoFloat 3s ease-in-out infinite}.login-brand{display:flex;flex-direction:column;gap:.25rem}.login-brand-name{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-brand-tagline{margin:0;font-size:.875rem;color:var(--color-text-secondary);opacity:.9}.login-content{padding:2.5rem 1.5rem;background:var(--login-content-bg);border-radius:0 0 1.5rem 1.5rem;position:relative}[data-theme=light] .login-content{--login-content-bg: #FEEBF6}[data-theme=dark] .login-content{--login-content-bg: #3B1C32}.login-title{margin:-1.5rem 0 2rem;font-size:2rem;font-weight:700;color:var(--color-text-primary);text-align:center;letter-spacing:-.02em;position:relative;z-index:1}.login-form{display:flex;flex-direction:column;gap:1.75rem}.login-form__error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:.75rem;background:linear-gradient(135deg,#ef444426,#ef44441a);color:var(--color-error);font-size:.875rem;font-weight:500;border:1px solid rgba(239,68,68,.3);box-shadow:0 4px 12px #ef44441a;animation:slideDown .4s cubic-bezier(.16,1,.3,1)}.login-form__error-icon{width:1.25rem;height:1.25rem;flex-shrink:0;opacity:.9}.login-form__field{display:flex;flex-direction:column;gap:.625rem}.login-form__password-header{display:flex;justify-content:space-between;align-items:center}.login-form__label{font-weight:600;color:var(--color-text-primary);font-size:.875rem;margin-bottom:.25rem}.login-form__forgot{color:var(--color-accent);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;position:relative}.login-form__forgot:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent);transition:width .2s ease}.login-form__forgot:hover{color:var(--color-accent-light)}.login-form__forgot:hover:after{width:100%}.login-form__input-wrapper{position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.login-form__input-wrapper:focus-within{border-color:var(--color-accent);background:var(--color-bg-primary);box-shadow:0 0 0 4px var(--color-accent-bg),0 4px 12px #6366f126;transform:translateY(-1px)}.login-form__input-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--color-text-tertiary);transition:color .3s ease}.login-form__input-wrapper:focus-within .login-form__input-icon{color:var(--color-accent)}.login-form__input{flex:1;border:none;background:transparent;color:var(--color-text-primary);font-size:1rem;font-weight:400;outline:none;padding:0;transition:all .2s ease}.login-form__input::placeholder{color:var(--color-text-tertiary);opacity:.6}.login-form__input:disabled{opacity:.6;cursor:not-allowed}.login-form__input-wrapper:has(.login-form__input:disabled) .login-form__password-toggle{opacity:.6;cursor:not-allowed}.login-form__password-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:.5rem;transition:all .2s ease;flex-shrink:0}.login-form__password-toggle:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.login-form__password-toggle:active:not(:disabled){transform:scale(.95)}.login-form__password-toggle:disabled{cursor:not-allowed}.login-form__password-toggle-icon{width:1.25rem;height:1.25rem;transition:transform .2s ease}.login-form__password-toggle:hover .login-form__password-toggle-icon{transform:scale(1.1)}.login-form__submit{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;min-height:3.25rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.login-form__submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-form__submit:hover:before{left:100%}[data-theme=light] .login-form__submit,[data-theme=dark] .login-form__submit{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color:var(--color-accent-contrast)}.login-form__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0003}.login-form__submit:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #00000026}.login-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a}.login-divider{display:flex;align-items:center;margin:2rem 0;position:relative}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.login-divider__text{padding:0 1.25rem;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;background:var(--login-content-bg);position:relative;z-index:1}.login-social{display:flex;gap:.75rem;margin-bottom:1.5rem}.login-social__button{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;min-height:3rem;border:2px solid var(--color-border);border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.login-social__button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-bg-tertiary);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.login-social__button:hover:before{width:300px;height:300px}.login-social__button>*{position:relative;z-index:1}[data-theme=light] .login-social__button,[data-theme=dark] .login-social__button{background:var(--color-bg-secondary);color:var(--color-text-primary)}.login-social__button:hover:not(:disabled){border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.login-social__button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}.login-social__button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-social__icon{width:1.25rem;height:1.25rem;flex-shrink:0;position:relative;z-index:1}.login-form__footer{margin-top:2rem;text-align:center}.login-form__footer-text{margin:0;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.login-form__footer-text--privacy{margin-top:1rem;font-size:.8125rem;opacity:.8}.login-form__link{color:var(--color-accent);text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.login-form__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent);transition:width .2s ease}.login-form__link:hover{color:var(--color-accent-light)}.login-form__link:hover:after{width:100%}.login-form__spinner{width:1.25rem;height:1.25rem;animation:spin .8s linear infinite}.login-form__spinner-circle,.login-form__spinner-path{stroke-dasharray:62.83;stroke-dashoffset:31.42;animation:spinner-dash 1.4s ease-in-out infinite}@media(max-width:767px){.page--login{padding:1rem;min-height:auto}.login-container{border-radius:1rem;box-shadow:var(--shadow-lg)}.login-header-bg{padding:2rem 1rem 3rem;border-radius:1rem 1rem 0 0}.login-content{padding:2rem 1rem;border-radius:0 0 1rem 1rem}.login-title{font-size:1.75rem;margin-bottom:1.75rem}.login-logo{width:3rem;height:3rem}.login-brand-name{font-size:1.25rem}.login-form{gap:1.5rem}.login-form__input-wrapper{padding:.75rem .875rem}.login-form__submit{min-height:3rem;padding:.875rem 1.25rem}.login-social{flex-direction:column;gap:.75rem}.login-social__button{min-height:3rem}}.page--register{max-width:28rem;margin:0 auto;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}@media(min-width:768px){.page--register{max-width:42rem}}.register-container{width:100%;position:relative;overflow:hidden;border-radius:1.5rem;background:var(--color-bg-primary);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeInUp .5s ease-out}.register-header-bg{position:relative;padding:2.5rem 1.5rem 4.5rem;background:linear-gradient(135deg,var(--register-house-bg) 0%,var(--register-house-bg-secondary) 100%);clip-path:polygon(0 0,100% 0,100% 70%,50% 80%,0 70%);border-radius:1.5rem 1.5rem 0 0;border:2px solid var(--register-house-border);border-bottom:none;overflow:hidden}.register-header-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.2) 0%,transparent 50%);pointer-events:none}[data-theme=light] .register-header-bg{--register-house-bg: #EBD6FB;--register-house-bg-secondary: #687FE5;--register-house-border: #ffffff}[data-theme=dark] .register-header-bg{--register-house-bg: #3B1C32;--register-house-bg-secondary: #6A1E55;--register-house-border: rgba(255, 255, 255, .1)}.register-logo-container{display:flex;align-items:center;gap:1rem;justify-content:center;position:relative;z-index:1}.register-logo{width:3.5rem;height:3.5rem;color:var(--color-text-primary);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.register-brand{display:flex;flex-direction:column;gap:.25rem}.register-brand-name{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.register-brand-tagline{margin:0;font-size:.875rem;color:var(--color-text-secondary);opacity:.9}.register-content{padding:2.5rem 1.5rem;background:var(--register-content-bg);border-radius:0 0 1.5rem 1.5rem;position:relative}[data-theme=light] .register-content{--register-content-bg: #FEEBF6}[data-theme=dark] .register-content{--register-content-bg: #3B1C32}.register-title{margin:-1.5rem 0 2rem;font-size:2rem;font-weight:700;color:var(--color-text-primary);text-align:center;letter-spacing:-.02em;position:relative;z-index:1}.register-form{display:flex;flex-direction:column;gap:1.75rem}@media(min-width:768px){.register-form{display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem;row-gap:1.75rem}.register-form__error{grid-column:1 / -1}.register-form__field:has(#email){grid-column:1}.register-form__field:has(#password){grid-column:2}.register-form__field:has(#firstName){grid-column:1}.register-form__field:has(#lastName){grid-column:2}.register-form__field:has(#phoneNumber){grid-column:1 / -1}.register-form__field:has(.register-form__checkbox){grid-column:1 / -1}.register-form__submit{grid-column:1 / -1}}.register-form__error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:.75rem;background:linear-gradient(135deg,#ef444426,#ef44441a);color:var(--color-error);font-size:.875rem;font-weight:500;border:1px solid rgba(239,68,68,.3);box-shadow:0 4px 12px #ef44441a;animation:slideDown .4s cubic-bezier(.16,1,.3,1)}.register-form__error-icon{width:1.25rem;height:1.25rem;flex-shrink:0;opacity:.9}.register-form__field{display:flex;flex-direction:column;gap:.625rem}.register-form__label{font-weight:600;color:var(--color-text-primary);font-size:.875rem;margin-bottom:.25rem}.register-form__optional{font-weight:400;color:var(--color-text-tertiary);font-size:.8125rem;opacity:.7}.register-form__input-wrapper{position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.register-form__input-wrapper:focus-within{border-color:var(--color-accent);background:var(--color-bg-primary);box-shadow:0 0 0 4px var(--color-accent-bg),0 4px 12px #6366f126;transform:translateY(-1px)}.register-form__input-wrapper--error{border-color:var(--color-error);box-shadow:0 0 0 4px #ef44441a,0 4px 12px #ef444426}.register-form__input-wrapper--error:focus-within{border-color:var(--color-error);box-shadow:0 0 0 4px #ef444426,0 4px 12px #ef444433}.register-form__input-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--color-text-tertiary);transition:color .3s ease}.register-form__input-wrapper:focus-within .register-form__input-icon{color:var(--color-accent)}.register-form__input-wrapper--error .register-form__input-icon{color:var(--color-error)}.register-form__input{flex:1;border:none;background:transparent;color:var(--color-text-primary);font-size:1rem;font-weight:400;outline:none;padding:0;transition:all .2s ease}.register-form__input::placeholder{color:var(--color-text-tertiary);opacity:.6}.register-form__input:disabled{opacity:.6;cursor:not-allowed}.register-form__input-wrapper:has(.register-form__input:disabled) .register-form__password-toggle{opacity:.6;cursor:not-allowed}.register-form__password-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:.5rem;transition:all .2s ease;flex-shrink:0}.register-form__password-toggle:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.register-form__password-toggle:active:not(:disabled){transform:scale(.95)}.register-form__password-toggle:disabled{cursor:not-allowed}.register-form__password-toggle-icon{width:1.25rem;height:1.25rem;transition:transform .2s ease}.register-form__password-toggle:hover .register-form__password-toggle-icon{transform:scale(1.1)}.register-form__password-requirements{margin-top:.875rem;padding:1rem;border-radius:.75rem;background:var(--register-password-requirements-bg);border:1px solid var(--register-password-requirements-border);box-shadow:0 2px 8px #0000000d;animation:slideDown .3s ease-out}[data-theme=light] .register-form__password-requirements{--register-password-requirements-bg: #FEEBF6;--register-password-requirements-border: #EBD6FB}[data-theme=dark] .register-form__password-requirements{--register-password-requirements-bg: #3B1C32;--register-password-requirements-border: #6A1E55}.register-form__password-requirements-title{margin:0 0 .75rem;font-size:.8125rem;font-weight:600;color:var(--color-text-primary)}.register-form__password-requirements-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.625rem}.register-form__requirement--met,.register-form__requirement--unmet{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;transition:all .2s ease;padding:.25rem 0}.register-form__requirement--met{color:var(--color-success)}.register-form__requirement--unmet{color:var(--color-text-secondary)}.register-form__requirement-icon{width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.register-form__requirement--met .register-form__requirement-icon{transform:scale(1.1)}.register-form__checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;margin:0;padding:0;font-size:.875rem;line-height:1.5;color:var(--color-text-primary)}.register-form__checkbox{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem;cursor:pointer;accent-color:var(--color-accent);transition:all .2s ease}.register-form__checkbox:disabled{cursor:not-allowed;opacity:.6}.register-form__checkbox-text{flex:1;color:var(--color-text-primary);font-size:.875rem;line-height:1.6}.register-form__checkbox-link{color:var(--color-accent);text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.register-form__checkbox-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent);transition:width .2s ease}.register-form__checkbox-link:hover{color:var(--color-accent-light)}.register-form__checkbox-link:hover:after{width:100%}.register-form__submit{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;min-height:3.25rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.register-form__submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.register-form__submit:hover:before{left:100%}[data-theme=light] .register-form__submit,[data-theme=dark] .register-form__submit{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color:var(--color-accent-contrast)}.register-form__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0003}.register-form__submit:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #00000026}.register-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #0000001a}.register-form__footer{margin-top:2rem;text-align:center}.register-form__footer-text{margin:0;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.register-form__footer-text--privacy{margin-top:1rem;font-size:.8125rem;opacity:.8}.register-form__link{color:var(--color-accent);text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.register-form__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent);transition:width .2s ease}.register-form__link:hover{color:var(--color-accent-light)}.register-form__link:hover:after{width:100%}.register-form__spinner{width:1.25rem;height:1.25rem;animation:spin .8s linear infinite}.register-form__spinner-circle,.register-form__spinner-path{stroke-dasharray:62.83;stroke-dashoffset:31.42;animation:spinner-dash 1.4s ease-in-out infinite}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spinner-dash{0%{stroke-dashoffset:62.83}50%{stroke-dashoffset:15.71}to{stroke-dashoffset:62.83}}@media(max-width:767px){.page--register{padding:1rem;min-height:auto}.register-container{border-radius:1rem;box-shadow:var(--shadow-lg)}.register-header-bg{padding:2rem 1rem 3rem;border-radius:1rem 1rem 0 0}.register-content{padding:2rem 1rem;border-radius:0 0 1rem 1rem}.register-title{font-size:1.75rem;margin-bottom:1.75rem}.register-logo{width:3rem;height:3rem}.register-brand-name{font-size:1.25rem}.register-form{gap:1.5rem}.register-form__input-wrapper{padding:.75rem .875rem}.register-form__submit{min-height:3rem;padding:.875rem 1.25rem}.register-form__password-requirements{padding:.875rem}}.notfound{max-height:100vh;display:grid;place-items:center;background:transparent;color:var(--color-text-primary)}.notfound__card{width:min(960px,100%);background:var(--color-bg-secondary);border-radius:24px;padding:32px;box-shadow:0 30px 80px #00000026,0 10px 30px #00000014;border:1px solid rgba(var(--color-accent-rgb, 166, 77, 121),.15);position:relative;overflow:hidden}.notfound__card:after{content:"";position:absolute;inset:-120px auto auto 60%;width:320px;height:320px;background:radial-gradient(circle,rgba(var(--color-accent-rgb, 166, 77, 121),.18) 0,rgba(var(--color-accent-rgb, 166, 77, 121),0) 60%);filter:blur(2px);pointer-events:none}.notfound__badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:#fff;font-weight:700;letter-spacing:.08em;font-size:.9rem;box-shadow:0 10px 25px rgba(var(--color-accent-rgb, 166, 77, 121),.25)}.notfound__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;align-items:center;margin-top:24px;position:relative;z-index:1}.notfound__copy{display:grid;gap:12px}.notfound__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);font-weight:700;font-size:.9rem;margin:0}.notfound__title{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0;color:var(--color-text-primary)}.notfound__desc{margin:0;color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.notfound__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:fit-content;padding:14px 20px;margin-top:8px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:#fff;font-weight:700;border-radius:12px;text-decoration:none;box-shadow:0 12px 30px rgba(var(--color-accent-rgb, 166, 77, 121),.35);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.notfound__cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(var(--color-accent-rgb, 166, 77, 121),.4);filter:brightness(1.03)}.notfound__cta:focus-visible{outline:3px solid rgba(var(--color-accent-rgb, 166, 77, 121),.35);outline-offset:4px}.notfound__art{position:relative;min-height:240px;display:grid;place-items:center}.notfound__planet{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--color-bg-secondary) 0,color-mix(in srgb,var(--color-accent) 40%,var(--color-bg-secondary)) 40%,var(--color-accent) 100%);box-shadow:inset -12px -16px 40px rgba(var(--color-accent-rgb, 166, 77, 121),.35),0 25px 60px rgba(var(--color-accent-rgb, 166, 77, 121),.25);position:relative}.notfound__planet:before,.notfound__planet:after{content:"";position:absolute;border-radius:50%;background:#ffffff59;filter:blur(6px)}.notfound__planet:before{width:60px;height:60px;top:18%;left:14%}.notfound__planet:after{width:40px;height:40px;bottom:18%;right:22%}.notfound__orbit{position:absolute;border:1.5px dashed rgba(var(--color-accent-rgb, 166, 77, 121),.35);border-radius:50%;animation:spin 14s linear infinite}.orbit--1{width:220px;height:220px;animation-duration:14s}.orbit--2{width:260px;height:260px;animation-duration:18s;animation-direction:reverse}.orbit--3{width:300px;height:300px;animation-duration:22s}@media(max-width:640px){.notfound{padding:32px 16px}.notfound__card{padding:24px}.notfound__body{grid-template-columns:1fr}.notfound__art{min-height:200px}}.filters{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.filters__section{display:flex;flex-direction:column;gap:.75rem}.filters__section-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.filters__search{margin-bottom:.5rem}.filters__search-input{width:100%;padding:.625rem .875rem;font-size:.9375rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease}.filters__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.filters__search-input::placeholder{color:var(--color-text-tertiary)}.filters__list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding:.5rem 0}.filters__item{display:flex;align-items:center;gap:.75rem;padding:.625rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.filters__item:hover{background-color:var(--color-bg-secondary)}.filters__checkbox{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--color-accent);flex-shrink:0}.filters__label{font-size:.9375rem;color:var(--color-text-primary);flex:1}.filters__empty{padding:1rem;text-align:center;color:var(--color-text-tertiary);font-size:.9375rem;margin:0}.filters__actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border);flex-wrap:wrap}.filters__button{flex:1;min-width:100px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filters__button--primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.filters__button--primary:hover{background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.filters__button--primary:active{transform:scale(.98)}.filters__button--secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.filters__button--secondary:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.filters__button--secondary:active{transform:scale(.98)}[dir=rtl] .filters__item,[dir=rtl] .filters__actions{flex-direction:row-reverse}.filters__list::-webkit-scrollbar{width:8px}.filters__list::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.filters__list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}.filters__list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media(max-width:767px){.filters{gap:1.25rem;padding:.75rem 0}.filters__section-title{font-size:1rem}.filters__list{max-height:250px}.filters__actions{flex-direction:column}.filters__button{width:100%;min-width:unset}}.page--search{padding:1.5rem;max-width:1200px;margin:0 auto}.search__controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search__input-wrapper{position:relative;flex:1;min-width:200px}.search__input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:1rem;transition:all .2s ease;min-height:44px}.search__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.search__input::placeholder{color:var(--color-text-tertiary)}.search__input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.search__filters-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px;position:relative}.search__filters-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.search__filters-button:active{transform:scale(.98)}.search__filters-button svg{flex-shrink:0}.search__filters-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;border-radius:10px;background:var(--color-accent);color:#fff;font-size:.75rem;font-weight:600;margin-left:.25rem}.search__active-filters{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;flex-wrap:wrap}.search__active-filters-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.search__active-filters-list{display:flex;gap:.5rem;flex-wrap:wrap}.search__active-filter{display:inline-flex;align-items:center;padding:.375rem .75rem;background:var(--color-accent-bg);color:var(--color-accent);border:1px solid var(--color-accent);border-radius:.5rem;font-size:.875rem;font-weight:500}.search__results{margin-top:1.5rem}.search__results-list{display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.search__results-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}}.search__empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-secondary)}.search__empty p{margin:0;font-size:1rem}.search__initial{padding:3rem 1.5rem;text-align:center;color:var(--color-text-secondary)}.search__initial p{margin:0;font-size:1rem}@media(max-width:768px){.page--search{padding:1rem}.search__controls{flex-direction:column}.search__input-wrapper{min-width:100%}.search__filters-button{width:100%;justify-content:center}.search__active-filters{flex-direction:column;align-items:flex-start}}.download-progress{width:100%;padding:1rem;background:var(--color-bg-secondary, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem}.download-progress__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.download-progress__label{font-size:.875rem;font-weight:600;color:var(--color-text-primary, #1f2937);flex:1}.download-progress__percentage{font-size:.875rem;font-weight:700;color:var(--color-accent, #3b82f6);min-width:3rem;text-align:right}.download-progress__bar-wrapper{width:100%}.download-progress__bar{width:100%;height:.75rem;background-color:var(--color-bg-tertiary, #e5e7eb);border-radius:.5rem;overflow:hidden;position:relative}.download-progress__fill{height:100%;background:linear-gradient(90deg,var(--color-accent, #3b82f6) 0%,var(--color-accent-light, #60a5fa) 100%);border-radius:.5rem;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.download-progress__fill-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.download-progress__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.download-progress__text{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary, #6b7280)}.download-progress__page-info{font-size:.75rem;color:var(--color-text-tertiary, #9ca3af);font-weight:400}.purchase-modal{padding:1rem}.purchase-modal__content{display:flex;flex-direction:column;gap:1rem}.purchase-modal__title{font-size:1.25rem;font-weight:600;margin:0}.purchase-modal__price{font-size:1.5rem;font-weight:700;color:var(--color-primary, #007bff)}.purchase-modal__description{color:var(--color-text-secondary, #666);margin:0}.purchase-modal__error{padding:.75rem;background-color:var(--color-error-bg, #fee);color:var(--color-error, #c00);border-radius:.25rem;font-size:.875rem}.purchase-modal__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.purchase-modal__button{padding:.75rem 1.5rem;border:none;border-radius:.25rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.purchase-modal__button:disabled{opacity:.6;cursor:not-allowed}.purchase-modal__button--primary{background-color:var(--color-primary, #007bff);color:#fff}.purchase-modal__button--primary:hover:not(:disabled){background-color:var(--color-primary-hover, #0056b3)}.purchase-modal__button--secondary{background-color:var(--color-secondary, #6c757d);color:#fff}.purchase-modal__button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover, #545b62)}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:400px}.access-denied__icon{font-size:4rem;margin-bottom:1rem}.access-denied__title{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--color-text, #333)}.access-denied__message{font-size:1rem;color:var(--color-text-secondary, #666);margin:0 0 1rem;max-width:500px}.access-denied__preview-info{font-size:.875rem;color:var(--color-info, #0066cc);margin:.5rem 0 1rem;font-style:italic}.access-denied__price{font-size:1.5rem;font-weight:700;color:var(--color-primary, #007bff);margin:1rem 0}.access-denied__button{padding:.75rem 2rem;background-color:var(--color-primary, #007bff);color:#fff;border:none;border-radius:.25rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:1rem}.access-denied__button:hover{background-color:var(--color-primary-hover, #0056b3)}.page--serie-details{padding:0;max-width:1200px;margin:0 auto}.serie-details__hero{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.serie-details__hero-image{display:flex;justify-content:center;align-items:flex-start}.serie-details__cover-wrapper{position:relative;width:100%;max-width:300px;overflow:hidden;background:var(--color-bg-tertiary);border-radius:.75rem;box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.serie-details__cover{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;display:block;border-radius:.75rem}.serie-details__status{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;background:#000000b3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.serie-details__hero-content{display:flex;flex-direction:column;gap:1.5rem;flex:1}.serie-details__header{padding:0;margin-bottom:0}.serie-details__status--ongoing{background:#9ca3afe6}.serie-details__status--completed{background:#22c55ee6}.serie-details__status--hiatus{background:#fbbf24e6}.serie-details__status--canceled{background:#6b7280e6}.serie-details__header-content{display:flex;flex-direction:column;gap:1rem}.serie-details__title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.2}.serie-details__author{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary)}.serie-details__author-label{font-size:.875rem;font-weight:500}.serie-details__author-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.serie-details__read-block{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0}.serie-details__read-block .serie-details__action--read{align-self:flex-start;padding:1rem 1.75rem;font-size:1rem;font-weight:600;border-radius:.875rem;min-height:52px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:#fff;border:none;box-shadow:0 4px 14px #6366f166;transition:all .2s ease}.serie-details__read-block .serie-details__action--read:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-light),var(--color-accent));box-shadow:0 6px 20px #6366f180;opacity:1;transform:translateY(-1px)}.serie-details__read-block .serie-details__action--read:active:not(:disabled){transform:scale(.98)}.serie-details__read-block .serie-details__action--read:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);box-shadow:none;border:1px solid var(--color-border)}.serie-details__read-block .serie-details__action--read svg{width:24px;height:24px}.serie-details__read-message{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.serie-details__actions{display:flex;gap:.75rem;flex-wrap:wrap}.serie-details__action{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.serie-details__action:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.serie-details__action:active{transform:scale(.98)}.serie-details__action svg{flex-shrink:0}.serie-details__action--read{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.serie-details__action--read:hover{background:var(--color-accent-hover, var(--color-accent));opacity:.9}.serie-details__action--favorite{background:var(--color-bg-secondary);color:var(--color-accent);border-color:var(--color-accent)}.serie-details__action--favorite:hover{background:var(--color-accent-bg)}.serie-details__action--edit{background:var(--color-bg-secondary);color:var(--color-info);border-color:var(--color-info)}.serie-details__action--edit:hover{background:var(--color-info-bg, var(--color-bg-tertiary))}.serie-details__action--delete{background:var(--color-bg-secondary);color:var(--color-error);border-color:var(--color-error)}.serie-details__action--delete:hover{background:var(--color-error-bg, var(--color-bg-tertiary))}.serie-details__action--remove-downloads{background:var(--color-bg-secondary);color:var(--color-error);border-color:var(--color-error)}.serie-details__action--remove-downloads:hover{background:var(--color-error-bg, var(--color-bg-tertiary))}.serie-details__action--download{background:var(--color-bg-secondary);color:var(--color-accent);border-color:var(--color-accent)}.serie-details__action--download:hover{background:var(--color-accent-bg, var(--color-bg-tertiary))}.serie-details__action--add-chapter{background:var(--color-bg-secondary);color:var(--color-accent);border-color:var(--color-accent)}.serie-details__action--add-chapter:hover{background:var(--color-accent-bg, var(--color-bg-tertiary))}.serie-details__action--loading{opacity:.8;cursor:not-allowed}.serie-details__action--guest-disabled{opacity:.6;cursor:pointer}.serie-details__action--guest-disabled:hover{opacity:.85}.serie-details__action-spinner{animation:spin 1s linear infinite}.serie-details__comment-form,.serie-details__reply-block{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:1rem;background:var(--color-bg-secondary);box-shadow:0 6px 18px #0000000a}.serie-details__comment-form textarea,.serie-details__reply-block textarea{width:100%;min-height:90px;padding:.75rem;border:1px solid var(--color-border);border-radius:.6rem;background:var(--color-bg-tertiary);color:var(--color-text-primary);resize:vertical}.serie-details__comment-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.serie-details__comment-actions button{padding:.6rem 1.15rem;border-radius:.6rem;border:1px solid var(--color-border);background:var(--color-primary, #3b82f6);color:#fff;cursor:pointer;font-weight:600;transition:transform .1s ease,box-shadow .2s ease}.serie-details__comment-actions button:disabled{opacity:.6;cursor:not-allowed}.serie-details__comment-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary)}.serie-details__comment-danger{background:#ef44441f;color:var(--color-error, #ef4444);border-color:#ef44444d}.serie-details__comment-hint{color:var(--color-text-secondary);margin:.5rem 0 1rem}.serie-details__comments-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.serie-details__comment-card{padding:1.15rem;border:1px solid var(--color-border);border-radius:1rem;background:var(--color-bg-secondary);box-shadow:0 10px 24px #0000000a;display:flex;flex-direction:column;gap:.5rem}.serie-details__comment-header{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center}.serie-details__comment-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-bg-tertiary);color:var(--color-text-primary);display:grid;place-items:center;font-weight:700;border:1px solid var(--color-border)}.serie-details__comment-meta{display:flex;flex-direction:column;gap:.25rem;color:var(--color-text-secondary);font-size:.875rem}.serie-details__comment-author-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.serie-details__comment-author{font-weight:600;color:var(--color-text-primary)}.serie-details__comment-date{font-size:.8rem;color:var(--color-text-secondary)}.serie-details__comment-actions-inline{display:flex;gap:.35rem}.serie-details__comment-icon-button{width:32px;height:32px;display:grid;place-items:center;border-radius:.65rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);cursor:pointer;transition:background .2s ease,transform .1s ease}.serie-details__comment-icon-button:hover{background:var(--color-bg-tertiary);transform:translateY(-1px)}.serie-details__comment-badge{padding:.15rem .5rem;border-radius:.5rem;background:var(--color-warning, #f59e0b);color:#111;font-size:.75rem}.serie-details__comment-body{margin:.25rem 0 .5rem;color:var(--color-text-primary);white-space:pre-wrap;line-height:1.5}.serie-details__comment-edit-block{display:flex;flex-direction:column;gap:.75rem}.serie-details__comment-footer{display:flex;justify-content:flex-end;margin-top:.25rem}.serie-details__reply-header{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-secondary);font-size:.9rem}.serie-details__comment-error{padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--color-error);background:var(--color-error-bg, rgba(239, 68, 68, .1));color:var(--color-error)}.serie-details__download-progress{margin-top:1rem;padding:0 1.5rem}.serie-details__section{margin-bottom:2rem;padding:0 1.5rem}.serie-details__section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.serie-details__section-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.serie-details__chapters-count{font-size:1rem;font-weight:400;color:var(--color-text-tertiary)}.serie-details__synopsis-section{margin:0;padding:0}.serie-details__synopsis{font-size:1rem;line-height:1.6;color:var(--color-text-primary);margin:.5rem 0 0;white-space:pre-wrap}.serie-details__metadata{display:flex;flex-direction:column;gap:1rem;margin:0;padding:1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem}.serie-details__actions-section{margin:0;padding:0}.serie-details__metadata-item{display:flex;flex-direction:column;gap:.5rem}.serie-details__metadata-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.serie-details__tags,.serie-details__languages{display:flex;flex-wrap:wrap;gap:.5rem}.serie-details__tag,.serie-details__language{display:inline-flex;align-items:center;padding:.375rem .75rem;background:var(--color-accent-bg);color:var(--color-accent);border:1px solid var(--color-accent);border-radius:.5rem;font-size:.875rem;font-weight:500}.serie-details__chapters-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.serie-details__chapter-item{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;transition:all .2s ease}.serie-details__chapter-item--downloaded{background:#10b9811a;border-color:#10b9814d}.serie-details__chapter-item--downloaded:hover{background:#10b98126;border-color:#10b98180}.serie-details__chapter-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.serie-details__chapter-content{display:flex;align-items:flex-start;flex:1;min-width:0}.serie-details__chapter-info{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.serie-details__chapter-header{display:flex;align-items:center;gap:.5rem}.serie-details__chapter-title-main{font-size:1rem;font-weight:600;color:var(--color-accent);margin:0;line-height:1.4}.serie-details__chapter-downloaded-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-success, #10b981);color:#fff;flex-shrink:0}.serie-details__chapter-downloaded-badge svg{width:12px;height:12px}.serie-details__chapter-subtitle{font-size:.875rem;font-weight:400;color:var(--color-text-primary);margin:0;line-height:1.5}.serie-details__chapter-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.serie-details__chapter-meta-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--color-text-secondary)}.serie-details__chapter-meta-item svg{flex-shrink:0;opacity:.7}.serie-details__chapter-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.serie-details__chapter-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:36px;white-space:nowrap}.serie-details__chapter-action-text{display:inline}.serie-details__chapter-action:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.serie-details__chapter-action:active{transform:scale(.98)}.serie-details__chapter-action svg{flex-shrink:0}.serie-details__chapter-action--view svg,.serie-details__chapter-action--view,.serie-details__chapter-action--view .serie-details__chapter-action-text{color:var(--color-accent)}.serie-details__chapter-action--edit svg,.serie-details__chapter-action--edit,.serie-details__chapter-action--edit .serie-details__chapter-action-text{color:var(--color-primary, #007bff)}.serie-details__chapter-action--remove svg,.serie-details__chapter-action--remove,.serie-details__chapter-action--remove .serie-details__chapter-action-text{color:var(--color-error)}.serie-details__chapter-download-wrapper{display:flex;align-items:center;gap:.5rem}.serie-details__chapter-download-wrapper .download-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:36px;white-space:nowrap}.serie-details__chapter-download-wrapper .download-button:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-strong);transform:none}.serie-details__chapter-download-wrapper .download-button:active:not(:disabled){transform:scale(.98)}.serie-details__chapter-download-wrapper .download-button svg{flex-shrink:0}.serie-details__chapter-download-wrapper .download-button:not(.download-button--downloaded) svg,.serie-details__chapter-download-wrapper .download-button:not(.download-button--downloaded),.serie-details__chapter-download-wrapper .download-button:not(.download-button--downloaded) .download-button__text{color:var(--color-accent)}.serie-details__chapter-download-wrapper .download-button--downloaded svg,.serie-details__chapter-download-wrapper .download-button--downloaded,.serie-details__chapter-download-wrapper .download-button--downloaded .download-button__text{color:var(--color-success, #10b981)}.serie-details__empty{padding:2rem;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;margin:0}.serie-details__not-found{padding:3rem 1.5rem;text-align:center;color:var(--color-text-secondary)}.serie-details__not-found p{margin:0 0 1.5rem;font-size:1.125rem}.serie-details__back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.serie-details__back-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}@media(max-width:767px){.serie-details__hero{padding:1rem;gap:1.5rem}.serie-details__hero-image{justify-content:center}.serie-details__cover-wrapper{max-width:100%;width:100%}.serie-details__cover{aspect-ratio:3 / 4;max-height:400px}.serie-details__header{padding:0}.serie-details__read-block .serie-details__action--read{width:100%;justify-content:center}.serie-details__section{padding:0 1rem}.serie-details__metadata{margin:0}.serie-details__title{font-size:1.5rem;text-align:center}.serie-details__actions{flex-wrap:wrap}.serie-details__action{flex:1;min-width:120px;justify-content:center}.serie-details__chapter-item{flex-direction:row;align-items:center;gap:1rem;padding:1rem}.serie-details__chapter-content{flex:1;min-width:0}.serie-details__chapter-info{gap:.375rem}.serie-details__chapter-meta{gap:.75rem}.serie-details__chapter-meta-item{font-size:.75rem}.serie-details__chapter-actions{flex-shrink:0;gap:.5rem}.serie-details__chapter-action{padding:.5rem;min-width:40px;width:40px;height:40px;justify-content:center}.serie-details__chapter-action-text{display:none}.serie-details__chapter-download-wrapper{flex-shrink:0}.serie-details__chapter-download-wrapper .download-button{padding:.5rem;min-width:40px;width:40px;height:40px;justify-content:center;gap:0;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary)}.serie-details__chapter-download-wrapper .download-button__text{display:none}.serie-details__chapter-item--clickable{cursor:pointer}.serie-details__chapter-item--clickable:active{transform:scale(.98);opacity:.9}}@media(min-width:768px)and (max-width:1023px){.serie-details__hero{padding:1.5rem;gap:2rem}.serie-details__cover-wrapper{max-width:280px}.serie-details__cover{aspect-ratio:3 / 4}.serie-details__header{padding:0}.serie-details__section{padding:0 1.25rem}.serie-details__chapter-item{padding:1.125rem;gap:1.25rem}.serie-details__chapter-actions{gap:.625rem}.serie-details__chapter-action{padding:.625rem .875rem;font-size:.8125rem}.serie-details__chapter-action-text{display:inline}}@media(min-width:1024px){.serie-details__hero{display:grid;grid-template-columns:300px 1fr;gap:2rem;padding:2rem;align-items:flex-start}.serie-details__hero-image{position:sticky;top:2rem}.serie-details__cover-wrapper{max-width:100%;width:100%}.serie-details__cover{aspect-ratio:3 / 4}.serie-details__header{padding:0}.serie-details__section{padding:0 2rem}.serie-details__chapter-item{padding:1.5rem;gap:2rem}.serie-details__chapter-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.serie-details__chapter-actions{gap:1rem}.serie-details__chapter-action{padding:.75rem 1.25rem}}.download-button__text{display:inline}.serie-details__chapter-download-wrapper .download-button--ghost{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.serie-details__chapter-download-wrapper .download-button--ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.download-button--guest-disabled{opacity:.6;cursor:pointer}.download-button--guest-disabled:hover{opacity:.85}:root{--add-serie-gradient-1: linear-gradient(135deg, #687FE5 0%, #8B9CF5 50%, #EBD6FB 100%);--add-serie-gradient-2: linear-gradient(135deg, #EBD6FB 0%, #687FE5 50%, #8B9CF5 100%);--add-serie-glow: 0 0 20px rgba(104, 127, 229, .4);--add-serie-glow-strong: 0 0 30px rgba(104, 127, 229, .6)}[data-theme=dark]{--add-serie-gradient-1: linear-gradient(135deg, #6A1E55 0%, #A64D79 50%, #C77BA8 100%);--add-serie-gradient-2: linear-gradient(135deg, #A64D79 0%, #6A1E55 50%, #C77BA8 100%);--add-serie-glow: 0 0 25px rgba(166, 77, 121, .5);--add-serie-glow-strong: 0 0 35px rgba(166, 77, 121, .7)}.page--add-serie{max-width:900px;margin:0 auto;padding:0}.add-serie__header{margin-bottom:2rem;padding:1.5rem 0}.add-serie__title{font-size:2.25rem;font-weight:700;background:var(--add-serie-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .75rem;line-height:1.2;letter-spacing:-.02em}.add-serie__intro{margin:0;color:var(--color-text-secondary);font-size:1rem;line-height:1.6;max-width:600px}.add-serie__loading,.add-serie__error{padding:3rem 2rem;text-align:center;color:var(--color-text-primary);font-size:1.125rem}.add-serie-form__container{background:var(--color-bg-secondary);border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);position:relative;overflow:hidden}.add-serie-form__container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--add-serie-gradient-1);opacity:.8}.add-serie-form{display:flex;flex-direction:column;gap:2rem}.add-serie-form__section{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--color-bg-primary);border-radius:1rem;border:1px solid var(--color-border);transition:all .3s ease}.add-serie-form__section:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #6366f11a}.add-serie-form__section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.add-serie-form__section-icon{width:1.5rem;height:1.5rem;color:var(--color-accent);flex-shrink:0}.add-serie-form__field{display:flex;flex-direction:column;gap:.5rem}.add-serie-form__label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text-primary);font-size:.9375rem}.add-serie-form__label-icon{width:1.125rem;height:1.125rem;color:var(--color-accent);flex-shrink:0}.add-serie-form__required{color:var(--color-error);font-weight:700}.add-serie-form__input-wrapper{position:relative;display:flex;align-items:center}.add-serie-form__input,.add-serie-form__textarea,.add-serie-form__select{width:100%;padding:.875rem 1rem;border:2px solid var(--color-border);border-radius:.75rem;font-size:1rem;background:var(--color-bg-secondary);color:var(--color-text-primary);transition:all .3s ease;font-family:inherit;appearance:none}.add-serie-form__input:focus,.add-serie-form__textarea:focus,.add-serie-form__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px #6366f11a,var(--add-serie-glow);background:var(--color-bg-primary)}.add-serie-form__input:disabled,.add-serie-form__textarea:disabled,.add-serie-form__select:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-tertiary)}.add-serie-form__textarea{resize:vertical;min-height:140px;line-height:1.6}.add-serie-form__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.add-serie-form__hint{font-size:.8125rem;color:var(--color-text-tertiary);display:flex;align-items:center;gap:.25rem}.add-serie-form__file-input-wrapper{position:relative;border:2px dashed var(--color-border);border-radius:1rem;background:var(--color-bg-secondary);transition:all .3s ease;overflow:hidden}.add-serie-form__file-input-wrapper:hover{border-color:var(--color-accent);background:var(--color-accent-bg)}.add-serie-form__file-input-wrapper--dragging{border-color:var(--color-accent);background:var(--color-accent-bg);box-shadow:var(--add-serie-glow);transform:scale(1.02)}.add-serie-form__file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.add-serie-form__file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;cursor:pointer;text-align:center;transition:all .3s ease;min-height:200px}.add-serie-form__file-icon{width:3.5rem;height:3.5rem;color:var(--color-accent);transition:transform .3s ease}.add-serie-form__file-input-wrapper:hover .add-serie-form__file-icon{transform:translateY(-4px) scale(1.1)}.add-serie-form__file-text{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.add-serie-form__file-hint{font-size:.875rem;color:var(--color-text-tertiary)}.add-serie-form__file-input:disabled+.add-serie-form__file-label{opacity:.6;cursor:not-allowed}.add-serie-form__image-preview{position:relative;display:flex;justify-content:center;width:100%}.add-serie-form__preview-wrapper{position:relative;display:inline-block;max-width:100%;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-md);border:2px solid var(--color-border);transition:all .3s ease}.add-serie-form__preview-wrapper:hover{box-shadow:var(--shadow-lg),var(--add-serie-glow);transform:translateY(-2px)}.add-serie-form__preview-image{max-width:100%;max-height:400px;display:block;object-fit:contain;border-radius:1rem}.add-serie-form__remove-image{position:absolute;top:.75rem;right:.75rem;width:2.5rem;height:2.5rem;padding:0;background:#ef4444e6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.add-serie-form__remove-image:hover:not(:disabled){background:#ef4444;transform:scale(1.1);box-shadow:var(--shadow-lg)}.add-serie-form__remove-image:disabled{opacity:.6;cursor:not-allowed}.add-serie-form__remove-image svg{width:1.25rem;height:1.25rem}.add-serie-form__filters-button{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:var(--color-bg-secondary);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:.75rem;cursor:pointer;font-size:.9375rem;font-weight:600;transition:all .3s ease;width:100%;justify-content:center}.add-serie-form__filters-button:hover:not(:disabled){background:var(--color-accent-bg);border-color:var(--color-accent);box-shadow:0 0 0 4px #6366f11a;transform:translateY(-2px)}.add-serie-form__filters-button:disabled{opacity:.6;cursor:not-allowed}.add-serie-form__filters-icon{width:1.25rem;height:1.25rem;color:var(--color-accent)}.add-serie-form__filters-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .5rem;background:var(--add-serie-gradient-1);color:#fff;border-radius:.75rem;font-size:.75rem;font-weight:700;margin-left:auto}.add-serie-form__selected-filters{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--color-bg-secondary);border-radius:.75rem;border:1px solid var(--color-border);margin-top:.5rem}.add-serie-form__selected-group{display:flex;flex-direction:column;gap:.75rem}.add-serie-form__selected-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.add-serie-form__selected-items{display:flex;flex-wrap:wrap;gap:.5rem}.add-serie-form__selected-item{padding:.5rem 1rem;background:var(--add-serie-gradient-1);color:#fff;border-radius:1.5rem;font-size:.8125rem;font-weight:600;box-shadow:0 2px 8px #8b5cf64d;transition:all .3s ease}.add-serie-form__selected-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.add-serie-form__error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ef44441a;color:var(--color-error);border-radius:.75rem;border:2px solid var(--color-error);font-size:.9375rem;font-weight:500;animation:slideIn .3s ease-out}.add-serie-form__error-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.add-serie-form__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:2px solid var(--color-border)}.add-serie-form__cancel{min-width:120px}.add-serie-form__submit{min-width:160px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.add-serie-form__submit-icon,.add-serie-form__submit-spinner{width:1.25rem;height:1.25rem;flex-shrink:0}.add-serie-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:767px){.page--add-serie{padding:0}.add-serie__header{margin-bottom:1.5rem;padding:1rem 0}.add-serie__title{font-size:1.75rem}.add-serie__intro{font-size:.9375rem}.add-serie-form__container{padding:1.25rem;border-radius:1rem}.add-serie-form{gap:1.5rem}.add-serie-form__section{padding:1.25rem;gap:1.25rem}.add-serie-form__section-title{font-size:1.125rem;padding-bottom:.875rem}.add-serie-form__input,.add-serie-form__textarea,.add-serie-form__select{padding:.875rem;font-size:1rem;min-height:44px}.add-serie-form__textarea{min-height:120px}.add-serie-form__file-label{padding:2rem 1.5rem;min-height:180px}.add-serie-form__file-icon{width:3rem;height:3rem}.add-serie-form__preview-image{max-height:300px}.add-serie-form__filters-button{padding:1rem 1.25rem;min-height:44px}.add-serie-form__actions{flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1.25rem}.add-serie-form__cancel,.add-serie-form__submit{width:100%;min-height:48px;justify-content:center}.add-serie-form__selected-filters{padding:1rem}.add-serie-form__selected-item{padding:.625rem 1rem;font-size:.875rem}}@media(min-width:768px)and (max-width:1023px){.add-serie-form__container{padding:1.75rem}.add-serie-form__section{padding:1.5rem}}@media(min-width:1024px){.add-serie-form__container{padding:2.5rem}.add-serie-form__section{padding:2rem}.add-serie-form__file-label{padding:3.5rem 2.5rem;min-height:220px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-serie-form__section{animation:fadeInUp .4s ease-out}.add-serie-form__section:nth-child(1){animation-delay:.1s}.add-serie-form__section:nth-child(2){animation-delay:.2s}.add-serie-form__section:nth-child(3){animation-delay:.3s}.page--edit-serie{max-width:800px;margin:0 auto}.edit-serie__loading,.edit-serie__error{padding:2rem;text-align:center;color:var(--color-text-primary)}.edit-serie-form{display:flex;flex-direction:column;gap:1.5rem}.edit-serie-form__field{display:flex;flex-direction:column;gap:.5rem}.edit-serie-form__label{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.edit-serie-form__required{color:var(--color-error, #dc3545)}.edit-serie-form__input,.edit-serie-form__textarea,.edit-serie-form__select{padding:.75rem;border:1px solid var(--color-border, rgba(0, 0, 0, .2));border-radius:.5rem;font-size:1rem;background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s;font-family:inherit}.edit-serie-form__input:focus,.edit-serie-form__textarea:focus,.edit-serie-form__select:focus{outline:none;border-color:var(--color-primary, #007bff);box-shadow:0 0 0 3px #007bff1a}.edit-serie-form__input:disabled,.edit-serie-form__textarea:disabled,.edit-serie-form__select:disabled{opacity:.6;cursor:not-allowed}.edit-serie-form__textarea{resize:vertical;min-height:120px}.edit-serie-form__hint{font-size:.75rem;color:var(--color-text-secondary, rgba(0, 0, 0, .6))}.edit-serie-form__file-input-wrapper{position:relative}.edit-serie-form__file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.edit-serie-form__file-label{display:inline-block;padding:.75rem 1.5rem;border:2px dashed var(--color-border, rgba(0, 0, 0, .2));border-radius:.5rem;background:var(--color-bg-secondary, rgba(0, 0, 0, .02));color:var(--color-text-primary);cursor:pointer;transition:all .2s;text-align:center;font-size:.875rem}.edit-serie-form__file-label:hover{border-color:var(--color-primary, #007bff);background:var(--color-bg-tertiary, rgba(0, 123, 255, .05))}.edit-serie-form__file-input:disabled+.edit-serie-form__file-label{opacity:.6;cursor:not-allowed}.edit-serie-form__image-preview{position:relative;display:inline-block;max-width:100%}.edit-serie-form__preview-image{max-width:100%;max-height:400px;border-radius:.5rem;border:1px solid var(--color-border, rgba(0, 0, 0, .2));object-fit:contain}.edit-serie-form__remove-image{margin-top:.5rem;padding:.5rem 1rem;background:var(--color-error, #dc3545);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;transition:opacity .2s}.edit-serie-form__remove-image:hover:not(:disabled){opacity:.9}.edit-serie-form__remove-image:disabled{opacity:.6;cursor:not-allowed}.edit-serie-form__filters-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.edit-serie-form__filters-button{padding:.5rem 1rem;background:var(--color-bg-secondary, rgba(0, 0, 0, .05));color:var(--color-text-primary);border:1px solid var(--color-border, rgba(0, 0, 0, .2));border-radius:.5rem;cursor:pointer;font-size:.875rem;transition:all .2s}.edit-serie-form__filters-button:hover:not(:disabled){background:var(--color-bg-tertiary, rgba(0, 0, 0, .1));border-color:var(--color-primary, #007bff)}.edit-serie-form__filters-button:disabled{opacity:.6;cursor:not-allowed}.edit-serie-form__selected-filters{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--color-bg-secondary, rgba(0, 0, 0, .02));border-radius:.5rem;border:1px solid var(--color-border, rgba(0, 0, 0, .1))}.edit-serie-form__selected-group{display:flex;flex-direction:column;gap:.5rem}.edit-serie-form__selected-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.edit-serie-form__selected-items{display:flex;flex-wrap:wrap;gap:.5rem}.edit-serie-form__selected-item{padding:.25rem .75rem;background:var(--color-primary, #007bff);color:#fff;border-radius:1rem;font-size:.75rem;font-weight:500}.edit-serie-form__error{padding:.75rem;background:var(--color-error-bg, rgba(220, 53, 69, .1));color:var(--color-error, #dc3545);border-radius:.5rem;border:1px solid var(--color-error, #dc3545)}.edit-serie-form__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.edit-serie-form__submit{min-width:120px}@media(max-width:480px){.edit-serie-form__actions{flex-direction:column}.edit-serie-form__submit{width:100%}.edit-serie-form__filters-header{flex-direction:column;align-items:flex-start}.edit-serie-form__filters-button{width:100%}}.studio-serie-card{position:relative}.studio-serie-card__stats{display:flex;gap:.75rem;padding:.75rem 1.25rem;background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);border-radius:0 0 1rem 1rem;margin-top:-1rem;position:relative;z-index:1}.studio-serie-card__stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;min-width:0}.studio-serie-card__stat svg{flex-shrink:0;color:var(--color-text-tertiary);width:16px;height:16px}.studio-serie-card__stat-value{font-size:1rem;font-weight:700;color:var(--color-text-primary);line-height:1}.studio-serie-card__stat-label{font-size:.6875rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;text-align:center;line-height:1.2;word-break:break-word}@media(max-width:768px){.studio-serie-card__stats{padding:.625rem 1rem;gap:.5rem}.studio-serie-card__stat svg{width:14px;height:14px}.studio-serie-card__stat-value{font-size:.9375rem}.studio-serie-card__stat-label{font-size:.625rem}}.page--studio{padding:1.5rem;max-width:1200px;margin:0 auto}.studio__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.studio__create-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--color-accent);border-radius:.5rem;background:var(--color-accent);color:var(--color-bg-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.studio__create-button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.studio__create-button:active{transform:translateY(0)}.studio__create-button svg{flex-shrink:0;width:20px;height:20px}.studio__create-button--centered{margin-top:1.5rem}.studio__message{padding:2rem 1.5rem;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;margin-top:1.5rem}.studio__message p{margin:0;font-size:1rem}.studio__empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;margin-top:1.5rem}.studio__empty p{margin:0 0 1.5rem;font-size:1rem}.studio__series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}@media(max-width:768px){.page--studio{padding:1rem}.studio__header{flex-direction:column;gap:1rem}.studio__create-button{width:100%;justify-content:center}.studio__series-grid{grid-template-columns:1fr;gap:1rem}}@media(min-width:769px)and (max-width:1024px){.studio__series-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}}.background-tasks-indicator{position:relative;display:flex;align-items:center}.background-tasks-indicator__trigger--dock{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;background:transparent;border:none;border-radius:1rem;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;overflow:visible}@media(max-width:768px){.background-tasks-indicator__trigger--dock{width:40px;height:40px;border-radius:.625rem}}@media(min-width:769px)and (max-width:1024px){.background-tasks-indicator__trigger--dock{width:56px;height:56px}}.background-tasks-indicator__trigger--dock:hover{transform:scale(1.2) translateY(-8px);background:transparent;border:none}.background-tasks-indicator__trigger--dock:active{transform:scale(1.1) translateY(-4px)}.background-tasks-indicator__icon-image{width:100%;height:100%;object-fit:cover;border-radius:inherit;box-shadow:0 4px 12px #00000026,inset 0 1px #fff3;transition:all .2s ease}.background-tasks-indicator__trigger--dock:hover .background-tasks-indicator__icon-image{box-shadow:0 8px 24px #0003,inset 0 1px #ffffff4d}.background-tasks-indicator__icon-svg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-primary)}.background-tasks-indicator__icon-svg svg{width:28px;height:28px}@media(max-width:768px){.background-tasks-indicator__icon-svg svg{width:22px;height:22px}}@media(min-width:769px)and (max-width:1024px){.background-tasks-indicator__icon-svg svg{width:26px;height:26px}}.background-tasks-indicator__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:inherit;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 70%);animation:pulseGlow 2s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes pulseGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.background-tasks-indicator__trigger--active .background-tasks-indicator__icon-image{box-shadow:0 6px 20px #6366f166,inset 0 1px #ffffff4d,0 0 0 2px #6366f14d}.background-tasks-indicator__trigger--active .background-tasks-indicator__icon-svg{color:var(--color-accent)}.background-tasks-indicator__trigger--active .background-tasks-indicator__glow{background:radial-gradient(circle,rgba(99,102,241,.6) 0%,transparent 70%)}.background-tasks-indicator__trigger:not(.background-tasks-indicator__trigger--dock){display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--header-border);border-radius:.5rem;color:var(--header-text-primary);cursor:pointer;transition:all .2s ease}.background-tasks-indicator__trigger:not(.background-tasks-indicator__trigger--dock):hover{background:var(--header-bg-secondary);border-color:var(--header-border-strong)}.background-tasks-indicator__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;background:var(--header-accent-bg);border-radius:.75rem;font-size:.75rem;font-weight:600;color:var(--header-text-primary)}.background-tasks-indicator__filters{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);flex-wrap:wrap;background:transparent}.background-tasks-indicator__filter{padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.background-tasks-indicator__filter:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong);color:var(--color-text-primary)}.background-tasks-indicator__filter--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-primary);font-weight:600}.background-tasks-indicator__filter--active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-bg-primary)}.background-tasks-indicator__list{max-height:60vh;overflow-y:auto;padding:.5rem}.background-tasks-indicator__list::-webkit-scrollbar{width:8px}.background-tasks-indicator__list::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.background-tasks-indicator__list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px;transition:background .2s ease}.background-tasks-indicator__list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.background-tasks-indicator__list{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) var(--color-bg-secondary)}.background-tasks-indicator__empty{padding:2rem;text-align:center;color:var(--color-text-secondary);font-size:.875rem}.background-tasks-indicator__task{padding:.75rem;margin-bottom:.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;transition:all .2s ease}.background-tasks-indicator__task:last-child{margin-bottom:0}.background-tasks-indicator__task--completed{border-left:3px solid #10b981}.background-tasks-indicator__task--failed{border-left:3px solid #ef4444}.background-tasks-indicator__task--clickable{cursor:pointer}.background-tasks-indicator__task--clickable:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong);transform:translate(2px)}.background-tasks-indicator__task-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.background-tasks-indicator__task-title-wrapper{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.background-tasks-indicator__task-status{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem}.background-tasks-indicator__task-status--completed{color:#10b981}.background-tasks-indicator__task-status--failed{color:#ef4444}.background-tasks-indicator__task-status--active{color:var(--color-accent)}.background-tasks-indicator__task-title{font-size:.875rem;font-weight:500;color:var(--color-text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-tasks-indicator__task-progress{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.background-tasks-indicator__task-status-text{font-size:.75rem;font-weight:500;flex-shrink:0}.background-tasks-indicator__task-status-text:has-text{color:var(--color-text-secondary)}.background-tasks-indicator__progress-bar{width:100%;height:.375rem;background:var(--color-bg-tertiary);border-radius:.1875rem;overflow:hidden;margin-bottom:.5rem;margin-top:.5rem}.background-tasks-indicator__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light));border-radius:.1875rem;transition:width .3s ease}.background-tasks-indicator__task-description{font-size:.75rem;color:var(--color-text-secondary);line-height:1.4;margin-top:.25rem}.background-tasks-indicator__task-error{font-size:.75rem;color:#ef4444;line-height:1.4;margin-top:.5rem;padding:.5rem;background:#ef44441a;border-radius:.25rem}.background-tasks-indicator__task-date{font-size:.7rem;color:var(--color-text-secondary);margin-top:.25rem;opacity:.8}.page--studio-detail{padding:0;max-width:1400px;margin:0 auto}.studio-detail__dock{position:fixed;left:0;right:0;z-index:99;display:flex;justify-content:center;align-items:center;padding:.75rem 1rem;pointer-events:none;overflow:visible}@media(min-width:769px){.studio-detail__dock{bottom:1rem;top:auto}}@media(max-width:768px){.studio-detail__dock{inset:auto 0 0;padding:0;padding-bottom:env(safe-area-inset-bottom,0);justify-content:stretch;overflow:visible;pointer-events:auto}}.studio-detail__dock-container{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:2rem;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff4d,0 1px #0000001a;border:1px solid rgba(255,255,255,.18);pointer-events:auto;transition:all .3s ease;flex-shrink:0}[data-theme=dark] .studio-detail__dock-container{background:#0006;border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.studio-detail__dock-container{width:100%;padding:.5rem .75rem;border-radius:1rem 1rem 0 0;gap:.25rem;margin:0;justify-content:space-between;flex-shrink:0;overflow:visible;position:relative;background:var(--color-bg-secondary);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--color-border);border-bottom:none;box-shadow:0 -2px 8px #00000014}[data-theme=dark] .studio-detail__dock-container{background:var(--color-bg-secondary);border-color:var(--color-border)}}.studio-detail__dock-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0}.studio-detail__dock-icon-label{font-size:.6875rem;font-weight:500;color:var(--color-text-primary);text-align:center;max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.studio-detail__dock-item:has(.studio-detail__dock-icon--serie) .studio-detail__dock-icon-label{max-width:120px}@media(max-width:768px){.studio-detail__dock-icon-label{display:none}}.studio-detail__dock-icon{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:1rem;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;background:transparent;border:none;padding:0;overflow:visible}@media(max-width:768px){.studio-detail__dock-icon{width:40px;height:40px;border-radius:.5rem}}@media(min-width:769px)and (max-width:1024px){.studio-detail__dock-icon{width:56px;height:56px}}.studio-detail__dock-icon:hover{transform:scale(1.2) translateY(-8px)}.studio-detail__dock-icon:active{transform:scale(1.1) translateY(-4px)}.studio-detail__dock-icon-image{width:100%;height:100%;object-fit:cover;border-radius:inherit;box-shadow:0 4px 12px #00000026,inset 0 1px #fff3;transition:all .2s ease}.studio-detail__dock-icon:hover .studio-detail__dock-icon-image{box-shadow:0 8px 24px #0003,inset 0 1px #ffffff4d}.studio-detail__dock-icon-svg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-primary)}.studio-detail__dock-icon-svg svg{width:28px;height:28px;flex-shrink:0}@media(max-width:768px){.studio-detail__dock-icon-svg svg{width:22px;height:22px}}@media(min-width:769px)and (max-width:1024px){.studio-detail__dock-icon-svg svg{width:26px;height:26px}}.studio-detail__dock-icon--active{transform:scale(1.15) translateY(-4px)}.studio-detail__dock-icon--active .studio-detail__dock-icon-image{box-shadow:0 6px 20px #6366f14d,inset 0 1px #ffffff4d,0 0 0 2px #6366f166}.studio-detail__dock-icon--active .studio-detail__dock-icon-svg{color:var(--color-accent)}.studio-detail__dock-icon--serie{width:192px;height:64px;border-radius:1rem}@media(max-width:768px){.studio-detail__dock-icon--serie{width:40px;height:40px}.studio-detail__dock-icon:hover{transform:scale(1.05)}.studio-detail__dock-icon:active{transform:scale(.98)}.studio-detail__dock-icon--active{transform:scale(1.05)}}@media(min-width:769px)and (max-width:1024px){.studio-detail__dock-icon--serie{width:168px;height:56px}}.studio-detail__dock-icon--serie:hover{transform:scale(1.1) translateY(-8px)}.studio-detail__dock-icon--mana{flex-direction:column;gap:.25rem}.studio-detail__dock-icon-mana-value{position:absolute;top:-2rem;left:50%;transform:translate(-50%);font-size:.875rem;font-weight:700;color:#fff;white-space:nowrap;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 50%,var(--color-bg-tertiary) 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.375rem .75rem;border-radius:1rem;pointer-events:none;box-shadow:0 4px 12px rgba(var(--color-accent-rgb, 166, 77, 121),.4),0 0 0 1px #fff3,inset 0 1px #ffffff4d;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.025em;z-index:10;animation:manaPulse 3s ease-in-out infinite}@keyframes manaPulse{0%,to{box-shadow:0 4px 12px #687fe566,0 0 0 1px #fff3,inset 0 1px #ffffff4d}50%{box-shadow:0 6px 20px rgba(var(--color-accent-rgb, 166, 77, 121),.6),0 0 0 1px #ffffff4d,inset 0 1px #fff6}}@media(max-width:768px){.studio-detail__dock-icon-mana-value{font-size:.75rem;top:-1.75rem;padding:.25rem .5rem;border-radius:.75rem;z-index:1000}.studio-detail__dock-icon--mana{overflow:visible;z-index:999;margin-top:.5rem}}@media(min-width:1025px){.studio-detail__dock-icon-mana-value{font-size:1rem;top:-2.25rem;padding:.5rem 1rem}}.studio-detail__dock-icon--clickable{cursor:pointer}.studio-detail__dock-icon--clickable:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:1rem}.studio-detail__drawer-content{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.studio-detail__drawer-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-size:1rem;color:var(--color-text-primary)}.studio-detail__drawer-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);transform:translate(4px)}.studio-detail__drawer-item--active{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent)}.studio-detail__drawer-item--clickable{cursor:pointer}.studio-detail__drawer-item--with-indicator{display:flex;align-items:center;gap:1rem}.studio-detail__drawer-item--with-indicator .background-tasks-indicator{flex-shrink:0}.studio-detail__drawer-icon{width:40px;height:40px;object-fit:cover;border-radius:.5rem;flex-shrink:0}.studio-detail__drawer-icon--svg{display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}.studio-detail__drawer-icon--svg svg{width:24px;height:24px}.studio-detail__drawer-item--active .studio-detail__drawer-icon--svg{color:var(--color-accent)}.studio-detail__drawer-serie{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;margin-bottom:.5rem}.studio-detail__drawer-serie-image{width:64px;height:64px;object-fit:cover;border-radius:.5rem;flex-shrink:0}.studio-detail__drawer-serie-info{flex:1;min-width:0}.studio-detail__drawer-serie-info h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.studio-detail__drawer-serie-synopsis{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.studio-detail__drawer-tabs{display:flex;flex-direction:column;gap:.5rem}.studio-detail__message{padding:2rem 1.5rem;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;margin-top:1.5rem}.studio-detail__message p{margin:0 0 1rem;font-size:1rem}.studio-detail__content{min-height:400px;padding:1.5rem;transition:padding .3s ease-out}@media(min-width:769px){.studio-detail__content{padding-bottom:calc(1.5rem + 100px)}}@media(max-width:768px){.studio-detail__content{padding-bottom:calc(.75rem + 56px + env(safe-area-inset-bottom,0))}}.studio-detail__overview{display:flex;flex-direction:column;gap:2rem}.studio-detail__title-section{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.studio-detail__title{margin:0;font-size:2rem;font-weight:700;color:var(--color-text-primary);flex:1;min-width:0}.studio-detail__publish-control{display:flex;align-items:center;gap:1rem;position:relative;flex-shrink:0}.studio-detail__publish-switch-wrapper{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.studio-detail__publish-switch-wrapper:has(.studio-detail__publish-switch:disabled){cursor:help;opacity:.8}.studio-detail__publish-switch{position:absolute;opacity:0;width:0;height:0}.studio-detail__publish-switch-slider{position:relative;display:inline-block;width:48px;height:24px;background-color:var(--color-border);border-radius:24px;transition:background-color .3s ease;flex-shrink:0}.studio-detail__publish-switch-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.studio-detail__publish-switch:checked+.studio-detail__publish-switch-slider{background-color:var(--color-accent)}.studio-detail__publish-switch:checked+.studio-detail__publish-switch-slider:before{transform:translate(24px)}.studio-detail__publish-switch:disabled+.studio-detail__publish-switch-slider{opacity:.5;cursor:not-allowed}.studio-detail__publish-switch:focus+.studio-detail__publish-switch-slider{outline:2px solid var(--color-accent);outline-offset:2px}.studio-detail__publish-label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap}.studio-detail__publish-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;padding:.5rem .75rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;font-size:.8125rem;color:var(--color-text-secondary);white-space:nowrap;box-shadow:0 4px 12px #00000026;z-index:10;pointer-events:none;opacity:0;transition:opacity .2s ease}.studio-detail__publish-control:hover .studio-detail__publish-tooltip,.studio-detail__publish-control:focus-within .studio-detail__publish-tooltip{opacity:1}.studio-detail__publish-tooltip:after{content:"";position:absolute;top:100%;right:1rem;border:6px solid transparent;border-top-color:var(--color-bg-primary)}.studio-detail__publish-error{padding:.5rem .75rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;font-size:.8125rem;color:var(--color-error, #ef4444);white-space:nowrap}@media(max-width:768px){.studio-detail__title-section{flex-direction:column;align-items:flex-start;gap:1rem}.studio-detail__title{font-size:1.5rem}.studio-detail__publish-control{width:100%;justify-content:space-between}.studio-detail__publish-tooltip{right:auto;left:0}.studio-detail__publish-tooltip:after{right:auto;left:1rem}}.studio-detail__overview-section h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.studio-detail__overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.studio-detail__stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.studio-detail__stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative;overflow:hidden}.studio-detail__stat-card:nth-child(1){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#fff3;color:#fff}.studio-detail__stat-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#fff3;color:#fff}.studio-detail__stat-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe);border-color:#fff3;color:#fff}.studio-detail__stat-card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7);border-color:#fff3;color:#fff}.studio-detail__stat-card:nth-child(5){background:linear-gradient(135deg,#fa709a,#fee140);border-color:#fff3;color:#fff}.studio-detail__stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.1)}.studio-detail__stat-card:active{transform:translateY(0)}.studio-detail__stat-card:focus{outline:2px solid var(--color-accent);outline-offset:2px}.studio-detail__stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.5rem;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;flex-shrink:0;border:1px solid rgba(255,255,255,.3)}.studio-detail__stat-icon svg{width:24px;height:24px}.studio-detail__stat-icon-image{width:24px;height:24px;object-fit:contain}.studio-detail__stat-content{flex:1;min-width:0}.studio-detail__stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);line-height:1.2;margin-bottom:.25rem}.studio-detail__stat-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.studio-detail__stat-card:nth-child(1) .studio-detail__stat-value,.studio-detail__stat-card:nth-child(2) .studio-detail__stat-value,.studio-detail__stat-card:nth-child(3) .studio-detail__stat-value,.studio-detail__stat-card:nth-child(4) .studio-detail__stat-value,.studio-detail__stat-card:nth-child(5) .studio-detail__stat-value{color:#fff!important}.studio-detail__stat-card:nth-child(1) .studio-detail__stat-label,.studio-detail__stat-card:nth-child(2) .studio-detail__stat-label,.studio-detail__stat-card:nth-child(3) .studio-detail__stat-label,.studio-detail__stat-card:nth-child(4) .studio-detail__stat-label,.studio-detail__stat-card:nth-child(5) .studio-detail__stat-label{color:#ffffffe6!important}.studio-detail__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.studio-detail__info-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;position:relative;overflow:hidden}.studio-detail__info-item--status{background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-color:#6366f159;border-left:3px solid rgba(99,102,241,.6)}.studio-detail__info-item--status .studio-detail__info-label{color:#6366f1e6}.studio-detail__info-item--status .studio-detail__info-value{color:#6366f1}.studio-detail__info-item--status:hover{background:linear-gradient(135deg,#6366f12e,#8b5cf62e);border-color:#6366f180;box-shadow:0 4px 12px #6366f133}.studio-detail__info-item--created{background:linear-gradient(135deg,#3b82f61f,#2563eb1f);border-color:#3b82f659;border-left:3px solid rgba(59,130,246,.6)}.studio-detail__info-item--created .studio-detail__info-label{color:#3b82f6e6}.studio-detail__info-item--created .studio-detail__info-value{color:#3b82f6}.studio-detail__info-item--created:hover{background:linear-gradient(135deg,#3b82f62e,#2563eb2e);border-color:#3b82f680;box-shadow:0 4px 12px #3b82f633}.studio-detail__info-item--updated{background:linear-gradient(135deg,#0ea5e91f,#06b6d41f);border-color:#0ea5e959;border-left:3px solid rgba(14,165,233,.6)}.studio-detail__info-item--updated .studio-detail__info-label{color:#0ea5e9e6}.studio-detail__info-item--updated .studio-detail__info-value{color:#0ea5e9}.studio-detail__info-item--updated:hover{background:linear-gradient(135deg,#0ea5e92e,#06b6d42e);border-color:#0ea5e980;box-shadow:0 4px 12px #0ea5e933}.studio-detail__info-item--author{background:linear-gradient(135deg,#ec48991f,#db27771f);border-color:#ec489959;border-left:3px solid rgba(236,72,153,.6)}.studio-detail__info-item--author .studio-detail__info-label{color:#ec4899e6}.studio-detail__info-item--author .studio-detail__info-value{color:#ec4899}.studio-detail__info-item--author:hover{background:linear-gradient(135deg,#ec48992e,#db27772e);border-color:#ec489980;box-shadow:0 4px 12px #ec489933}.studio-detail__info-item--tags{background:linear-gradient(135deg,#10b9811f,#0596691f);border-color:#10b98159;border-left:3px solid rgba(16,185,129,.6)}.studio-detail__info-item--tags .studio-detail__info-label{color:#10b981e6}.studio-detail__info-item--tags .studio-detail__info-value{color:#10b981}.studio-detail__info-item--tags:hover{background:linear-gradient(135deg,#10b9812e,#0596692e);border-color:#10b98180;box-shadow:0 4px 12px #10b98133}.studio-detail__info-item--languages{background:linear-gradient(135deg,#fb923c1f,#f59e0b1f);border-color:#fb923c59;border-left:3px solid rgba(251,146,60,.6)}.studio-detail__info-item--languages .studio-detail__info-label{color:#fb923ce6}.studio-detail__info-item--languages .studio-detail__info-value{color:#fb923c}.studio-detail__info-item--languages:hover{background:linear-gradient(135deg,#fb923c2e,#f59e0b2e);border-color:#fb923c80;box-shadow:0 4px 12px #fb923c33}.studio-detail__info-item:hover{transform:translateY(-2px);transition:all .2s ease}.studio-detail__info-item--full{grid-column:1 / -1}.studio-detail__info-label{font-size:.875rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.studio-detail__info-value{font-size:1rem;font-weight:600;color:var(--color-text-primary);word-break:break-word}.studio-detail__actions{display:flex;flex-wrap:wrap;gap:1rem}.studio-detail__action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--color-accent);border-radius:.5rem;background:var(--color-accent);color:var(--color-bg-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.studio-detail__action-button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.studio-detail__action-button:active{transform:translateY(0)}.studio-detail__action-button svg{flex-shrink:0;width:18px;height:18px}.studio-detail__action-button--secondary{background:var(--color-bg-primary);border-color:var(--color-border);color:var(--color-text-primary)}.studio-detail__action-button--secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-text-primary)}.studio-detail__projects-empty{padding:2rem 1.5rem;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;border-style:dashed}.studio-detail__projects-empty p{margin:0;font-size:.9375rem}.studio-detail__projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.studio-detail__project-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;position:relative;overflow:hidden}.studio-detail__project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);opacity:0;transition:opacity .3s ease;pointer-events:none}.studio-detail__project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--color-accent)}.studio-detail__project-card:hover:before{opacity:1}.studio-detail__project-card:active{transform:translateY(-2px)}.studio-detail__project-card:focus{outline:2px solid var(--color-accent);outline-offset:2px}.studio-detail__project-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.625rem;background:linear-gradient(135deg,#6366f126,#8b5cf626);color:var(--color-accent);flex-shrink:0;border:1px solid rgba(99,102,241,.2);transition:all .3s ease}.studio-detail__project-card:hover .studio-detail__project-icon{background:linear-gradient(135deg,#6366f140,#8b5cf640);border-color:#6366f166;transform:scale(1.05)}.studio-detail__project-icon svg{width:24px;height:24px}.studio-detail__project-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.studio-detail__project-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}.studio-detail__project-card:hover .studio-detail__project-name{color:var(--color-accent)}.studio-detail__project-date{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.studio-detail__project-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-tertiary);flex-shrink:0;transition:all .3s ease;border:1px solid var(--color-border)}.studio-detail__project-card:hover .studio-detail__project-arrow{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translate(4px)}.studio-detail__project-arrow svg{width:20px;height:20px}@media(max-width:768px){.studio-detail__content{padding:1rem}.studio-detail__stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.studio-detail__stat-card{padding:1rem;gap:.75rem}.studio-detail__stat-icon{width:40px;height:40px}.studio-detail__stat-icon svg{width:20px;height:20px}.studio-detail__stat-value{font-size:1.5rem}.studio-detail__stat-label{font-size:.8125rem}.studio-detail__overview-columns{grid-template-columns:1fr;gap:2rem}.studio-detail__info-grid{grid-template-columns:1fr}.studio-detail__info-item--full{grid-column:1}.studio-detail__actions{flex-direction:column}.studio-detail__action-button{width:100%;justify-content:center}.studio-detail__projects-grid{grid-template-columns:1fr;gap:.75rem}.studio-detail__project-card{padding:1rem;gap:.75rem}.studio-detail__project-icon{width:40px;height:40px}.studio-detail__project-icon svg{width:20px;height:20px}.studio-detail__project-name{font-size:.9375rem}.studio-detail__project-date{font-size:.8125rem}.studio-detail__project-arrow{width:28px;height:28px}.studio-detail__project-arrow svg{width:18px;height:18px}}@media(min-width:769px)and (max-width:1024px){.studio-detail__stats-grid{grid-template-columns:repeat(3,1fr)}.studio-detail__overview-columns{grid-template-columns:1fr;gap:2rem}.studio-detail__projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px)and (max-width:1200px){.studio-detail__stats-grid{grid-template-columns:repeat(4,1fr)}}.studio-detail__payment-page-header{position:relative;z-index:1;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(139,92,246,.2);animation:paymentHeaderFadeIn .6s ease-out}@keyframes paymentHeaderFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.studio-detail__payment-page-title{margin:0 0 .75rem;font-size:2rem;font-weight:800;background:var(--payment-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;letter-spacing:-.02em}[data-theme=dark] .studio-detail__payment-page-title{background:var(--payment-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.studio-detail__payment-page-subtitle{margin:0;font-size:1.0625rem;font-weight:500;color:var(--color-text-secondary);line-height:1.6;max-width:600px}@media(max-width:768px){.studio-detail__payment-page-header{margin-bottom:1.5rem;padding-bottom:1.25rem}.studio-detail__payment-page-title{font-size:1.75rem;margin-bottom:.625rem}.studio-detail__payment-page-subtitle{font-size:1rem}}@media(max-width:480px){.studio-detail__payment-page-header{margin-bottom:1.25rem;padding-bottom:1rem}.studio-detail__payment-page-title{font-size:1.5rem;margin-bottom:.5rem}.studio-detail__payment-page-subtitle{font-size:.9375rem}}:root{--payment-gradient-1: linear-gradient(135deg, #8B9CF5 0%, #EBD6FB 50%, #687FE5 100%);--payment-gradient-2: linear-gradient(135deg, #687FE5 0%, #8B9CF5 50%, #EBD6FB 100%);--payment-glow: 0 0 20px rgba(104, 127, 229, .4);--payment-glow-strong: 0 0 30px rgba(104, 127, 229, .6);--payment-glow-hover: 0 0 40px rgba(104, 127, 229, .8)}[data-theme=dark]{--payment-gradient-1: linear-gradient(135deg, #A64D79 0%, #C77BA8 50%, #6A1E55 100%);--payment-gradient-2: linear-gradient(135deg, #6A1E55 0%, #A64D79 50%, #C77BA8 100%);--payment-glow: 0 0 25px rgba(166, 77, 121, .5);--payment-glow-strong: 0 0 35px rgba(166, 77, 121, .7);--payment-glow-hover: 0 0 45px rgba(166, 77, 121, .9)}.studio-detail__payment-settings{position:relative;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem 0;min-height:200px;overflow:hidden}.studio-detail__payment-background-decoration{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.15}.studio-detail__payment-background-decoration:before,.studio-detail__payment-background-decoration:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);animation:paymentFloat 20s ease-in-out infinite}.studio-detail__payment-background-decoration:before{width:400px;height:400px;background:linear-gradient(135deg,#8b5cf6,#ec4899);top:-200px;left:-200px;animation-delay:0s}.studio-detail__payment-background-decoration:after{width:500px;height:500px;background:linear-gradient(135deg,#ec4899,#06b6d4);bottom:-250px;right:-250px;animation-delay:10s}@keyframes paymentFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.studio-detail__payment-card{position:relative;z-index:1;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:1.25rem;padding:1.5rem;box-shadow:0 8px 32px #0000001a,0 0 0 1px #fff3 inset,0 0 60px #8b5cf626;transition:all .4s cubic-bezier(.4,0,.2,1);animation:paymentCardFadeIn .6s ease-out backwards}.studio-detail__payment-card:nth-child(2){animation-delay:.1s}.studio-detail__payment-card:nth-child(3){animation-delay:.2s}.studio-detail__payment-card:nth-child(4){animation-delay:.3s}.studio-detail__payment-card:nth-child(5){animation-delay:.4s}.studio-detail__payment-card:nth-child(6){animation-delay:.5s}@keyframes paymentCardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .studio-detail__payment-card{background:#1e293bd9;border:1px solid rgba(148,163,184,.2);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset,0 0 60px #8b5cf61a}.studio-detail__payment-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026,0 0 0 1px #ffffff4d inset,var(--payment-glow);border-color:#8b5cf666}[data-theme=dark] .studio-detail__payment-card:hover{box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff1a inset,var(--payment-glow)}.studio-detail__payment-card-header{display:flex;align-items:flex-start;gap:1rem}.studio-detail__payment-icon-wrapper{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--payment-gradient-1);color:#fff;box-shadow:0 4px 12px #8b5cf64d;transition:all .3s ease}.studio-detail__payment-card:hover .studio-detail__payment-icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px #8b5cf680}.studio-detail__payment-icon{width:24px;height:24px;stroke-width:2.5}.studio-detail__payment-card-content{flex:1;min-width:0}.studio-detail__payment-label{display:flex;flex-direction:column;gap:.75rem;cursor:pointer}.studio-detail__payment-label-text{font-size:1rem;font-weight:600;color:var(--color-text-primary);line-height:1.4}.studio-detail__payment-toggle-wrapper{display:flex;align-items:center;gap:.75rem}.studio-detail__payment-toggle{position:relative;appearance:none;width:52px;height:28px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.studio-detail__payment-toggle:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.studio-detail__payment-toggle:checked{background:var(--payment-gradient-1);border-color:transparent;box-shadow:var(--payment-glow)}.studio-detail__payment-toggle:checked:before{transform:translate(24px);box-shadow:0 2px 8px #8b5cf666}.studio-detail__payment-toggle:focus{box-shadow:0 0 0 4px #8b5cf633}.studio-detail__payment-toggle:disabled{opacity:.5;cursor:not-allowed}.studio-detail__payment-input-wrapper{position:relative;display:flex;align-items:center;gap:.75rem}.studio-detail__payment-input,.studio-detail__payment-select{flex:1;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:0}.studio-detail__payment-input::placeholder{color:var(--color-text-tertiary);opacity:.6}.studio-detail__payment-input:focus,.studio-detail__payment-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626,var(--payment-glow);background:var(--color-bg-secondary)}.studio-detail__payment-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;padding-right:2.5rem}.studio-detail__payment-input:disabled,.studio-detail__payment-select:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-tertiary)}.studio-detail__payment-loading{display:inline-flex;align-items:center;justify-content:center;color:#8b5cf6;animation:paymentSpin 1s linear infinite}@keyframes paymentSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.studio-detail__payment-error{position:relative;z-index:2;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#ef444426,#ef44441a);border:2px solid rgba(239,68,68,.4);border-radius:1rem;color:#ef4444;font-size:.9375rem;font-weight:600;margin-bottom:.5rem;box-shadow:0 4px 12px #ef444433,0 0 0 1px #ffffff1a inset;animation:paymentErrorSlideIn .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes paymentErrorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.studio-detail__payment-error-icon{flex-shrink:0;width:20px;height:20px}.studio-detail__payment-error-message{flex:1;line-height:1.5}.studio-detail__payment-error-close{flex-shrink:0;background:#ef444433;border:none;color:#ef4444;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:all .2s ease;padding:0}.studio-detail__payment-error-close:hover{background:#ef44444d;transform:scale(1.1)}.studio-detail__payment-error-close:active{transform:scale(.95)}[data-theme=dark] .studio-detail__payment-error{background:linear-gradient(135deg,#ef444433,#ef444426);border-color:#ef444480;box-shadow:0 4px 12px #ef44444d,0 0 0 1px #ffffff0d inset}@media(max-width:768px){.studio-detail__payment-settings{padding:1rem 0;gap:1rem}.studio-detail__payment-card{padding:1.25rem;border-radius:1rem}.studio-detail__payment-card-header{gap:.75rem}.studio-detail__payment-icon-wrapper{width:44px;height:44px}.studio-detail__payment-icon{width:22px;height:22px}.studio-detail__payment-label-text{font-size:.9375rem}.studio-detail__payment-toggle{width:48px;height:26px;min-width:48px}.studio-detail__payment-toggle:before{width:18px;height:18px}.studio-detail__payment-toggle:checked:before{transform:translate(22px)}.studio-detail__payment-input,.studio-detail__payment-select{width:100%;padding:.875rem 1rem;font-size:1rem;min-height:44px}.studio-detail__payment-input-wrapper{width:100%}.studio-detail__payment-error{padding:.875rem 1rem;font-size:.875rem;flex-wrap:wrap}.studio-detail__payment-error-close{width:36px;height:36px;min-width:36px}.studio-detail__payment-background-decoration:before{width:300px;height:300px;top:-150px;left:-150px}.studio-detail__payment-background-decoration:after{width:350px;height:350px;bottom:-175px;right:-175px}}@media(max-width:480px){.studio-detail__payment-settings{padding:.75rem 0;gap:.875rem}.studio-detail__payment-card{padding:1rem;border-radius:.875rem}.studio-detail__payment-card-header{flex-direction:column;gap:.75rem}.studio-detail__payment-icon-wrapper{width:40px;height:40px;align-self:flex-start}.studio-detail__payment-label{gap:.625rem}.studio-detail__payment-label-text{font-size:.875rem}}.character-selection{width:100%}.character-selection__search-wrapper{position:relative;display:flex;align-items:center;margin-bottom:1.5rem}.character-selection__search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;z-index:1}.character-selection__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:.625rem;font-size:.875rem;transition:all .2s ease}.character-selection__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.character-selection__search-wrapper:focus-within .character-selection__search-icon{color:var(--color-accent)}.character-selection__search-input::placeholder{color:var(--color-text-tertiary)}.character-selection__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.character-selection__card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;cursor:pointer}.character-selection__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.character-selection__card--add{border-style:dashed;border-color:var(--color-text-tertiary)}.character-selection__card--add:hover{border-color:var(--color-accent);background:var(--color-accent-bg)}.character-selection__card-image{position:relative;width:100%;height:240px;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.character-selection__card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.character-selection__card:hover .character-selection__card-image img{transform:scale(1.05)}.character-selection__card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 100%);pointer-events:none}.character-selection__card-image--placeholder{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.character-selection__card-image--placeholder svg{width:48px;height:48px;opacity:.5}.character-selection__card-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.character-selection__card-name{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);line-height:1.3}.character-selection__card-description{margin:0;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.character-selection__card-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.character-selection__stat{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-bg-tertiary);border-radius:.5rem;font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.character-selection__stat svg{flex-shrink:0;width:16px;height:16px;color:var(--color-accent)}@media(max-width:767px){.character-selection__grid{grid-template-columns:1fr;gap:1rem}.character-selection__card-image{height:200px}.character-selection__card-content{padding:1.25rem}}@media(min-width:768px)and (max-width:1023px){.character-selection__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.character-selection__card-image{height:220px}}@media(min-width:1024px){.character-selection__grid{grid-template-columns:repeat(4,1fr)}}.character-info-header{width:100%;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem}.character-info-header__row{display:flex;align-items:center;gap:1rem;width:100%}.character-info-header__row--main{flex-wrap:nowrap}.character-info-header__row--properties{flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--color-border);gap:.75rem}.character-info-header__name{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;flex-shrink:0}.character-info-header__buttons{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.character-info-header__edit-button,.character-info-header__upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.character-info-header__edit-button:hover,.character-info-header__upload-button:hover{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.character-info-header__edit-button:active,.character-info-header__upload-button:active{transform:translateY(0)}.character-info-header__edit-button svg,.character-info-header__upload-button svg{width:16px;height:16px;flex-shrink:0}.character-info-header__property{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--color-bg-tertiary);border-radius:.5rem;font-size:.8125rem;color:var(--color-text-secondary);font-weight:500;white-space:nowrap;flex-shrink:0}.character-info-header__property-icon{display:inline-flex;align-items:center;flex-shrink:0}.character-info-header__property-icon svg{width:14px;height:14px;color:var(--color-accent)}.character-info-header__property-prefix{color:var(--color-text-secondary);font-weight:400}.character-info-header__property-label{color:var(--color-text-primary)}@media(max-width:767px){.character-info-header{padding:.625rem .75rem;gap:.625rem}.character-info-header__row--main{flex-wrap:wrap;gap:.75rem}.character-info-header__name{font-size:1rem;min-width:0;flex:1 1 100%}.character-info-header__buttons{margin-left:0;width:100%;gap:.5rem}.character-info-header__edit-button,.character-info-header__upload-button{flex:1;justify-content:center;padding:.5rem .875rem;font-size:.8125rem}.character-info-header__row--properties{gap:.5rem}.character-info-header__property{font-size:.75rem;padding:.25rem .5rem}}.images-viewer{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.images-viewer__backdrop{position:absolute;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.images-viewer__close{position:absolute;top:1.5rem;right:1.5rem;z-index:10;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-primary);cursor:pointer;border-radius:50%;transition:all .2s ease}.images-viewer__close:hover{background:#fff3;transform:scale(1.1)}.images-viewer__close svg{width:1.5rem;height:1.5rem;stroke:currentColor}.images-viewer__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0;border:none;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-primary);cursor:pointer;border-radius:50%;transition:all .2s ease}.images-viewer__nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.images-viewer__nav--prev{left:1.5rem}.images-viewer__nav--next{right:1.5rem}.images-viewer__nav svg{width:1.5rem;height:1.5rem;stroke:currentColor}.images-viewer__image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:5rem 6rem 8rem;overflow:auto;cursor:grab}.images-viewer__image-container:active{cursor:grabbing}.images-viewer__image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;transition:transform .3s ease;pointer-events:none}.images-viewer__controls{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:2rem;border:1px solid rgba(255,255,255,.1)}.images-viewer__counter{color:var(--color-text-primary);font-size:.875rem;font-weight:500;padding:0 .5rem;white-space:nowrap}.images-viewer__zoom-controls{display:flex;align-items:center;gap:.5rem;padding:0 .5rem;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}.images-viewer__control-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;border-radius:.5rem;transition:all .2s ease}.images-viewer__control-button:hover:not(:disabled){background:#ffffff1a}.images-viewer__control-button:disabled{opacity:.4;cursor:not-allowed}.images-viewer__control-button svg{width:1.25rem;height:1.25rem;stroke:currentColor}.images-viewer__zoom-value{font-size:.875rem;font-weight:500;min-width:3rem;text-align:center}.images-viewer__actions{position:absolute;bottom:1.5rem;right:1.5rem;z-index:10;display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.images-viewer__action-button{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:2rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 6px #0000004d}.images-viewer__action-button--primary{background:#6366f1d9;color:#fff;border-color:#6366f14d}.images-viewer__action-button--primary:hover:not(:disabled){background:#6366f1f2;border-color:#6366f180;transform:translateY(-2px);box-shadow:0 6px 12px #6366f166}.images-viewer__action-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #6366f14d}.images-viewer__action-button--secondary{background:#ffffff1a;color:#fff;border-color:#fff3}.images-viewer__action-button--secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 12px #ffffff1a}.images-viewer__action-button--secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #ffffff0d}.images-viewer__action-button--danger{background:#ef4444d9;color:#fff;border-color:#ef44444d}.images-viewer__action-button--danger:hover:not(:disabled){background:#ef4444f2;border-color:#ef444480;transform:translateY(-2px);box-shadow:0 6px 12px #ef444466}.images-viewer__action-button--danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #ef44444d}.images-viewer__action-button--success{background:#10b981d9;color:#fff;border-color:#10b9814d}.images-viewer__action-button--success:hover:not(:disabled){background:#10b981f2;border-color:#10b98180;transform:translateY(-2px);box-shadow:0 6px 12px #10b98166}.images-viewer__action-button--success:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #10b9814d}.images-viewer__action-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0003}.images-viewer__action-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.images-viewer__action-icon svg{width:1.125rem;height:1.125rem;stroke-width:2.5}@media(max-width:768px){.images-viewer__close{top:1rem;right:1rem;width:2.5rem;height:2.5rem}.images-viewer__nav{width:2.5rem;height:2.5rem}.images-viewer__nav--prev{left:1rem}.images-viewer__nav--next{right:1rem}.images-viewer__image-container{padding:4rem 1rem 7rem}.images-viewer__controls{bottom:1rem;padding:.5rem 1rem;gap:.75rem}.images-viewer__counter{font-size:.75rem}.images-viewer__control-button{width:2rem;height:2rem}.images-viewer__control-button svg{width:1rem;height:1rem}.images-viewer__zoom-value{font-size:.75rem;min-width:2.5rem}.images-viewer__actions{bottom:1rem;right:1rem;gap:.625rem}.images-viewer__action-button{padding:.625rem 1.25rem;font-size:.8125rem;gap:.5rem}.images-viewer__action-icon svg{width:1rem;height:1rem}}.edit-character-image-form{display:flex;flex-direction:column;gap:1.5rem}.edit-character-image-form__group{display:flex;flex-direction:column;gap:.75rem}.edit-character-image-form__group label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.edit-character-image-form__optional{font-weight:400;color:var(--color-text-tertiary);font-size:.875rem}.edit-character-image-form__input{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s ease}.edit-character-image-form__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.edit-character-image-form__error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid var(--color-error);border-radius:.75rem;color:var(--color-error);font-size:.875rem}.edit-character-image-form__error svg{flex-shrink:0}.edit-character-image-form__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.edit-character-image-form__cancel-button,.edit-character-image-form__submit-button{padding:.875rem 1.5rem;border:none;border-radius:.75rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-character-image-form__cancel-button{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.edit-character-image-form__cancel-button:hover:not(:disabled){background:var(--color-bg-tertiary)}.edit-character-image-form__submit-button{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-bg-primary);box-shadow:var(--shadow-sm)}.edit-character-image-form__submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.edit-character-image-form__submit-button:active:not(:disabled){transform:translateY(0)}.edit-character-image-form__cancel-button:disabled,.edit-character-image-form__submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.edit-character-image-form__spinner{animation:spin 1s linear infinite}.character-images-tab{width:100%}.character-images-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary)}.character-images-tab__empty svg{opacity:.5;color:var(--color-text-tertiary)}.character-images-tab__empty p{margin:0;font-size:1rem;color:var(--color-text-secondary)}.character-images-tab__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.character-images-tab__image-item{display:flex;flex-direction:column;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;transition:all .3s ease}.character-images-tab__image-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.character-images-tab__image-item--clickable{cursor:pointer}.character-images-tab__image-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-bg-tertiary)}.character-images-tab__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.character-images-tab__main-badge{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-bg-primary);font-size:.75rem;font-weight:600;border-radius:1rem;box-shadow:var(--shadow-md);z-index:2}.character-images-tab__main-badge svg{width:14px;height:14px}.character-images-tab__image-title{padding:1rem;margin:0;font-size:.875rem;font-weight:500;color:var(--color-text-primary);text-align:center;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.character-images-tab__spinner{animation:spin 1s linear infinite}@media(max-width:767px){.character-images-tab__grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(min-width:768px)and (max-width:1023px){.character-images-tab__grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.predefined-prompts-modal{padding:1.5rem}.predefined-prompts-modal__description{margin:0 0 1.5rem;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5}.predefined-prompts-modal__list{display:flex;flex-direction:column;gap:.75rem}.predefined-prompts-modal__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.predefined-prompts-modal__item:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);transform:translate(4px)}.predefined-prompts-modal__item-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.predefined-prompts-modal__item-name{margin:0;font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.predefined-prompts-modal__item-text{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.predefined-prompts-modal__item-icon{width:20px;height:20px;color:var(--color-text-tertiary);flex-shrink:0;transition:color .2s ease}.predefined-prompts-modal__item:hover .predefined-prompts-modal__item-icon{color:var(--color-accent)}.ai-generation-form__label-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ai-generation-form__predefined-prompts-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.ai-generation-form__predefined-prompts-button:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-accent)}.ai-generation-form__predefined-prompts-button svg{width:18px;height:18px}.ai-generation-form__optional{font-weight:400;color:var(--color-text-tertiary);font-size:.875rem}.ai-generation-form__description{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.ai-generation-form__advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-generation-form__advanced-toggle:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.ai-generation-form__advanced-toggle svg{width:18px;height:18px;transition:transform .2s ease}.ai-generation-form__advanced-content{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.edit-character-form{display:flex;flex-direction:column;gap:1.5rem}.edit-character-form__form-group{display:flex;flex-direction:column;gap:.5rem}.edit-character-form__form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary, #1a1a1a)}.edit-character-form__optional{font-weight:400;color:var(--text-secondary, #666)}.edit-character-form__form-group input,.edit-character-form__form-group textarea{padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:.5rem;font-size:.875rem;font-family:inherit;transition:border-color .2s}.edit-character-form__form-group input:focus,.edit-character-form__form-group textarea:focus{outline:none;border-color:var(--primary-color, #007bff)}.edit-character-form__form-group textarea{resize:vertical;min-height:100px}.edit-character-form__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.edit-character-form__error{padding:.75rem;background-color:var(--error-bg, #fee);color:var(--error-color, #c33);border-radius:.5rem;font-size:.875rem}.edit-character-form__form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.edit-character-form__cancel-button,.edit-character-form__submit-button{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.edit-character-form__cancel-button{background-color:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #1a1a1a)}.edit-character-form__cancel-button:hover:not(:disabled){background-color:var(--bg-tertiary, #e5e5e5)}.edit-character-form__submit-button{background-color:var(--primary-color, #007bff);color:#fff}.edit-character-form__submit-button:hover:not(:disabled){background-color:var(--primary-hover, #0056b3)}.edit-character-form__cancel-button:disabled,.edit-character-form__submit-button:disabled{opacity:.6;cursor:not-allowed}.character-detail-view{width:100%;display:flex;flex-direction:column;gap:1.5rem}.character-detail-view__header{display:flex;flex-direction:column;gap:.75rem;width:100%}.character-detail-view__mobile-ai-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.9375rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.character-detail-view__mobile-ai-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent)}.character-detail-view__mobile-ai-button:active{transform:scale(.98)}.character-detail-view__mobile-ai-button svg{flex-shrink:0}.character-detail-view__content{display:flex;flex-direction:column;gap:1.5rem;width:100%}.character-detail-view__desktop-layout{display:grid;grid-template-columns:400px 1fr;gap:1.5rem;align-items:flex-start}.character-detail-view__side-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;display:flex;flex-direction:column;height:fit-content;max-height:calc(100vh - 300px);overflow:hidden;position:sticky;top:1rem}.character-detail-view__side-panel-header{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);flex-shrink:0}.character-detail-view__side-panel-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.character-detail-view__side-panel-content{padding:1.5rem;overflow-y:auto;flex:1;min-height:0}.character-detail-view__side-panel-content::-webkit-scrollbar{width:8px}.character-detail-view__side-panel-content::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}.character-detail-view__side-panel-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.character-detail-view__side-panel-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.character-detail-view__main{display:flex;flex-direction:column;gap:1rem;width:100%;min-width:0}.character-detail-view__main-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);padding:.5rem;border-radius:.5rem .5rem 0 0}.character-detail-view__main-tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:.5rem}.character-detail-view__main-tab:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.character-detail-view__main-tab--active{color:var(--color-accent);background:var(--color-bg-secondary);box-shadow:var(--shadow-sm)}.character-detail-view__main-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:0 0 .75rem .75rem;padding:1.5rem;min-height:400px}@media(max-width:767px){.character-detail-view__header{gap:.75rem}.character-detail-view__desktop-layout{display:none}.character-detail-view__main{width:100%}.character-detail-view__main-content{padding:1rem;min-height:300px}}@media(min-width:768px){.character-detail-view__mobile-ai-button{display:none}}@media(min-width:1024px){.character-detail-view__content,.character-detail-view__desktop-layout{gap:2rem}.character-detail-view__side-panel{max-width:450px}}.character-manager{width:100%}.character-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.character-manager__header-content{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.character-manager__title{margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.character-manager__count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .75rem;background:var(--color-accent-bg);color:var(--color-accent);border-radius:1rem;font-size:.875rem;font-weight:600}.character-manager__create-button{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.5rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-bg-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);white-space:nowrap}.character-manager__create-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.character-manager__create-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.character-manager__create-button svg{flex-shrink:0;width:20px;height:20px}.character-manager__create-button-text{display:inline}.character-manager__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:1rem;min-height:400px}.character-manager__empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:1.5rem;background:var(--color-accent-bg);border-radius:50%;color:var(--color-accent)}.character-manager__empty-icon svg{width:48px;height:48px}.character-manager__empty-title{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.character-manager__empty-description{margin:0 0 2rem;font-size:1rem;color:var(--color-text-secondary);line-height:1.6;max-width:400px}.character-manager__empty-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--color-accent);border-radius:.75rem;background:var(--color-accent);color:var(--color-bg-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.character-manager__empty-button:hover{background:var(--color-accent-hover, var(--color-accent-light));border-color:var(--color-accent-hover, var(--color-accent-light));transform:translateY(-2px);box-shadow:var(--shadow-md)}.character-manager__empty-button svg{width:18px;height:18px}.character-manager__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.character-manager__card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;position:relative}.character-manager__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.character-manager__card-image{position:relative;width:100%;height:240px;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.character-manager__card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.character-manager__card:hover .character-manager__card-image img{transform:scale(1.05)}.character-manager__card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 100%);pointer-events:none}.character-manager__card-image--placeholder{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.character-manager__card-image--placeholder svg{width:48px;height:48px;opacity:.5}.character-manager__card-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.character-manager__card-name{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.character-manager__card-description{margin:0;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.character-manager__card-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.character-manager__stat{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-bg-tertiary);border-radius:.5rem;font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.character-manager__stat svg{flex-shrink:0;width:16px;height:16px;color:var(--color-accent)}.character-manager__card-actions{padding:0 1.5rem 1.5rem}.character-manager__view-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:.625rem;background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.character-manager__view-button:hover{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.character-manager__view-button svg{flex-shrink:0;width:18px;height:18px}.character-manager__view-button span{display:inline}.character-manager__form{display:flex;flex-direction:column;gap:1.5rem}.character-manager__form-group{display:flex;flex-direction:column;gap:.5rem}.character-manager__form-group label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.character-manager__form-group input,.character-manager__form-group textarea{padding:.875rem;border:1px solid var(--color-border);border-radius:.625rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s ease}.character-manager__form-group input:focus,.character-manager__form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.character-manager__form-group textarea{resize:vertical;min-height:100px}.character-manager__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.character-manager__error{padding:.875rem;background:#ef44441a;border:1px solid var(--color-error);border-radius:.625rem;color:var(--color-error);font-size:.875rem;line-height:1.5}.character-manager__form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:.5rem}.character-manager__cancel-button,.character-manager__submit-button{padding:.75rem 1.5rem;border-radius:.625rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.character-manager__cancel-button{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary)}.character-manager__cancel-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.character-manager__submit-button{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-bg-primary)}.character-manager__submit-button:hover:not(:disabled){background:var(--color-accent-hover, var(--color-accent-light));border-color:var(--color-accent-hover, var(--color-accent-light));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.character-manager__submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.character-image-manager{display:flex;flex-direction:column;gap:2rem}.character-image-manager__upload-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem}.character-image-manager__form-group{display:flex;flex-direction:column;gap:.5rem}.character-image-manager__form-group label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.character-image-manager__form-group input[type=file]{padding:.5rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem}.character-image-manager__form-group input[type=text]{padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit}.character-image-manager__checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.character-image-manager__checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.character-image-manager__error{padding:.75rem;background:#ef44441a;border:1px solid var(--color-error);border-radius:.5rem;color:var(--color-error);font-size:.875rem}.character-image-manager__upload-button{padding:.75rem 1.5rem;border:1px solid var(--color-accent);border-radius:.5rem;background:var(--color-accent);color:var(--color-bg-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.character-image-manager__upload-button:hover:not(:disabled){background:var(--color-accent-hover, var(--color-accent-light));border-color:var(--color-accent-hover, var(--color-accent-light))}.character-image-manager__upload-button:disabled{opacity:.6;cursor:not-allowed}.character-image-manager__images h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.character-image-manager__empty{padding:2rem;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem}.character-image-manager__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.character-image-manager__image-item{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden}.character-image-manager__image{width:100%;height:200px;object-fit:cover;display:block}.character-image-manager__main-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .75rem;background:var(--color-accent);color:var(--color-bg-primary);font-size:.75rem;font-weight:600;border-radius:.25rem}.character-image-manager__image-title{padding:.75rem;margin:0;font-size:.875rem;color:var(--color-text-primary)}.character-image-manager__delete-button{width:100%;padding:.625rem;border:1px solid var(--color-error);border-radius:0 0 .75rem .75rem;background:var(--color-bg-tertiary);color:var(--color-error);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.character-image-manager__delete-button:hover{background:#ef44441a}@media(max-width:767px){.character-manager__header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem}.character-manager__header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.character-manager__title{font-size:1.5rem}.character-manager__create-button{width:100%;justify-content:center}.character-manager__create-button-text{display:inline}.character-manager__empty{padding:3rem 1.5rem;min-height:300px}.character-manager__empty-icon{width:64px;height:64px;margin-bottom:1.25rem}.character-manager__empty-icon svg{width:40px;height:40px}.character-manager__empty-title{font-size:1.25rem}.character-manager__empty-description{font-size:.9375rem}.character-manager__grid{gap:1rem}.character-manager__card-image{height:200px}.character-manager__card-content{padding:1.25rem}.character-manager__card-actions{padding:0 1.25rem 1.25rem}.character-manager__form-row{grid-template-columns:1fr}.character-manager__form-actions{flex-direction:column-reverse}.character-manager__cancel-button,.character-manager__submit-button{width:100%}.character-image-manager__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}@media(min-width:768px)and (max-width:1023px){.character-manager__header{margin-bottom:1.75rem}.character-manager__title{font-size:1.625rem}.character-manager__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.character-manager__card-image{height:220px}.character-manager__empty{padding:3.5rem 2rem}.character-image-manager__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}}@media(min-width:1024px){.character-manager__header{margin-bottom:2rem}.character-manager__title{font-size:1.75rem}.character-manager__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.character-manager__card-image{height:260px}.character-manager__empty{padding:4rem 2rem}.character-image-manager__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}}@media(min-width:1440px){.character-manager__grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem}.character-manager__card-image{height:280px}}.scene-selection{width:100%}.scene-selection__search-wrapper{position:relative;display:flex;align-items:center;margin-bottom:1.5rem}.scene-selection__search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;z-index:1}.scene-selection__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:.625rem;font-size:.875rem;transition:all .2s ease}.scene-selection__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.scene-selection__search-wrapper:focus-within .scene-selection__search-icon{color:var(--color-accent)}.scene-selection__search-input::placeholder{color:var(--color-text-tertiary)}.scene-selection__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.scene-selection__card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;cursor:pointer}.scene-selection__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.scene-selection__card--add{border-style:dashed;border-color:var(--color-text-tertiary)}.scene-selection__card--add:hover{border-color:var(--color-accent);background:var(--color-accent-bg)}.scene-selection__card-image{position:relative;width:100%;height:240px;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.scene-selection__card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.scene-selection__card:hover .scene-selection__card-image img{transform:scale(1.05)}.scene-selection__card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 100%);pointer-events:none}.scene-selection__card-image--placeholder{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.scene-selection__card-image--placeholder svg{width:48px;height:48px;opacity:.5}.scene-selection__card-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.scene-selection__card-name{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);line-height:1.3}.scene-selection__card-description{margin:0;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}@media(max-width:767px){.scene-selection__grid{grid-template-columns:1fr;gap:1rem}.scene-selection__card-image{height:200px}.scene-selection__card-content{padding:1.25rem}}@media(min-width:768px)and (max-width:1023px){.scene-selection__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.scene-selection__card-image{height:220px}}@media(min-width:1024px){.scene-selection__grid{grid-template-columns:repeat(4,1fr)}}.scene-info-header{width:100%;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem}.scene-info-header__content{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;width:100%}.scene-info-header__name{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;flex-shrink:0}.scene-info-header__description{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;flex-shrink:1}.scene-info-header__edit-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;margin-left:auto}.scene-info-header__edit-button:hover{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.scene-info-header__edit-button:active{transform:translateY(0)}.scene-info-header__edit-button svg{width:16px;height:16px;flex-shrink:0}@media(max-width:767px){.scene-info-header{padding:.625rem .75rem}.scene-info-header__content{flex-wrap:wrap;gap:.75rem}.scene-info-header__name{font-size:1rem;min-width:0;flex:1 1 100%}.scene-info-header__description{max-width:100%;flex:1 1 100%;font-size:.8125rem}.scene-info-header__edit-button{margin-left:0;flex:1 1 auto;justify-content:center;padding:.5rem .875rem;font-size:.8125rem}}.edit-scene-image-form{display:flex;flex-direction:column;gap:1.5rem}.edit-scene-image-form__group{display:flex;flex-direction:column;gap:.75rem}.edit-scene-image-form__group label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.edit-scene-image-form__optional{font-weight:400;color:var(--color-text-tertiary);font-size:.875rem}.edit-scene-image-form__input{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s ease}.edit-scene-image-form__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.edit-scene-image-form__input[type=number]{-moz-appearance:textfield}.edit-scene-image-form__input[type=number]::-webkit-outer-spin-button,.edit-scene-image-form__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-scene-image-form__error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid var(--color-error);border-radius:.75rem;color:var(--color-error);font-size:.875rem}.edit-scene-image-form__error svg{flex-shrink:0}.edit-scene-image-form__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.edit-scene-image-form__cancel-button,.edit-scene-image-form__submit-button{padding:.875rem 1.5rem;border:none;border-radius:.75rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-scene-image-form__cancel-button{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.edit-scene-image-form__cancel-button:hover:not(:disabled){background:var(--color-bg-tertiary)}.edit-scene-image-form__submit-button{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-bg-primary);box-shadow:var(--shadow-sm)}.edit-scene-image-form__submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.edit-scene-image-form__submit-button:active:not(:disabled){transform:translateY(0)}.edit-scene-image-form__cancel-button:disabled,.edit-scene-image-form__submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.edit-scene-image-form__spinner{animation:spin 1s linear infinite}.scene-images-tab{width:100%}.scene-images-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary)}.scene-images-tab__empty svg{opacity:.5;color:var(--color-text-tertiary)}.scene-images-tab__empty p{margin:0;font-size:1rem;color:var(--color-text-secondary)}.scene-images-tab__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.scene-images-tab__image-item{display:flex;flex-direction:column;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;transition:all .3s ease}.scene-images-tab__image-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.scene-images-tab__image-item--clickable{cursor:pointer}.scene-images-tab__image-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-bg-tertiary)}.scene-images-tab__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.scene-images-tab__main-badge{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-bg-primary);font-size:.75rem;font-weight:600;border-radius:1rem;box-shadow:var(--shadow-md);z-index:2}.scene-images-tab__main-badge svg{width:14px;height:14px}.scene-images-tab__image-title{padding:1rem;margin:0;font-size:.875rem;font-weight:500;color:var(--color-text-primary);text-align:center;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.scene-images-tab__spinner{animation:spin 1s linear infinite}@media(max-width:767px){.scene-images-tab__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}}@media(min-width:768px)and (max-width:1023px){.scene-images-tab__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}}.generation-history-tab{width:100%}.generation-history-tab__loading{padding:4rem 2rem;text-align:center;color:var(--color-text-secondary)}.generation-history-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary)}.generation-history-tab__empty svg{opacity:.5;color:var(--color-text-tertiary)}.generation-history-tab__empty p{margin:0;font-size:1rem;color:var(--color-text-secondary)}.generation-history-tab__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.generation-history-tab__item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;transition:all .3s ease}.generation-history-tab__item--clickable{cursor:pointer}.generation-history-tab__item--clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.generation-history-tab__item--clickable:focus{outline:2px solid var(--color-accent);outline-offset:2px}.generation-history-tab__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.generation-history-tab__image-wrapper{width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-bg-tertiary)}.generation-history-tab__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.generation-history-tab__item:hover .generation-history-tab__image{transform:scale(1.05)}.generation-history-tab__content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.generation-history-tab__prompt{margin:0;font-size:.875rem;color:var(--color-text-primary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.generation-history-tab__meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.generation-history-tab__date{font-size:.75rem;color:var(--color-text-tertiary)}.generation-history-tab__tokens{font-size:.75rem;color:var(--color-text-tertiary);font-weight:500}@media(max-width:767px){.generation-history-tab__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}}@media(min-width:768px)and (max-width:1023px){.generation-history-tab__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}}.generation-history-tab__detail{display:flex;flex-direction:column;gap:1.5rem}.generation-history-tab__detail-image-wrapper{width:100%;max-height:60vh;overflow:hidden;border-radius:.75rem;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.generation-history-tab__detail-image{width:100%;height:auto;max-height:60vh;object-fit:contain;display:block}.generation-history-tab__detail-content{display:flex;flex-direction:column;gap:1.5rem}.generation-history-tab__detail-section{display:flex;flex-direction:column;gap:.5rem}.generation-history-tab__detail-label{margin:0;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.generation-history-tab__detail-prompt{margin:0;font-size:1rem;color:var(--color-text-primary);line-height:1.6;padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem;border:1px solid var(--color-border)}.generation-history-tab__detail-meta{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem;border:1px solid var(--color-border)}.generation-history-tab__detail-meta-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.generation-history-tab__detail-meta-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.generation-history-tab__detail-meta-value{font-size:.875rem;color:var(--color-text-primary)}.generation-history-tab__detail-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.generation-history-tab__action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.generation-history-tab__action-button:disabled{opacity:.6;cursor:not-allowed}.generation-history-tab__action-button--primary{background:var(--color-accent);color:var(--color-accent-text, #fff)}.generation-history-tab__action-button--primary:hover:not(:disabled){background:var(--color-accent-hover, var(--color-accent));transform:translateY(-1px);box-shadow:var(--shadow-md)}.generation-history-tab__action-button--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.generation-history-tab__action-button--secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-accent)}.generation-history-tab__action-button--danger{background:var(--color-error, #ef4444);color:#fff}.generation-history-tab__action-button--danger:hover:not(:disabled){background:var(--color-error-hover, #dc2626);transform:translateY(-1px);box-shadow:var(--shadow-md)}.generation-history-tab__spinner{animation:spin 1s linear infinite}.generation-history-tab__delete-confirm{display:flex;flex-direction:column;gap:1.5rem}.generation-history-tab__delete-message{margin:0;font-size:1rem;color:var(--color-text-primary);line-height:1.6}.generation-history-tab__delete-actions{display:flex;gap:1rem;justify-content:flex-end}@media(max-width:767px){.generation-history-tab__detail-actions{flex-direction:column}.generation-history-tab__action-button{width:100%}.generation-history-tab__delete-actions{flex-direction:column}}.upload-image-form{display:flex;flex-direction:column;gap:1.5rem}.upload-image-form__group{display:flex;flex-direction:column;gap:.75rem}.upload-image-form__group label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.upload-image-form__optional{font-weight:400;color:var(--color-text-tertiary);font-size:.875rem}.upload-image-form__file-label{position:relative;display:block;cursor:pointer;border:2px dashed var(--color-border);border-radius:.75rem;padding:2rem;background:var(--color-bg-tertiary);transition:all .2s ease;text-align:center;overflow:hidden;min-height:150px}.upload-image-form__file-label:hover{border-color:var(--color-accent);background:var(--color-accent-bg)}.upload-image-form__preview-container{position:absolute;inset:0;width:100%;height:100%;border-radius:.5rem;overflow:hidden;background:var(--color-bg-tertiary)}.upload-image-form__preview-image{width:100%;height:100%;object-fit:cover;display:block}.upload-image-form__preview-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;opacity:0;transition:opacity .2s ease;color:#fff;font-weight:500}.upload-image-form__file-label:hover .upload-image-form__preview-overlay{opacity:1}.upload-image-form__preview-overlay svg{width:32px;height:32px}.upload-image-form__file-label-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-text-secondary);font-weight:500}.upload-image-form__file-label-content svg{color:var(--color-accent)}.upload-image-form__file-input{position:absolute;opacity:0;width:0;height:0}.upload-image-form__input{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s ease}.upload-image-form__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.upload-image-form__checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:background-color .2s ease}.upload-image-form__checkbox-label:hover{background:var(--color-bg-tertiary)}.upload-image-form__checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-accent)}.upload-image-form__checkbox-label span{color:var(--color-text-primary);font-weight:500}.upload-image-form__remove-preview-button{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.upload-image-form__remove-preview-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-error);color:var(--color-error)}.upload-image-form__remove-preview-button svg{width:16px;height:16px}.upload-image-form__error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid var(--color-error);border-radius:.75rem;color:var(--color-error);font-size:.875rem}.upload-image-form__error svg{flex-shrink:0}.upload-image-form__submit-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-bg-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.upload-image-form__submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.upload-image-form__submit-button:active:not(:disabled){transform:translateY(0)}.upload-image-form__submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-image-form__spinner{animation:spin 1s linear infinite}.ai-generation-form{display:flex;flex-direction:column;gap:1.5rem}.ai-generation-form__group{display:flex;flex-direction:column;gap:.75rem}.ai-generation-form__group label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.ai-generation-form__prompt{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;resize:vertical;min-height:100px}.ai-generation-form__prompt:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.ai-generation-form__character-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;margin-top:.5rem}.ai-generation-form__character-image-item{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;border:2px solid var(--color-border);cursor:pointer;transition:all .2s ease;background:var(--color-bg-tertiary)}.ai-generation-form__character-image-item:hover{border-color:var(--color-accent);transform:scale(1.05)}.ai-generation-form__character-image-item--selected{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.ai-generation-form__character-image-item img{width:100%;height:100%;object-fit:cover}.ai-generation-form__character-image-check{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);border-radius:50%;color:#fff;box-shadow:0 2px 8px #0000004d}.ai-generation-form__character-image-check svg{width:14px;height:14px}.ai-generation-form__actions-row{display:flex;gap:.75rem;margin-top:.5rem}.ai-generation-form__button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-generation-form__button:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-accent)}.ai-generation-form__button:disabled{opacity:.5;cursor:not-allowed}.ai-generation-form__button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-primary)}.ai-generation-form__button--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.ai-generation-form__button--secondary{background:var(--color-bg-primary);border-color:var(--color-border);color:var(--color-text-primary)}.ai-generation-form__button svg{width:16px;height:16px}.ai-generation-form__file-input{display:none}.ai-generation-form__selected-refs{margin-top:.75rem}.ai-generation-form__selected-refs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;margin-top:.5rem}.ai-generation-form__selected-ref{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;border:2px solid var(--color-border)}.ai-generation-form__ref-thumbnail{width:100%;height:100%;object-fit:cover}.ai-generation-form__ref-remove{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.ai-generation-form__ref-remove:hover{background:#dc2626e6}.ai-generation-form__ref-remove svg{width:14px;height:14px}.ai-generation-form__options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:.5rem}.ai-generation-form__option{display:flex;flex-direction:column;gap:.5rem}.ai-generation-form__option label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.ai-generation-form__select{padding:.625rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;cursor:pointer}.ai-generation-form__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.ai-generation-form__submit-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:.5rem;background:var(--color-accent);color:var(--color-bg-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ai-generation-form__submit-button:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ai-generation-form__submit-button:disabled{opacity:.6;cursor:not-allowed}.ai-generation-form__submit-button svg{width:18px;height:18px}.ai-generation-form__spinner{width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.ai-generation-form__modal-body{padding:1.5rem}.ai-generation-form__upload-section{margin-bottom:1.5rem}.ai-generation-form__upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.9375rem;cursor:pointer;transition:all .2s ease}.ai-generation-form__upload-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.ai-generation-form__upload-button svg{width:18px;height:18px}.ai-generation-form__ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1rem}.ai-generation-form__ref-image{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;border:2px solid var(--color-border);cursor:pointer;transition:all .2s ease}.ai-generation-form__ref-image:hover{border-color:var(--color-accent);transform:scale(1.05)}.ai-generation-form__ref-image--selected{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.ai-generation-form__ref-image img{width:100%;height:100%;object-fit:cover}.ai-generation-form__select-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.ai-generation-form__ref-image:hover .ai-generation-form__select-overlay,.ai-generation-form__ref-image--selected .ai-generation-form__select-overlay{opacity:1}.ai-generation-form__select-overlay svg{width:32px;height:32px;color:#fff}.ai-generation-form__no-images{padding:2rem;text-align:center;color:var(--color-text-secondary)}.ai-generation-form__modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.ai-generation-form__save-preview{margin-bottom:1.5rem;text-align:center}.ai-generation-form__save-image{max-width:100%;max-height:300px;border-radius:.5rem;border:1px solid var(--color-border)}.ai-generation-form__form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.ai-generation-form__form-group label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.ai-generation-form__input{padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit}.ai-generation-form__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.ai-generation-form__checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9375rem;color:var(--color-text-primary)}.ai-generation-form__checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.edit-scene-form{display:flex;flex-direction:column;gap:1.5rem}.edit-scene-form__form-group{display:flex;flex-direction:column;gap:.5rem}.edit-scene-form__form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary, #1a1a1a)}.edit-scene-form__optional{font-weight:400;color:var(--text-secondary, #666)}.edit-scene-form__form-group input,.edit-scene-form__form-group textarea{padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:.5rem;font-size:.875rem;font-family:inherit;transition:border-color .2s}.edit-scene-form__form-group input:focus,.edit-scene-form__form-group textarea:focus{outline:none;border-color:var(--primary-color, #007bff)}.edit-scene-form__form-group textarea{resize:vertical;min-height:100px}.edit-scene-form__error{padding:.75rem;background-color:var(--error-bg, #fee);color:var(--error-color, #c33);border-radius:.5rem;font-size:.875rem}.edit-scene-form__form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.edit-scene-form__cancel-button,.edit-scene-form__submit-button{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.edit-scene-form__cancel-button{background-color:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #1a1a1a)}.edit-scene-form__cancel-button:hover:not(:disabled){background-color:var(--bg-tertiary, #e5e5e5)}.edit-scene-form__submit-button{background-color:var(--primary-color, #007bff);color:#fff}.edit-scene-form__submit-button:hover:not(:disabled){background-color:var(--primary-hover, #0056b3)}.edit-scene-form__cancel-button:disabled,.edit-scene-form__submit-button:disabled{opacity:.6;cursor:not-allowed}.scene-detail-view{width:100%;display:flex;flex-direction:column;gap:1.5rem}.scene-detail-view__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.scene-detail-view__actions{display:flex;gap:.75rem;align-items:center}.scene-detail-view__action-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.9375rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.scene-detail-view__action-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent)}.scene-detail-view__action-button:active{transform:scale(.98)}.scene-detail-view__action-button svg{flex-shrink:0}.scene-detail-view__content{display:flex;flex-direction:column;gap:1.5rem}.scene-detail-view__main{display:flex;flex-direction:column;gap:1rem;width:100%}.scene-detail-view__main-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);padding:.5rem;border-radius:.5rem .5rem 0 0}.scene-detail-view__main-tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:.5rem}.scene-detail-view__main-tab:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.scene-detail-view__main-tab--active{color:var(--color-accent);background:var(--color-bg-secondary);box-shadow:var(--shadow-sm)}.scene-detail-view__main-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:0 0 .75rem .75rem;padding:1.5rem;min-height:400px}@media(max-width:768px){.scene-detail-view__header{flex-direction:column;align-items:flex-start}.scene-detail-view__actions{width:100%;flex-wrap:wrap}.scene-detail-view__action-button{flex:1;min-width:0;justify-content:center}.scene-detail-view__action-button span{white-space:nowrap}}@media(min-width:1024px){.scene-detail-view__content{gap:2rem}}.scene-manager{width:100%}.scene-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.scene-manager__header-content{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.scene-manager__title{margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.scene-manager__count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .75rem;background:var(--color-accent-bg);color:var(--color-accent);border-radius:1rem;font-size:.875rem;font-weight:600}.scene-manager__create-button{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.5rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-bg-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);white-space:nowrap}.scene-manager__create-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.scene-manager__create-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.scene-manager__create-button svg{flex-shrink:0;width:20px;height:20px}.scene-manager__create-button-text{display:inline}.scene-manager__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:1rem;min-height:400px}.scene-manager__empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:1.5rem;background:var(--color-accent-bg);border-radius:50%;color:var(--color-accent)}.scene-manager__empty-icon svg{width:48px;height:48px}.scene-manager__empty-title{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.scene-manager__empty-description{margin:0 0 2rem;font-size:1rem;color:var(--color-text-secondary);line-height:1.6;max-width:400px}.scene-manager__empty-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--color-accent);border-radius:.75rem;background:var(--color-accent);color:var(--color-bg-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.scene-manager__empty-button:hover{background:var(--color-accent-hover, var(--color-accent-light));border-color:var(--color-accent-hover, var(--color-accent-light));transform:translateY(-2px);box-shadow:var(--shadow-md)}.scene-manager__empty-button svg{width:18px;height:18px}.scene-manager__form{display:flex;flex-direction:column;gap:1.5rem}.scene-manager__form-group{display:flex;flex-direction:column;gap:.5rem}.scene-manager__form-group label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.scene-manager__form-group input,.scene-manager__form-group textarea{padding:.875rem;border:1px solid var(--color-border);border-radius:.625rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s ease}.scene-manager__form-group input:focus,.scene-manager__form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.scene-manager__form-group textarea{resize:vertical;min-height:100px}.scene-manager__error{padding:.875rem;background:#ef44441a;border:1px solid var(--color-error);border-radius:.625rem;color:var(--color-error);font-size:.875rem;line-height:1.5}.scene-manager__form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:.5rem}.scene-manager__cancel-button,.scene-manager__submit-button{padding:.75rem 1.5rem;border-radius:.625rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.scene-manager__cancel-button{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary)}.scene-manager__cancel-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.scene-manager__submit-button{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-bg-primary)}.scene-manager__submit-button:hover:not(:disabled){background:var(--color-accent-hover, var(--color-accent-light));border-color:var(--color-accent-hover, var(--color-accent-light));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.scene-manager__submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:767px){.scene-manager__header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem}.scene-manager__header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.scene-manager__title{font-size:1.5rem}.scene-manager__create-button{width:100%;justify-content:center}.scene-manager__create-button-text{display:inline}.scene-manager__empty{padding:3rem 1.5rem;min-height:300px}.scene-manager__empty-icon{width:64px;height:64px;margin-bottom:1.25rem}.scene-manager__empty-icon svg{width:40px;height:40px}.scene-manager__empty-title{font-size:1.25rem}.scene-manager__empty-description{font-size:.9375rem}.scene-manager__form-actions{flex-direction:column-reverse}.scene-manager__cancel-button,.scene-manager__submit-button{width:100%}}@media(min-width:768px)and (max-width:1023px){.scene-manager__header{margin-bottom:1.75rem}.scene-manager__title{font-size:1.625rem}.scene-manager__empty{padding:3.5rem 2rem}}@media(min-width:1024px){.scene-manager__header{margin-bottom:2rem}.scene-manager__title{font-size:1.75rem}.scene-manager__empty{padding:4rem 2rem}}.chapter-selection{width:100%}.chapter-selection__search-wrapper{position:relative;display:flex;align-items:center;margin-bottom:1.5rem}.chapter-selection__search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;z-index:1}.chapter-selection__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:.625rem;font-size:.875rem;transition:all .2s ease}.chapter-selection__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.chapter-selection__search-wrapper:focus-within .chapter-selection__search-icon{color:var(--color-accent)}.chapter-selection__search-input::placeholder{color:var(--color-text-tertiary)}.chapter-selection__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.chapter-selection__card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;cursor:pointer}.chapter-selection__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.chapter-selection__card-image{position:relative;width:100%;height:240px;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.chapter-selection__card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.chapter-selection__card:hover .chapter-selection__card-image img{transform:scale(1.05)}.chapter-selection__card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 100%);pointer-events:none}.chapter-selection__card-badge{position:absolute;bottom:.75rem;right:.75rem;padding:.375rem .75rem;background:#000000b3;color:var(--color-bg-primary);border-radius:.5rem;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chapter-selection__card-image--placeholder{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.chapter-selection__card-image--placeholder svg{width:48px;height:48px;opacity:.5}.chapter-selection__card-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.chapter-selection__card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.chapter-selection__card-name{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);line-height:1.3;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chapter-selection__card-number{flex-shrink:0;padding:.25rem .75rem;background:var(--color-accent-bg);color:var(--color-accent);border-radius:.5rem;font-size:.75rem;font-weight:600;white-space:nowrap}.chapter-selection__card-date{margin:0;font-size:.875rem;color:var(--color-text-tertiary)}@media(max-width:767px){.chapter-selection__grid{grid-template-columns:1fr;gap:1rem}.chapter-selection__card-image{height:200px}.chapter-selection__card-content{padding:1.25rem}}@media(min-width:768px)and (max-width:1023px){.chapter-selection__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.chapter-selection__card-image{height:220px}}@media(min-width:1024px){.chapter-selection__grid{grid-template-columns:repeat(4,1fr)}}.chapter-edit-view{width:100%}.chapter-edit-view__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.chapter-edit-view__title{margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.chapter-edit-view__back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.chapter-edit-view__back-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.chapter-edit-view__back-button svg{flex-shrink:0;width:20px;height:20px}.chapter-edit-view__panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.chapter-edit-view__form{display:flex;flex-direction:column;gap:1.5rem}.chapter-edit-view__field{display:flex;flex-direction:column;gap:.5rem}.chapter-edit-view__label{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.chapter-edit-view__required{color:var(--color-error)}.chapter-edit-view__input{padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:1rem;background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s;font-family:inherit}.chapter-edit-view__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.chapter-edit-view__input:disabled{opacity:.6;cursor:not-allowed}.chapter-edit-view__hint{font-size:.75rem;color:var(--color-text-secondary)}.chapter-edit-view__error{padding:.75rem;background:#ef44441a;color:var(--color-error);border-radius:.5rem;border:1px solid var(--color-error)}.chapter-edit-view__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.chapter-edit-view__submit{min-width:120px}.chapter-edit-view__pages-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.chapter-edit-view__pages-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.chapter-edit-view__pages-empty{padding:3rem;text-align:center;color:var(--color-text-secondary)}.chapter-edit-view__pages-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.chapter-edit-view__pages-item{position:relative;display:flex;flex-direction:column;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:.5rem;padding:.5rem;cursor:move;transition:all .2s;opacity:1}.chapter-edit-view__pages-item:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #007bff26}.chapter-edit-view__pages-item--dragging{opacity:.5;cursor:grabbing}.chapter-edit-view__pages-item--drag-over{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg);transform:scale(1.05)}.chapter-edit-view__pages-item-handle{position:absolute;top:.5rem;left:.5rem;z-index:10;padding:.25rem;background:#0009;color:#fff;border-radius:.25rem;cursor:grab;display:flex;align-items:center;justify-content:center;transition:background .2s}.chapter-edit-view__pages-item-handle:active{cursor:grabbing}.chapter-edit-view__pages-item-handle:hover{background:#000c}.chapter-edit-view__pages-item--dragging .chapter-edit-view__pages-item-handle{cursor:grabbing}.chapter-edit-view__pages-item-thumbnail{position:relative;width:100%;padding-top:141.42%;background:var(--color-bg-tertiary);border-radius:.25rem;overflow:hidden}.chapter-edit-view__pages-item-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#fff}.chapter-edit-view__pages-item-number{position:absolute;bottom:.25rem;right:.25rem;background:#000000b3;color:#fff;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.chapter-edit-view__pages-item-delete{position:absolute;top:.5rem;right:.5rem;z-index:10;padding:.25rem;background:var(--color-error);color:#fff;border:none;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.chapter-edit-view__pages-item-delete:hover:not(:disabled){opacity:.9}.chapter-edit-view__pages-item-delete:disabled{opacity:.6;cursor:not-allowed}.chapter-edit-view__add-pages{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.chapter-edit-view__add-pages-error{padding:.75rem;background:#ef44441a;color:var(--color-error);border-radius:.5rem;border:1px solid var(--color-error)}.chapter-edit-view__add-pages-field{display:flex;flex-direction:column;gap:.5rem}.chapter-edit-view__add-pages-label{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.chapter-edit-view__add-pages-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.chapter-edit-view__add-pages-file-label{display:inline-block;padding:.75rem 1.5rem;border:2px dashed var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all .2s;text-align:center;font-size:.875rem}.chapter-edit-view__add-pages-file-label:hover:not(:has(+input:disabled)){border-color:var(--color-accent);background:var(--color-accent-bg)}.chapter-edit-view__add-pages-file-input:disabled+.chapter-edit-view__add-pages-file-label{opacity:.6;cursor:not-allowed}.chapter-edit-view__add-pages-preview{padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem;border:1px solid var(--color-border)}.chapter-edit-view__add-pages-preview-title{font-weight:600;color:var(--color-text-primary);font-size:.875rem;margin:0 0 .5rem}.chapter-edit-view__add-pages-preview-list{margin:0;padding-left:1.5rem;color:var(--color-text-secondary);font-size:.875rem}.chapter-edit-view__add-pages-preview-item{margin-bottom:.25rem}.chapter-edit-view__add-pages-actions{display:flex;gap:1rem;justify-content:flex-end}@media(max-width:768px){.chapter-edit-view__header{flex-direction:column;align-items:flex-start}.chapter-edit-view__title{font-size:1.5rem}.chapter-edit-view__pages-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.chapter-edit-view__pages-header{flex-direction:column;align-items:flex-start}.chapter-edit-view__actions,.chapter-edit-view__add-pages-actions{flex-direction:column}.chapter-edit-view__submit{width:100%}}@media(max-width:480px){.chapter-edit-view__pages-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}}.chapter-manager{width:100%}.chapter-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.chapter-manager__header-content{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.chapter-manager__title{margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.chapter-manager__count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .75rem;background:var(--color-accent-bg);color:var(--color-accent);border-radius:1rem;font-size:.875rem;font-weight:600}.chapter-manager__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:1rem;min-height:400px}.chapter-manager__empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:1.5rem;background:var(--color-accent-bg);border-radius:50%;color:var(--color-accent)}.chapter-manager__empty-icon svg{width:48px;height:48px}.chapter-manager__empty-title{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.chapter-manager__empty-description{margin:0;font-size:1rem;color:var(--color-text-secondary);line-height:1.6;max-width:400px}@media(max-width:767px){.chapter-manager__header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem}.chapter-manager__header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.chapter-manager__title{font-size:1.5rem}.chapter-manager__empty{padding:3rem 1.5rem;min-height:300px}.chapter-manager__empty-icon{width:64px;height:64px;margin-bottom:1.25rem}.chapter-manager__empty-icon svg{width:40px;height:40px}.chapter-manager__empty-title{font-size:1.25rem}.chapter-manager__empty-description{font-size:.9375rem}}@media(min-width:768px)and (max-width:1023px){.chapter-manager__header{margin-bottom:1.75rem}.chapter-manager__title{font-size:1.625rem}.chapter-manager__empty{padding:3.5rem 2rem}}@media(min-width:1024px){.chapter-manager__header{margin-bottom:2rem}.chapter-manager__title{font-size:1.75rem}.chapter-manager__empty{padding:4rem 2rem}}.action-scenes-generation-form{display:flex;flex-direction:column;gap:2rem;padding:2rem;background:var(--color-bg-secondary, #f8fafc);border:1px solid var(--color-border, rgba(15, 23, 42, .1));border-radius:.75rem;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));transition:box-shadow .3s ease,border-color .3s ease}.action-scenes-generation-form:hover{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.action-scenes-generation-form__group{display:flex;flex-direction:column;gap:.75rem}.action-scenes-generation-form__label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text-primary, #0f172a);font-size:.9375rem;margin-bottom:.25rem}.action-scenes-generation-form__label-icon{width:18px;height:18px;color:var(--color-accent, #6366f1);flex-shrink:0}.action-scenes-generation-form__optional{font-weight:400;color:var(--color-text-tertiary, #64748b);font-size:.875rem}.action-scenes-generation-form__description{margin:0;font-size:.875rem;color:var(--color-text-secondary, #475569);line-height:1.4}.action-scenes-generation-form__section-label{font-weight:600;color:var(--color-text-primary, #0f172a);font-size:.9375rem;margin-bottom:.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-border, rgba(15, 23, 42, .1))}.action-scenes-generation-form__prompt{width:100%;padding:.875rem 1rem;border:1.5px solid var(--color-border, rgba(15, 23, 42, .1));border-radius:.5rem;font-size:.9375rem;font-family:inherit;resize:vertical;min-height:120px;background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #0f172a);transition:all .2s ease;line-height:1.6}.action-scenes-generation-form__prompt::placeholder{color:var(--color-text-tertiary, #64748b);opacity:.7}.action-scenes-generation-form__prompt:focus{outline:none;border-color:var(--color-accent, #6366f1);box-shadow:0 0 0 3px var(--color-accent-bg, rgba(99, 102, 241, .1));background:var(--color-bg-primary, #ffffff)}.action-scenes-generation-form__prompt:hover:not(:focus){border-color:var(--color-border-strong, rgba(15, 23, 42, .2))}.action-scenes-generation-form__options-container{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem;background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, rgba(15, 23, 42, .1));border-radius:.625rem}.action-scenes-generation-form__options-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.action-scenes-generation-form__option{display:flex;flex-direction:column;gap:.5rem}.action-scenes-generation-form__option-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #0f172a)}.action-scenes-generation-form__option-icon{width:16px;height:16px;color:var(--color-accent, #6366f1);flex-shrink:0;opacity:.8}.action-scenes-generation-form__select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1.5px solid var(--color-border, rgba(15, 23, 42, .1));border-radius:.5rem;font-size:.9375rem;font-family:inherit;background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #0f172a);cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236366f1' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.action-scenes-generation-form__select:hover{border-color:var(--color-border-strong, rgba(15, 23, 42, .2));background-color:var(--color-bg-secondary, #f8fafc)}.action-scenes-generation-form__select:focus{outline:none;border-color:var(--color-accent, #6366f1);box-shadow:0 0 0 3px var(--color-accent-bg, rgba(99, 102, 241, .1));background-color:var(--color-bg-primary, #ffffff)}.action-scenes-generation-form__info-badge,.action-scenes-generation-form__references-badge{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-bg-tertiary, #f1f5f9);border:1px solid var(--color-border, rgba(15, 23, 42, .1));border-radius:.5rem;font-size:.875rem;color:var(--color-text-secondary, #475569);transition:all .2s ease}.action-scenes-generation-form__info-badge:hover,.action-scenes-generation-form__references-badge:hover{background:var(--color-accent-bg, rgba(99, 102, 241, .1));border-color:var(--color-accent, #6366f1)}.action-scenes-generation-form__info-icon,.action-scenes-generation-form__references-icon{width:18px;height:18px;color:var(--color-accent, #6366f1);flex-shrink:0}.action-scenes-generation-form__info-text,.action-scenes-generation-form__references-text{flex:1;line-height:1.5}.action-scenes-generation-form__info-text strong{color:var(--color-text-primary, #0f172a);font-weight:600}.action-scenes-generation-form__error{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ef44441a;border:1.5px solid var(--color-error, #ef4444);border-radius:.5rem;color:var(--color-error, #ef4444);font-size:.875rem;line-height:1.6;animation:slideIn .3s ease-out}.action-scenes-generation-form__error-icon{width:20px;height:20px;flex-shrink:0;margin-top:.125rem}.action-scenes-generation-form__error-content{flex:1;white-space:pre-wrap;word-break:break-word}.action-scenes-generation-form__submit-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--color-accent, #6366f1),var(--color-accent-light, #818cf8));color:var(--color-bg-primary, #ffffff);border:none;border-radius:.625rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));position:relative;overflow:hidden}.action-scenes-generation-form__submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.action-scenes-generation-form__submit-button:hover:not(:disabled):before{left:100%}.action-scenes-generation-form__submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));background:linear-gradient(135deg,var(--color-accent-light, #818cf8),var(--color-accent, #6366f1))}.action-scenes-generation-form__submit-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.action-scenes-generation-form__submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:var(--color-bg-tertiary, #f1f5f9);color:var(--color-text-tertiary, #64748b);box-shadow:none}.action-scenes-generation-form__submit-button:disabled:before{display:none}.action-scenes-generation-form__submit-icon{width:20px;height:20px;flex-shrink:0}.action-scenes-generation-form__spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.action-scenes-generation-form{padding:1.5rem;gap:1.5rem}.action-scenes-generation-form__options-container{padding:1rem;gap:1rem}.action-scenes-generation-form__options-row{grid-template-columns:1fr;gap:1rem}.action-scenes-generation-form__submit-button{padding:.875rem 1.5rem;font-size:.9375rem}.action-scenes-generation-form__prompt{min-height:100px}}.action-scenes-generation-form__advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;border:1px solid var(--color-border, rgba(15, 23, 42, .1));border-radius:.5rem;background:var(--color-bg-secondary, #f8fafc);color:var(--color-text-primary, #0f172a);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-scenes-generation-form__advanced-toggle:hover{background:var(--color-bg-tertiary, #f1f5f9);border-color:var(--color-accent, #6366f1)}.action-scenes-generation-form__advanced-toggle svg{width:18px;height:18px;transition:transform .2s ease}.action-scenes-generation-form__advanced-content{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border, rgba(15, 23, 42, .1))}@media(max-width:480px){.action-scenes-generation-form{padding:1.25rem;gap:1.25rem}.action-scenes-generation-form__options-container{padding:.875rem}.action-scenes-generation-form__label,.action-scenes-generation-form__section-label{font-size:.875rem}.action-scenes-generation-form__prompt,.action-scenes-generation-form__select{font-size:.875rem;padding:.75rem}}.character-images-tab{display:flex;flex-direction:column;gap:2rem}.character-images-tab__search-wrapper{position:relative;display:flex;align-items:center;margin-bottom:.5rem}.character-images-tab__search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #9ca3af);pointer-events:none;z-index:1}.character-images-tab__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #ffffff);color:var(--text-primary, #1a1a1a);border-radius:.625rem;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.character-images-tab__search-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);background:var(--bg-secondary, #f9fafb);box-shadow:0 0 0 3px #3b82f61a}.character-images-tab__search-wrapper:focus-within .character-images-tab__search-icon{color:var(--primary-color, #3b82f6)}.character-images-tab__search-input::placeholder{color:var(--text-secondary, #6b7280)}.character-images-tab__group{display:flex;flex-direction:column;gap:1rem}.character-images-tab__group-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.character-images-tab__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.character-images-tab__image-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-color, #e5e7eb)}.character-images-tab__image-item--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.character-images-tab__image-item--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.character-images-tab__image-wrapper{position:relative;width:100%;height:100%}.character-images-tab__image{width:100%;height:100%;object-fit:cover;display:block}.character-images-tab__main-badge{position:absolute;top:.25rem;right:.25rem;background:#3b82f6e6;color:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.character-images-tab__main-badge svg{width:12px;height:12px}.character-images-tab__image-title{position:absolute;bottom:0;left:0;right:0;margin:0;padding:.25rem .5rem;background:#000000b3;color:#fff;font-size:.75rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.character-images-tab__empty{text-align:center;padding:2rem;color:var(--text-secondary, #6b7280)}@media(max-width:768px){.character-images-tab__grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}}.scene-images-tab{display:flex;flex-direction:column;gap:2rem}.scene-images-tab__search-wrapper{position:relative;display:flex;align-items:center;margin-bottom:.5rem}.scene-images-tab__search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #9ca3af);pointer-events:none;z-index:1}.scene-images-tab__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #ffffff);color:var(--text-primary, #1a1a1a);border-radius:.625rem;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.scene-images-tab__search-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);background:var(--bg-secondary, #f9fafb);box-shadow:0 0 0 3px #3b82f61a}.scene-images-tab__search-wrapper:focus-within .scene-images-tab__search-icon{color:var(--primary-color, #3b82f6)}.scene-images-tab__search-input::placeholder{color:var(--text-secondary, #6b7280)}.scene-images-tab__group{display:flex;flex-direction:column;gap:1rem}.scene-images-tab__group-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.scene-images-tab__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.scene-images-tab__image-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-color, #e5e7eb)}.scene-images-tab__image-item--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.scene-images-tab__image-item--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.scene-images-tab__image-wrapper{position:relative;width:100%;height:100%}.scene-images-tab__image{width:100%;height:100%;object-fit:cover;display:block}.scene-images-tab__main-badge{position:absolute;top:.25rem;right:.25rem;background:#3b82f6e6;color:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.scene-images-tab__main-badge svg{width:12px;height:12px}.scene-images-tab__image-title{position:absolute;bottom:0;left:0;right:0;margin:0;padding:.25rem .5rem;background:#000000b3;color:#fff;font-size:.75rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.scene-images-tab__empty{text-align:center;padding:2rem;color:var(--text-secondary, #6b7280)}@media(max-width:768px){.scene-images-tab__grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}}.image-generations-tab{width:100%}.image-generations-tab__search-wrapper{position:relative;display:flex;align-items:center;margin-bottom:1rem}.image-generations-tab__search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #9ca3af);pointer-events:none;z-index:1}.image-generations-tab__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #ffffff);color:var(--text-primary, #1a1a1a);border-radius:.625rem;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.image-generations-tab__search-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);background:var(--bg-secondary, #f9fafb);box-shadow:0 0 0 3px #3b82f61a}.image-generations-tab__search-wrapper:focus-within .image-generations-tab__search-icon{color:var(--primary-color, #3b82f6)}.image-generations-tab__search-input::placeholder{color:var(--text-secondary, #6b7280)}.image-generations-tab__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.image-generations-tab__item{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.image-generations-tab__item--clickable{cursor:pointer}.image-generations-tab__item--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.image-generations-tab__image-wrapper{position:relative;width:100%;aspect-ratio:1;background:var(--bg-secondary, #f3f4f6);overflow:hidden}.image-generations-tab__image{width:100%;height:100%;object-fit:cover;display:block}.image-generations-tab__content{padding:.75rem}.image-generations-tab__prompt{margin:0 0 .5rem;font-size:.875rem;color:var(--text-primary, #1a1a1a);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.image-generations-tab__meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary, #6b7280)}.image-generations-tab__date{font-size:.75rem}.image-generations-tab__tokens{font-size:.75rem;font-weight:500}.image-generations-tab__empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #6b7280)}.image-generations-tab__empty svg{margin:0 auto 1rem;color:var(--text-tertiary, #9ca3af)}.image-generations-tab__empty p{margin:0;font-size:.875rem}@media(max-width:768px){.image-generations-tab__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.image-generations-tab__content{padding:.5rem}}.elements-tab{display:flex;flex-direction:column;gap:2rem}.elements-tab__search-wrapper{position:relative;display:flex;align-items:center;margin-bottom:.5rem}.elements-tab__search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #9ca3af);pointer-events:none;z-index:1}.elements-tab__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #ffffff);color:var(--text-primary, #1a1a1a);border-radius:.625rem;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.elements-tab__search-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);background:var(--bg-secondary, #f9fafb);box-shadow:0 0 0 3px #3b82f61a}.elements-tab__search-wrapper:focus-within .elements-tab__search-icon{color:var(--primary-color, #3b82f6)}.elements-tab__search-input::placeholder{color:var(--text-secondary, #6b7280)}.elements-tab__group{display:flex;flex-direction:column;gap:1rem}.elements-tab__group-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.elements-tab__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.elements-tab__image-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-color, #e5e7eb)}.elements-tab__image-item--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.elements-tab__image-item--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.elements-tab__image-wrapper{position:relative;width:100%;height:100%}.elements-tab__image{width:100%;height:100%;object-fit:cover;display:block}.elements-tab__image-title{position:absolute;bottom:0;left:0;right:0;margin:0;padding:.25rem .5rem;background:#000000b3;color:#fff;font-size:.75rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.elements-tab__empty{text-align:center;padding:2rem;color:var(--text-secondary, #6b7280)}@media(max-width:768px){.elements-tab__grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}}.action-scenes-side-panel{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, rgba(15, 23, 42, .1));border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));transition:all .3s ease}.action-scenes-side-panel__toggle{position:absolute;left:-40px;top:50%;transform:translateY(-50%);z-index:10;background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, rgba(15, 23, 42, .1));border-right:none;border-radius:.5rem 0 0 .5rem;padding:.75rem .5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary, #0f172a);transition:all .2s ease;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.action-scenes-side-panel__toggle:hover{background:var(--color-bg-secondary, #f8fafc);border-color:var(--color-accent, #6366f1);color:var(--color-accent, #6366f1)}.action-scenes-side-panel__tabs{display:flex;border-bottom:1px solid var(--color-border, rgba(15, 23, 42, .1));background:var(--color-bg-secondary, #f8fafc);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.action-scenes-side-panel__tabs::-webkit-scrollbar{display:none}.action-scenes-side-panel__tab{flex:1;min-width:fit-content;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #475569);transition:all .2s ease;white-space:nowrap}.action-scenes-side-panel__tab:hover{color:var(--color-text-primary, #0f172a);background:var(--color-bg-primary, #ffffff)}.action-scenes-side-panel__tab--active{color:var(--color-accent, #6366f1);border-bottom-color:var(--color-accent, #6366f1);background:var(--color-bg-primary, #ffffff)}.action-scenes-side-panel__content{flex:1;overflow-y:auto;padding:1rem;min-height:0}@media(min-width:768px)and (max-width:1024px){.action-scenes-side-panel__toggle{left:-35px;padding:.625rem .375rem}.action-scenes-side-panel__tab{padding:.625rem .875rem;font-size:.8125rem}.action-scenes-side-panel__content{padding:.875rem}}.references-drop-zone{width:100%}.references-drop-zone__area{min-height:200px;border:2px dashed var(--color-border, rgba(15, 23, 42, .1));border-radius:.5rem;padding:1.5rem;background:var(--color-bg-primary, #ffffff);transition:all .2s ease}.references-drop-zone__area--empty{display:flex;align-items:center;justify-content:center;flex-direction:column}.references-drop-zone__area--dragging{border-color:var(--color-accent, #6366f1);background:var(--color-accent-bg, rgba(99, 102, 241, .1));border-style:solid;box-shadow:0 0 0 3px var(--color-accent-bg, rgba(99, 102, 241, .1))}.references-drop-zone__empty{text-align:center;color:var(--color-text-secondary, #475569)}.references-drop-zone__empty svg{margin:0 auto 1rem;color:var(--color-text-tertiary, #64748b)}.references-drop-zone__empty p{margin:0;font-size:.875rem;line-height:1.5}.references-drop-zone__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.references-drop-zone__item-wrapper{display:flex;flex-direction:column;gap:.5rem}.references-drop-zone__item{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;background:var(--color-bg-secondary, #f8fafc);border:1px solid var(--color-border, rgba(15, 23, 42, .1));cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.references-drop-zone__item-wrapper:hover .references-drop-zone__item{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));border-color:var(--color-accent, #6366f1)}.references-drop-zone__item-name{font-size:.8125rem;font-weight:500;color:var(--color-text-primary, #0f172a);line-height:1.4;text-align:center;padding:0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}.references-drop-zone__item-wrapper:hover .references-drop-zone__item-name{color:var(--color-accent, #6366f1)}.references-drop-zone__item:hover .references-drop-zone__overlay{opacity:1}.references-drop-zone__thumbnail{width:100%;height:100%;object-fit:cover;display:block}.references-drop-zone__overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .2s ease}.references-drop-zone__type-badge{background:var(--color-accent, #6366f1);color:var(--color-bg-primary, #ffffff);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.references-drop-zone__remove-button{position:absolute;top:.5rem;right:.5rem;z-index:10;background:var(--color-error, #ef4444);border:2px solid var(--color-bg-primary, #ffffff);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-bg-primary, #ffffff);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .15));opacity:.85;transform:scale(1)}.references-drop-zone__remove-button:hover{background:var(--color-error, #ef4444);transform:scale(1.15);box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .25));opacity:1;border-color:var(--color-bg-primary, #ffffff)}.references-drop-zone__remove-button:active{transform:scale(1);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .1))}.references-drop-zone__remove-button:focus{outline:2px solid var(--color-accent, #6366f1);outline-offset:2px}.references-drop-zone__remove-button svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));transition:transform .2s ease}.references-drop-zone__remove-button:hover svg{transform:rotate(90deg)}.references-drop-zone__actions{margin-top:1rem;display:flex;justify-content:flex-end}.references-drop-zone__clear-button{background:transparent;border:1px solid var(--color-border, rgba(15, 23, 42, .1));color:var(--color-text-secondary, #475569);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.references-drop-zone__clear-button:hover{background:var(--color-bg-secondary, #f8fafc);border-color:var(--color-accent, #6366f1);color:var(--color-accent, #6366f1)}@media(min-width:768px)and (max-width:1024px){.references-drop-zone__area{min-height:180px;padding:1.25rem}.references-drop-zone__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.875rem}.references-drop-zone__item-wrapper{gap:.4375rem}.references-drop-zone__item-name{font-size:.75rem;padding:0 .1875rem}}@media(max-width:767px){.references-drop-zone__area{min-height:150px;padding:1rem}.references-drop-zone__grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.references-drop-zone__item-wrapper{gap:.375rem}.references-drop-zone__item-name{font-size:.6875rem;padding:0 .125rem;line-height:1.3}.references-drop-zone__empty svg{width:40px;height:40px;margin-bottom:.75rem}.references-drop-zone__empty p{font-size:.8125rem}.references-drop-zone__remove-button{width:24px;height:24px;top:.375rem;right:.375rem;border-width:1.5px}.references-drop-zone__remove-button svg{width:12px;height:12px}}.reference-validation-modal{display:flex;flex-direction:column;gap:1.5rem}.reference-validation-modal__message{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--color-accent-bg, rgba(59, 130, 246, .1));border-radius:.5rem;border:1px solid var(--color-accent, rgba(59, 130, 246, .2))}.reference-validation-modal__icon{flex-shrink:0;color:var(--color-accent, #3b82f6);margin-top:.125rem}.reference-validation-modal__message p{margin:0;color:var(--color-text-primary);line-height:1.5}.reference-validation-modal__actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.reference-validation-modal__button{padding:.625rem 1.25rem;border-radius:.5rem;border:1px solid transparent;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:6rem}.reference-validation-modal__button--replace{background:var(--color-accent, #3b82f6);color:#fff;border-color:var(--color-accent, #3b82f6)}.reference-validation-modal__button--replace:hover{background:var(--color-accent-hover, #2563eb);border-color:var(--color-accent-hover, #2563eb)}.reference-validation-modal__button--ignore{background:var(--color-bg-secondary, #f3f4f6);color:var(--color-text-primary);border-color:var(--color-border, #e5e7eb)}.reference-validation-modal__button--ignore:hover{background:var(--color-bg-tertiary, #e5e7eb);border-color:var(--color-border-hover, #d1d5db)}.reference-validation-modal__button--cancel{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border, #e5e7eb)}.reference-validation-modal__button--cancel:hover{background:var(--color-bg-secondary, #f3f4f6);color:var(--color-text-primary);border-color:var(--color-border-hover, #d1d5db)}@media(max-width:767px){.reference-validation-modal__actions{flex-direction:column}.reference-validation-modal__button{width:100%}}.action-scenes-page{display:flex;flex-direction:column;gap:1.5rem;height:100%;position:relative;padding:1rem}.action-scenes-page__references{width:100%;background:var(--color-bg-secondary, #f8fafc);border-radius:.75rem;padding:1.5rem;border:1px solid var(--color-border, rgba(15, 23, 42, .1));box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.action-scenes-page__references-header{margin-bottom:1rem}.action-scenes-page__references-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #0f172a);margin:0 0 .5rem}.action-scenes-page__references-header h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #0f172a);margin:0}.action-scenes-page__content{display:grid;grid-template-columns:400px 1fr;gap:1.5rem;flex:1;min-height:0}.action-scenes-page__sidebar{overflow:hidden}.action-scenes-page__main-form{overflow-y:auto;min-width:0;position:relative}.action-scenes-page__mobile-button{display:none}@media(min-width:768px)and (max-width:1024px){.action-scenes-page{padding:1rem;gap:1.25rem}.action-scenes-page__content{grid-template-columns:320px 1fr;gap:1.25rem}.action-scenes-page__references{padding:1.25rem}.action-scenes-page__references-header h2{font-size:1.375rem}.action-scenes-page__references-header h3{font-size:1rem}}@media(max-width:767px){.action-scenes-page{padding:.75rem;gap:1rem}.action-scenes-page__content{grid-template-columns:1fr;gap:1rem}.action-scenes-page__references{padding:1rem}.action-scenes-page__references-header h2{font-size:1.25rem}.action-scenes-page__references-header h3{font-size:.9375rem}.action-scenes-page__sidebar{order:2}.action-scenes-page__main-form{order:3}.action-scenes-page__mobile-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-accent, #6366f1) 0%,var(--color-info, #3b82f6) 100%);border:none;border-radius:.75rem;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6366f14d,0 2px 4px #6366f133;position:relative;overflow:hidden}.action-scenes-page__mobile-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.action-scenes-page__mobile-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166,0 4px 8px #6366f14d;background:linear-gradient(135deg,var(--color-accent-hover, #818cf8) 0%,var(--color-info-hover, #60a5fa) 100%)}.action-scenes-page__mobile-button:hover:before{left:100%}.action-scenes-page__mobile-button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #6366f14d}.action-scenes-page__mobile-button svg{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}}.generation-card{background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.75rem;overflow:hidden;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column}.generation-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-border-hover, #d1d5db)}.generation-card--selected{border-color:var(--color-accent, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.generation-card:focus{outline:none;border-color:var(--color-accent, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.generation-card__image-wrapper{position:relative;width:100%;aspect-ratio:1;background:var(--color-bg-secondary, #f3f4f6);overflow:hidden}.generation-card__image{width:100%;height:100%;object-fit:cover;display:block}.generation-card__placeholder{width:100%;aspect-ratio:1;background:var(--color-bg-secondary, #f3f4f6);display:flex;align-items:center;justify-content:center;position:relative;color:var(--color-text-tertiary, #9ca3af)}.generation-card__status{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;color:var(--color-text-primary, #1a1a1a);display:flex;align-items:center;gap:.25rem}.generation-card__status--completed{background:#22c55e1a;color:#16a34a}.generation-card__status--failed{background:#ef44441a;color:#dc2626}.generation-card__status--processing{background:#3b82f61a;color:#2563eb}.generation-card__status--pending{background:#9ca3af1a;color:#6b7280}.generation-card__content{padding:.75rem;flex:1;display:flex;flex-direction:column}.generation-card__prompt{margin:0 0 .5rem;font-size:.875rem;color:var(--color-text-primary, #1a1a1a);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.generation-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-text-secondary, #6b7280);margin-top:auto}.generation-card__date{font-size:.75rem}.generation-card__tokens{font-size:.75rem;font-weight:500;color:var(--color-accent, #3b82f6)}@media(max-width:768px){.generation-card__content{padding:.5rem}.generation-card__prompt{font-size:.8125rem}}.generation-side-panel{position:relative;width:400px;min-width:400px;background:var(--color-bg-secondary, #ffffff);border-left:1px solid var(--color-border, #e5e7eb);overflow:hidden;display:flex;flex-direction:column}.generation-side-panel__content{height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:0}.generation-side-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-bg-tertiary, #f9fafb);position:sticky;top:0;z-index:10}.generation-side-panel__header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #1a1a1a)}.generation-side-panel__close{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--color-text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s ease}.generation-side-panel__close:hover{background:var(--color-bg-secondary, #ffffff);color:var(--color-text-primary, #1a1a1a)}.generation-side-panel__body{flex:1;padding:1.5rem;overflow-y:auto}.generation-side-panel__section{margin-bottom:1.5rem}.generation-side-panel__section:last-child{margin-bottom:0}.generation-side-panel__section--actions{padding-top:1rem;border-top:1px solid var(--color-border, #e5e7eb)}.generation-side-panel__label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #6b7280);margin-bottom:.5rem}.generation-side-panel__status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;background:var(--color-bg-tertiary, #f9fafb);color:var(--color-text-primary, #1a1a1a)}.generation-side-panel__status-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-text-secondary, #6b7280)}.generation-side-panel__status--completed .generation-side-panel__status-indicator{background:#16a34a}.generation-side-panel__status--failed .generation-side-panel__status-indicator{background:#dc2626}.generation-side-panel__status--processing .generation-side-panel__status-indicator{background:#2563eb}.generation-side-panel__status--pending .generation-side-panel__status-indicator{background:#6b7280}.generation-side-panel__progress{margin-top:.75rem}.generation-side-panel__progress-bar{width:100%;height:8px;background:var(--color-bg-tertiary, #f3f4f6);border-radius:4px;overflow:hidden}.generation-side-panel__progress-fill{height:100%;background:var(--color-accent, #3b82f6);transition:width .3s ease}.generation-side-panel__progress-text{display:block;margin-top:.5rem;font-size:.75rem;color:var(--color-text-secondary, #6b7280);text-align:right}.generation-side-panel__image-wrapper{width:100%;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border, #e5e7eb)}.generation-side-panel__image{width:100%;height:auto;display:block}.generation-side-panel__prompt{margin:0;padding:.75rem;background:var(--color-bg-tertiary, #f9fafb);border-radius:.5rem;font-size:.875rem;color:var(--color-text-primary, #1a1a1a);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.generation-side-panel__metadata{margin:0;padding:0;list-style:none}.generation-side-panel__metadata-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-border, #e5e7eb)}.generation-side-panel__metadata-item:last-child{border-bottom:none}.generation-side-panel__metadata-item dt{font-size:.875rem;color:var(--color-text-secondary, #6b7280);font-weight:500}.generation-side-panel__metadata-item dd{margin:0;font-size:.875rem;color:var(--color-text-primary, #1a1a1a);text-align:right;word-break:break-all}.generation-side-panel__error{margin:0;padding:.75rem;background:#ef44441a;border-radius:.5rem;font-size:.875rem;color:#dc2626;line-height:1.5}.generation-side-panel__action-button{width:100%;padding:.75rem 1rem;margin-bottom:.5rem;border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.generation-side-panel__action-button:last-child{margin-bottom:0}.generation-side-panel__action-button--primary{background:var(--color-accent, #3b82f6);border-color:var(--color-accent, #3b82f6);color:#fff}.generation-side-panel__action-button--primary:hover:not(:disabled){background:var(--color-accent-hover, #2563eb);border-color:var(--color-accent-hover, #2563eb)}.generation-side-panel__action-button--secondary{background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #1a1a1a)}.generation-side-panel__action-button--secondary:hover:not(:disabled){background:var(--color-bg-tertiary, #f9fafb);border-color:var(--color-border-hover, #d1d5db)}.generation-side-panel__action-button--danger{background:#fff;border-color:#dc2626;color:#dc2626}.generation-side-panel__action-button--danger:hover:not(:disabled){background:#dc2626;color:#fff}.generation-side-panel__action-button:disabled{opacity:.5;cursor:not-allowed}.generation-side-panel__delete-confirm{padding:1rem 0}.generation-side-panel__delete-message{margin:0 0 1.5rem;font-size:.875rem;color:var(--color-text-primary, #1a1a1a);line-height:1.5}.generation-side-panel__delete-actions{display:flex;gap:.75rem;justify-content:flex-end}.generation-side-panel__assign-form{padding:1rem 0}.generation-side-panel__form-group{margin-bottom:1.25rem}.generation-side-panel__form-group:last-child{margin-bottom:0}.generation-side-panel__form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #1a1a1a);margin-bottom:.5rem}.generation-side-panel__form-select,.generation-side-panel__form-input{width:100%;padding:.75rem;border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;font-size:.875rem;background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #1a1a1a);transition:all .2s ease}.generation-side-panel__form-select:focus,.generation-side-panel__form-input:focus{outline:none;border-color:var(--color-accent, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.generation-side-panel__form-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-primary, #1a1a1a);cursor:pointer}.generation-side-panel__form-checkbox input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.generation-side-panel__assign-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border, #e5e7eb)}.generation-side-panel__assign-actions .generation-side-panel__action-button{width:auto;min-width:100px;margin-bottom:0}@media(max-width:768px){.generation-side-panel--expanded{width:100%;position:fixed;top:0;right:0;bottom:0;z-index:1000;box-shadow:-2px 0 8px #0000001a}.generation-side-panel__body,.generation-side-panel__header{padding:1rem}}.generations-page{display:flex;flex-direction:column;height:100%;position:relative}.generations-page__body{display:flex;flex:1;min-height:0}.generations-page__main{flex:1;min-width:0;overflow-y:auto;padding:0 1.5rem 1.5rem;display:flex;flex-direction:column}.generations-page__header{padding:1.5rem 1.5rem 0;margin-bottom:1.5rem}.generations-page__header h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #1a1a1a)}.generations-page__controls{display:flex;flex-direction:column;gap:1rem}.generations-page__search-wrapper{position:relative;display:flex;align-items:center}.generations-page__search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary, #9ca3af);pointer-events:none;z-index:1}.generations-page__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--color-border, #e5e7eb);background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #1a1a1a);border-radius:.625rem;font-size:.875rem;transition:all .2s ease}.generations-page__search-input:focus{outline:none;border-color:var(--color-accent, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.generations-page__search-wrapper:focus-within .generations-page__search-icon{color:var(--color-accent, #3b82f6)}.generations-page__sort{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.generations-page__sort-label{font-size:.875rem;color:var(--color-text-secondary, #6b7280);font-weight:500}.generations-page__sort-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.generations-page__sort-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border, #e5e7eb);background:var(--color-bg-primary, #ffffff);color:var(--color-text-secondary, #6b7280);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.generations-page__sort-button:hover{background:var(--color-bg-secondary, #f9fafb);border-color:var(--color-border-hover, #d1d5db);color:var(--color-text-primary, #1a1a1a)}.generations-page__sort-button--active{background:var(--color-accent, #3b82f6);border-color:var(--color-accent, #3b82f6);color:#fff}.generations-page__sort-button--active:hover{background:var(--color-accent-hover, #2563eb);border-color:var(--color-accent-hover, #2563eb)}.generations-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.generations-page__empty{text-align:center;padding:4rem 1rem;color:var(--color-text-secondary, #6b7280)}.generations-page__empty svg{margin:0 auto 1rem;color:var(--color-text-tertiary, #9ca3af)}.generations-page__empty p{margin:0;font-size:1rem}@media(max-width:768px){.generations-page,.generations-page__body{flex-direction:column}.generations-page__main{padding:0 1rem 1rem}.generations-page__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.generations-page__controls{gap:.75rem}.generations-page__sort{flex-direction:column;align-items:flex-start}.generations-page__sort-buttons{width:100%;flex-wrap:wrap}.generations-page__sort-button{flex:1;min-width:calc(50% - .25rem)}}.upload-manager{width:100%}.upload-manager__header{margin-bottom:2.5rem}.upload-manager__header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.upload-manager__subtitle{margin:0;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5}.upload-manager__upload-section{padding:2rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;margin-bottom:2.5rem;box-shadow:0 1px 3px #0000000d}.upload-manager__upload-header{margin-bottom:1.5rem}.upload-manager__upload-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.upload-manager__form{display:flex;flex-direction:column;gap:1.25rem}.upload-manager__file-input-wrapper{display:flex;flex-direction:column;gap:.75rem}.upload-manager__file-label{display:block;cursor:pointer;transition:all .2s ease}.upload-manager__file-label-content{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1.5rem;border:2px dashed var(--color-border);border-radius:.75rem;background:var(--color-bg-primary);color:var(--color-text-secondary);transition:all .2s ease}.upload-manager__file-label:hover .upload-manager__file-label-content{border-color:var(--color-accent);background:var(--color-accent-bg);color:var(--color-accent)}.upload-manager__file-label-content svg{flex-shrink:0}.upload-manager__file-label-content span{font-size:.9375rem;font-weight:500}.upload-manager__file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.upload-manager__file-preview{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;font-size:.875rem;color:var(--color-text-primary)}.upload-manager__file-preview svg{flex-shrink:0;color:var(--color-accent)}.upload-manager__file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.upload-manager__file-remove{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:.375rem;transition:all .2s ease;flex-shrink:0}.upload-manager__file-remove:hover{background:var(--color-bg-tertiary);color:var(--color-error)}.upload-manager__error{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ef44441a;border:1px solid var(--color-error);border-radius:.5rem;color:var(--color-error);font-size:.875rem}.upload-manager__error svg{flex-shrink:0}.upload-manager__upload-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:1px solid var(--color-accent);border-radius:.5rem;background:var(--color-accent);color:var(--color-bg-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.upload-manager__upload-button:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.upload-manager__upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-manager__upload-button svg{flex-shrink:0}.upload-manager__spinner{animation:spin 1s linear infinite}.upload-manager__list-section{margin-top:2.5rem}.upload-manager__list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.upload-manager__list-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.upload-manager__count{font-size:.875rem;color:var(--color-text-tertiary);font-weight:500}.upload-manager__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem}.upload-manager__empty svg{color:var(--color-text-tertiary)}.upload-manager__empty p{margin:0;font-size:1rem;color:var(--color-text-secondary)}.upload-manager__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.upload-manager__item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.upload-manager__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.upload-manager__image-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-bg-tertiary);cursor:pointer}.upload-manager__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.upload-manager__item:hover .upload-manager__image{transform:scale(1.05)}.upload-manager__image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .3s ease;pointer-events:none}.upload-manager__image-container:hover .upload-manager__image-overlay{opacity:1}.upload-manager__image-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.upload-manager__item-info{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.upload-manager__item-meta{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.upload-manager__item-meta svg{flex-shrink:0;color:var(--color-text-tertiary)}.upload-manager__item-date{margin:0;font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-manager__delete-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-error);border-radius:.5rem;background:transparent;color:var(--color-error);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.upload-manager__delete-button:hover{background:#ef44441a;border-color:var(--color-error)}.upload-manager__delete-button svg{flex-shrink:0}.upload-manager__delete-button span{display:none}@media(max-width:768px){.upload-manager__header h2{font-size:1.5rem}.upload-manager__upload-section{padding:1.5rem}.upload-manager__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.upload-manager__item-info{flex-direction:column;align-items:stretch;gap:.75rem}.upload-manager__delete-button{width:100%;justify-content:center}.upload-manager__delete-button span{display:inline}}@media(max-width:480px){.upload-manager__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.layer-panel{display:flex;flex-direction:column;height:100%}.layer-panel__empty{color:var(--color-text-secondary);text-align:center;padding:2rem 0;font-size:.875rem}.layer-panel__list{display:flex;flex-direction:column;gap:.5rem}.layer-panel__item{padding:.75rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.layer-panel__item:hover{background:var(--color-bg-primary);border-color:var(--color-accent)}.layer-panel__item--selected{background:var(--color-bg-primary);border-color:var(--color-accent);box-shadow:0 0 0 2px #0096ff33}.layer-panel__item-content{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.layer-panel__item-info{flex:1;min-width:0}.layer-panel__item-name{font-weight:500;color:var(--color-text-primary);font-size:.875rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-panel__item-type{font-size:.75rem;color:var(--color-text-secondary)}.layer-panel__item-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.layer-panel__control-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.layer-panel__control-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent)}.layer-panel__control-button--visible{color:var(--color-accent);border-color:var(--color-accent)}.layer-panel__control-button--locked{color:var(--color-text-primary)}.editor-side-panel{position:relative;width:0;transition:width .3s ease;overflow:visible;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;display:flex;flex-direction:column}.editor-side-panel--expanded{width:350px;min-width:350px;height:100%;overflow:hidden}.editor-side-panel__toggle{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:40px;height:60px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:none;border-radius:0 .75rem .75rem 0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-primary);transition:all .2s ease;z-index:10}.editor-side-panel__toggle:hover{background:var(--color-bg-tertiary);color:var(--color-accent)}.editor-side-panel--expanded .editor-side-panel__toggle{right:0;border-radius:.75rem 0 0 .75rem;border-left:1px solid var(--color-border);border-right:none}.editor-side-panel__tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);position:sticky;top:0;z-index:10;flex-shrink:0}.editor-side-panel__tab{flex:1;padding:.875rem 1rem;border:none;background:transparent;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.editor-side-panel__tab:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.editor-side-panel__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent);background:var(--color-bg-secondary)}.editor-side-panel__content{flex:1;padding:1.5rem;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.editor-side-panel__content::-webkit-scrollbar{display:none}.editor-side-panel__title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.editor-side-panel__projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.75rem}.editor-side-panel__projects-header .editor-side-panel__title{margin:0;flex:1}.editor-side-panel__create-project-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-accent);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.editor-side-panel__create-project-button:hover{background:var(--color-accent-hover, var(--color-accent));transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.editor-side-panel__create-project-button:active{transform:translateY(0)}.editor-side-panel__create-project-button svg{flex-shrink:0}.editor-side-panel__projects-list{display:flex;flex-direction:column;gap:.75rem}.editor-side-panel__project-item{padding:.875rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.editor-side-panel__project-item:hover{background:var(--color-bg-primary);border-color:var(--color-accent)}.editor-side-panel__project-name{font-weight:500;color:var(--color-text-primary);margin-bottom:.25rem}.editor-side-panel__project-meta{font-size:.875rem;color:var(--color-text-secondary)}.editor-side-panel__empty,.editor-side-panel__placeholder{color:var(--color-text-secondary);text-align:center;padding:2rem 0}.editor-side-panel__tools{display:flex;flex-direction:column;gap:1.25rem}.editor-side-panel__tools-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.editor-side-panel__export-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-accent);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.editor-side-panel__export-button:hover{background:var(--color-accent-hover, var(--color-accent));transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.editor-side-panel__tool-section{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;transition:all .2s ease}.editor-side-panel__tool-section:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #0000000d}.editor-side-panel__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.editor-side-panel__section-title{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0;letter-spacing:.01em}.editor-side-panel__selection-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:var(--color-accent);color:var(--color-text-on-accent, #ffffff);border-radius:12px;font-size:.75rem;font-weight:600;line-height:1}.editor-side-panel__layer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.editor-side-panel__flip-buttons,.editor-side-panel__lock-buttons{display:flex;flex-direction:column;gap:.625rem}.editor-side-panel__tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:.625rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;min-height:80px;box-shadow:0 1px 2px #0000000d}.editor-side-panel__tool-button:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.editor-side-panel__tool-button:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 1px 2px #0000001a}.editor-side-panel__tool-button:disabled{opacity:.4;cursor:not-allowed;background:var(--color-bg-tertiary)}.editor-side-panel__tool-button svg{flex-shrink:0;transition:transform .2s ease}.editor-side-panel__tool-button:hover:not(:disabled) svg{transform:scale(1.1)}.editor-side-panel__tool-button-label{font-size:.75rem;line-height:1.3;text-align:center}.editor-side-panel__tool-button--wide{flex-direction:row;justify-content:flex-start;min-height:44px;padding:.75rem 1rem}.editor-side-panel__tool-button--wide .editor-side-panel__tool-button-label{font-size:.8125rem}.editor-side-panel__color-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem}.editor-side-panel__color-preview-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.editor-side-panel__color-preview{width:48px;height:48px;border:2px solid var(--color-border);border-radius:.625rem;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.editor-side-panel__color-picker{position:absolute;top:0;left:0;width:48px;height:48px;border:none;border-radius:.625rem;cursor:pointer;background:transparent;padding:0;opacity:0;z-index:1}.editor-side-panel__color-picker:hover+.editor-side-panel__color-preview,.editor-side-panel__color-preview-wrapper:hover .editor-side-panel__color-preview{border-color:var(--color-accent);box-shadow:0 4px 8px #00000026}.editor-side-panel__color-picker::-webkit-color-swatch-wrapper{padding:0}.editor-side-panel__color-picker::-webkit-color-swatch{border:none;border-radius:.5rem}.editor-side-panel__color-input{flex:1;padding:.75rem 1rem;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:.625rem;font-size:.875rem;font-family:Courier New,monospace;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.editor-side-panel__color-input:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-secondary);box-shadow:0 0 0 3px #0096ff1a}.editor-side-panel__color-presets{display:flex;flex-wrap:wrap;gap:.5rem}.editor-side-panel__color-preset{width:32px;height:32px;border:2px solid var(--color-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000001a;padding:0}.editor-side-panel__color-preset:hover{border-color:var(--color-accent);transform:scale(1.1);box-shadow:0 2px 4px #00000026}.editor-side-panel__color-preset:active{transform:scale(.95)}.editor-side-panel__layer-controls{display:flex;flex-direction:column;gap:1rem}.editor-side-panel__subtitle{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.editor-side-panel__layer-buttons{display:flex;flex-direction:column;gap:.5rem}.editor-side-panel__layer-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.editor-side-panel__layer-button:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-accent);color:var(--color-accent)}.editor-side-panel__layer-button:disabled{opacity:.5;cursor:not-allowed}.editor-side-panel__layer-button svg{flex-shrink:0}.editor-side-panel__selection-info{font-size:.875rem;color:var(--color-text-secondary);margin:.5rem 0 0;padding-top:.5rem;border-top:1px solid var(--color-border)}.editor-side-panel__color-picker-wrapper{display:flex;align-items:center;gap:.75rem}.editor-side-panel__elements{display:flex;flex-direction:column;gap:0}.editor-side-panel__search-wrapper{position:relative;display:flex;align-items:center;margin-bottom:1rem}.editor-side-panel__search-icon{position:absolute;left:1rem;color:var(--color-text-secondary);pointer-events:none;z-index:1;transition:color .2s ease}.editor-side-panel__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:.625rem;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.editor-side-panel__search-input:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-secondary);box-shadow:0 0 0 3px #0096ff1a}.editor-side-panel__search-wrapper:focus-within .editor-side-panel__search-icon{color:var(--color-accent)}.editor-side-panel__search-input::placeholder{color:var(--color-text-secondary)}.editor-side-panel__category-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.editor-side-panel__category-filter{padding:.625rem 1rem;border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.editor-side-panel__category-filter:hover{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.editor-side-panel__category-filter:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px #0000001a}.editor-side-panel__category-filter--active{background:var(--color-accent);color:var(--color-text-on-accent, #ffffff);border-color:var(--color-accent);box-shadow:0 2px 4px #0096ff33}.editor-side-panel__category-filter--active:hover{background:var(--color-accent-hover, var(--color-accent));transform:translateY(-1px);box-shadow:0 4px 8px #0096ff40}.editor-side-panel__elements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.editor-side-panel__element-item{display:flex;flex-direction:column;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:.625rem;overflow:hidden;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.editor-side-panel__element-item:hover{background:var(--color-bg-primary);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f}.editor-side-panel__element-item:active{transform:translateY(0) scale(.98);box-shadow:0 2px 4px #0000001a}.editor-side-panel__element-image{width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;transition:background .2s ease}.editor-side-panel__element-item:hover .editor-side-panel__element-image{background:var(--color-bg-secondary)}.editor-side-panel__element-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .2s ease}.editor-side-panel__element-item:hover .editor-side-panel__element-image img{transform:scale(1.05)}.editor-side-panel__element-title{padding:.75rem .875rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary);text-align:center;border-top:1px solid var(--color-border);transition:color .2s ease}.editor-side-panel__element-item:hover .editor-side-panel__element-title{color:var(--color-accent)}.editor-side-panel__element-tags{padding:.5rem .875rem .75rem;font-size:.75rem;color:var(--color-text-secondary);text-align:center;line-height:1.4;transition:color .2s ease}@media(max-width:1023px){.editor-side-panel--expanded{width:100%;min-width:100%}.editor-side-panel__toggle{right:0;border-radius:.75rem 0 0 .75rem;border-left:1px solid var(--color-border);border-right:none}}.editor-side-panel__text{display:flex;flex-direction:column;gap:1.25rem}.editor-side-panel__text-setting{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.editor-side-panel__text-setting:last-child{margin-bottom:0}.editor-side-panel__text-setting-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.editor-side-panel__text-setting-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:.625rem;font-size:.875rem;font-family:inherit;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;cursor:pointer}.editor-side-panel__text-setting-input:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-secondary);box-shadow:0 0 0 3px #0096ff1a}.editor-side-panel__text-size-controls{display:flex;align-items:center;gap:.75rem}.editor-side-panel__text-size-slider{flex:1;height:6px;border-radius:3px;background:var(--color-bg-tertiary);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.editor-side-panel__text-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;transition:all .2s ease}.editor-side-panel__text-size-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.editor-side-panel__text-size-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;transition:all .2s ease}.editor-side-panel__text-size-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.editor-side-panel__text-size-input{width:70px;padding:.5rem .75rem;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:.5rem;font-size:.875rem;font-family:Courier New,monospace;text-align:center;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.editor-side-panel__text-size-input:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-secondary);box-shadow:0 0 0 3px #0096ff1a}@media(max-width:767px){.editor-side-panel__content{padding:1rem}.editor-side-panel__elements-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.editor-side-panel__tools{gap:1rem}.editor-side-panel__tool-section{padding:1rem}.editor-side-panel__layer-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.editor-side-panel__tool-button{min-height:72px;padding:.75rem}.editor-side-panel__tool-button-label{font-size:.6875rem}.editor-side-panel__color-controls{flex-direction:column;align-items:stretch;gap:.75rem}.editor-side-panel__color-preview-wrapper{align-self:center}.editor-side-panel__color-presets{justify-content:center}.editor-side-panel__search-input{padding:.625rem .875rem .625rem 2.5rem;font-size:.8125rem}.editor-side-panel__search-icon{left:.875rem;width:16px;height:16px}.editor-side-panel__category-filter{padding:.5rem .875rem;font-size:.8125rem}.editor-side-panel__text{gap:1rem}.editor-side-panel__text-setting{margin-bottom:.875rem}.editor-side-panel__text-size-controls{flex-direction:column;align-items:stretch;gap:.5rem}.editor-side-panel__text-size-input{width:100%}}.editor-side-panel__create-project-form{display:flex;flex-direction:column;gap:1.25rem}.editor-side-panel__form-group{display:flex;flex-direction:column;gap:.5rem}.editor-side-panel__form-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.editor-side-panel__required{color:var(--color-accent);margin-left:.25rem}.editor-side-panel__form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:.625rem;font-size:.875rem;font-family:inherit;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.editor-side-panel__form-input:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-secondary);box-shadow:0 0 0 3px #0096ff1a}.editor-side-panel__form-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-tertiary)}.editor-side-panel__form-input::placeholder{color:var(--color-text-secondary)}.editor-side-panel__form-error{font-size:.8125rem;color:#ef4444;margin-top:.25rem;line-height:1.4}.editor-side-panel__form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.editor-side-panel__form-button{padding:.75rem 1.5rem;border:none;border-radius:.625rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.editor-side-panel__form-button:disabled{opacity:.6;cursor:not-allowed}.editor-side-panel__form-button--primary{background:var(--color-accent);color:#fff}.editor-side-panel__form-button--primary:hover:not(:disabled){background:var(--color-accent-hover, var(--color-accent));transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.editor-side-panel__form-button--primary:active:not(:disabled){transform:translateY(0)}.editor-side-panel__form-button--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.editor-side-panel__form-button--secondary:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-accent);color:var(--color-accent)}@media(max-width:767px){.editor-side-panel__projects-header{flex-direction:column;align-items:stretch}.editor-side-panel__create-project-button{width:100%;justify-content:center}.editor-side-panel__form-actions{flex-direction:column-reverse}.editor-side-panel__form-button{width:100%}}.text-edit-modal{display:flex;flex-direction:column;gap:1.5rem}.text-edit-modal__content{display:flex;flex-direction:column;gap:.75rem}.text-edit-modal__label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.text-edit-modal__textarea{width:100%;padding:.875rem;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:.625rem;font-size:.9375rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:120px;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.text-edit-modal__textarea:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-secondary);box-shadow:0 0 0 3px #0096ff1a}.text-edit-modal__textarea::placeholder{color:var(--color-text-secondary)}.text-edit-modal__hint{font-size:.75rem;color:var(--color-text-secondary);font-style:italic}.text-edit-modal__actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border)}.text-edit-modal__button{padding:.75rem 1.5rem;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:.625rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.text-edit-modal__button:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.text-edit-modal__button:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px #0000001a}.text-edit-modal__button--save{background:var(--color-accent);color:var(--color-text-on-accent, #ffffff);border-color:var(--color-accent)}.text-edit-modal__button--save:hover{background:var(--color-accent-hover, var(--color-accent));color:var(--color-text-on-accent, #ffffff);border-color:var(--color-accent-hover, var(--color-accent))}.text-edit-modal__button--cancel:hover{background:var(--color-bg-tertiary)}.export-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.export-modal{background:var(--color-bg-primary);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.export-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border)}.export-modal__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.export-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:.5rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.export-modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.export-modal__content{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.export-modal__collapsible-section{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background:var(--color-bg-secondary)}.export-modal__section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.export-modal__section-header:hover{background:var(--color-bg-tertiary)}.export-modal__section-title{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.export-modal__chevron{color:var(--color-text-secondary);transition:transform .3s ease;flex-shrink:0}.export-modal__chevron--expanded{transform:rotate(180deg)}.export-modal__section-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0 1.25rem}.export-modal__section-content--expanded{max-height:2000px;padding:0 1.25rem 1.25rem;transition:max-height .3s ease-in,padding .3s ease}.export-modal__section-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.export-modal__section{display:flex;flex-direction:column;gap:.75rem}.export-modal__label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.export-modal__select,.export-modal__input{padding:.625rem .75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);font-size:.875rem;transition:all .2s ease}.export-modal__select:focus,.export-modal__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0096ff1a}.export-modal__custom-scale{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.export-modal__dimensions{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:.5rem}.export-modal__dimensions-label{font-size:.875rem;color:var(--color-text-secondary)}.export-modal__dimensions-value{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.export-modal__options{display:flex;flex-direction:column;gap:.75rem}.export-modal__checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:var(--color-text-primary)}.export-modal__checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.export-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--color-border)}.export-modal__button{padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.export-modal__button--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.export-modal__button--secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.export-modal__button--primary{background:var(--color-accent);color:#fff}.export-modal__button--primary:hover{background:var(--color-accent-hover, var(--color-accent));transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.editor-page{display:flex;gap:1.5rem;height:calc(100vh - 200px - 3rem)}.editor-page__main{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.editor-page__canvas-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.5rem;display:flex;justify-content:center;align-items:flex-start;height:100%;overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.editor-page__canvas-container::-webkit-scrollbar{width:10px;height:10px}.editor-page__canvas-container::-webkit-scrollbar-track{background:transparent;border-radius:.5rem}.editor-page__canvas-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:.5rem;border:2px solid transparent;background-clip:padding-box;transition:background .2s ease,border-color .2s ease}.editor-page__canvas-container::-webkit-scrollbar-thumb:hover{background:var(--color-accent);background-clip:padding-box}.editor-page__canvas-container::-webkit-scrollbar-thumb:active{background:var(--color-accent-hover, var(--color-accent));background-clip:padding-box}.editor-page__canvas-container::-webkit-scrollbar-corner{background:transparent}.editor-page__canvas-container canvas{border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:#fff}.editor-page__canvas-controls{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.75rem .5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.editor-page__zoom-controls{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.editor-page__zoom-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:.625rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.editor-page__zoom-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.editor-page__zoom-button:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px #0000001a}.editor-page__zoom-level{min-width:40px;text-align:center;font-size:.8125rem;font-weight:600;color:var(--color-text-primary);padding:.25rem .5rem;background:var(--color-bg-tertiary);border-radius:.5rem;border:1px solid var(--color-border)}.editor-page__extend-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover, var(--color-accent)) 100%);color:#fff;border:none;border-radius:.625rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f}.editor-page__extend-button:hover{background:linear-gradient(135deg,var(--color-accent-hover, var(--color-accent)) 0%,var(--color-accent) 100%);transform:translateY(-2px);box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a}.editor-page__extend-button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 4px #0000001a}.editor-page__extend-button svg{flex-shrink:0}.editor-page__history-controls{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-top:.5rem;border-top:1px solid var(--color-border);margin-top:.5rem}.editor-page__history-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:.625rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.editor-page__history-button:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.editor-page__history-button:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 1px 2px #0000001a}.editor-page__history-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1023px){.editor-page{flex-direction:column;height:calc(100vh - 80px - 1rem)}.page--studio-detail-header-expanded .editor-page{height:calc(100vh - 400px - 1rem)}.editor-page__canvas-container{min-height:0}.editor-page__canvas-controls{right:1rem;padding:.625rem .5rem;gap:.625rem}}@media(max-width:767px){.editor-page__canvas-controls{right:.5rem;padding:.5rem .375rem;gap:.5rem}.editor-page__zoom-button,.editor-page__extend-button{width:36px;height:36px}.editor-page__zoom-button svg,.editor-page__extend-button svg{width:18px;height:18px}.editor-page__zoom-level{font-size:.75rem;min-width:36px;padding:.2rem .4rem}}.project-selection-modal-drawer__form{display:flex;flex-direction:column;gap:1.5rem}.project-selection-modal-drawer__form-group{display:flex;flex-direction:column;gap:.5rem}.project-selection-modal-drawer__label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:.25rem}.project-selection-modal-drawer__required{color:var(--color-error)}.project-selection-modal-drawer__input{width:100%;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.625rem;font-size:.9375rem;color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s;font-family:inherit}.project-selection-modal-drawer__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.project-selection-modal-drawer__input:disabled{opacity:.6;cursor:not-allowed}.project-selection-modal-drawer__input::placeholder{color:var(--color-text-tertiary)}.project-selection-modal-drawer__error{margin:0;font-size:.875rem;color:var(--color-error)}.project-selection-modal-drawer__actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.project-selection-modal-drawer__button{padding:.75rem 1.5rem;border-radius:.625rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;min-width:100px}.project-selection-modal-drawer__button:disabled{opacity:.6;cursor:not-allowed}.project-selection-modal-drawer__button--primary{background:linear-gradient(120deg,#6366f1e6,#38bdf8e6);color:#0f172a}.project-selection-modal-drawer__button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.project-selection-modal-drawer__button--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.project-selection-modal-drawer__button--secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.project-selection-page{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.project-selection-page__header{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}@media(min-width:768px){.project-selection-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.project-selection-page__title{margin:0;font-size:2rem;font-weight:700;color:var(--color-text-primary)}.project-selection-page__intro{margin:.5rem 0 0;color:var(--color-text-secondary);font-size:1rem}.project-selection-page__create-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(120deg,#6366f1e6,#38bdf8e6);color:#0f172a;font-weight:600;border:none;border-radius:.75rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-size:.9375rem;white-space:nowrap}.project-selection-page__create-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.project-selection-page__create-button:active{transform:translateY(0)}.project-selection-page__create-button--centered{margin:1rem auto 0}.project-selection-page__search{position:relative;display:flex;align-items:center}.project-selection-page__search-icon{position:absolute;left:1rem;color:var(--color-text-tertiary);pointer-events:none}.project-selection-page__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;font-size:.9375rem;color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.project-selection-page__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.project-selection-page__search-input::placeholder{color:var(--color-text-tertiary)}.project-selection-page__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.project-selection-page__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.project-selection-page__grid{grid-template-columns:repeat(3,1fr)}}.project-selection-page__project-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:1rem}.project-selection-page__project-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.project-selection-page__project-card:active{transform:translateY(0)}.project-selection-page__project-card:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.project-selection-page__project-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.project-selection-page__project-name{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);flex:1;word-break:break-word}.project-selection-page__project-meta{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.project-selection-page__project-date{display:flex;align-items:center;gap:.5rem}.project-selection-page__empty{text-align:center;padding:3rem 1.5rem;color:var(--color-text-secondary)}.project-selection-page__empty p{margin:0 0 1rem;font-size:1rem}.mangati-canvas-container{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;overflow:auto;background:var(--color-bg-secondary);border:none;border-radius:0;box-shadow:none;cursor:default;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;min-width:0;min-height:0}.mangati-canvas-container::-webkit-scrollbar{width:10px;height:10px}.mangati-canvas-container::-webkit-scrollbar-track{background:transparent;border-radius:.5rem}.mangati-canvas-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:.5rem;border:2px solid transparent;background-clip:padding-box;transition:background .2s ease,border-color .2s ease}.mangati-canvas-container::-webkit-scrollbar-thumb:hover{background:var(--color-accent);background-clip:padding-box}.mangati-canvas-container::-webkit-scrollbar-thumb:active{background:var(--color-accent-hover, var(--color-accent));background-clip:padding-box}.mangati-canvas-container::-webkit-scrollbar-corner{background:transparent}.mangati-canvas{display:block;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin:auto}.mangati-canvas-container--panning,.mangati-canvas-container--panning .mangati-canvas{cursor:grabbing}.mangati-top-panel{position:fixed;top:1rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mangati-top-panel__button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:.625rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.875rem;font-weight:500;font-family:inherit;min-width:44px;min-height:44px}.mangati-top-panel__button--export{background:linear-gradient(120deg,#6366f1e6,#38bdf8e6);color:#0f172a;border-color:transparent;box-shadow:0 4px 12px #0000001a}.mangati-top-panel__button--export:hover{color:#0f172a;transform:translateY(-1px);border-color:transparent}.mangati-top-panel__button--export:active{transform:translateY(0) scale(.98)}.mangati-top-panel__button:not(.mangati-top-panel__button--export):hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.mangati-top-panel__button:active{transform:translateY(0) scale(.98)}.mangati-top-panel__button-label{white-space:nowrap}@media(max-width:768px){.mangati-top-panel{top:.5rem;padding:.5rem .75rem;gap:.5rem}.mangati-top-panel__button{padding:.5rem .75rem;font-size:.8125rem}.mangati-top-panel__button-label{display:none}}.mangati-canvas-controls{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.75rem .5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mangati-canvas-controls__zoom{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.mangati-canvas-controls__button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:.625rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d;min-width:44px;min-height:44px}.mangati-canvas-controls__button:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.mangati-canvas-controls__button:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 1px 2px #0000001a}.mangati-canvas-controls__button:disabled{opacity:.5;cursor:not-allowed}.mangati-canvas-controls__zoom-level{min-width:40px;text-align:center;font-size:.8125rem;font-weight:600;color:var(--color-text-primary);padding:.25rem .5rem;background:var(--color-bg-tertiary);border-radius:.5rem;border:1px solid var(--color-border)}.mangati-canvas-controls__history{display:flex;flex-direction:column;gap:.5rem}.mangati-canvas-controls__scroll-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}@media(max-width:768px){.mangati-canvas-controls{right:auto;left:50%;top:auto;bottom:1rem;transform:translate(-50%);padding:.75rem 1rem;gap:0;max-width:calc(100vw - 2rem);width:auto}.mangati-canvas-controls__scroll-container{flex-direction:row;gap:.5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;width:100%;padding:.25rem 0}.mangati-canvas-controls__scroll-container::-webkit-scrollbar{height:4px}.mangati-canvas-controls__scroll-container::-webkit-scrollbar-track{background:transparent}.mangati-canvas-controls__scroll-container::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:2px}.mangati-canvas-controls__scroll-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent)}.mangati-canvas-controls__zoom{flex-direction:row;gap:.5rem;width:auto}.mangati-canvas-controls__history{flex-direction:row;gap:.5rem}.mangati-canvas-controls__button{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0}.mangati-canvas-controls__zoom-level{min-width:50px;font-size:.75rem;padding:.25rem .5rem;flex-shrink:0}}.tools-modal-drawer{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.tools-modal-drawer__section{display:flex;flex-direction:column;gap:.75rem}.tools-modal-drawer__section-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tools-modal-drawer__section-title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.tools-modal-drawer__badge{padding:.25rem .5rem;background:var(--color-accent-bg);color:var(--color-accent);border-radius:.5rem;font-size:.75rem;font-weight:600}.tools-modal-drawer__button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.tools-modal-drawer__button-row{display:flex;flex-direction:column;gap:.5rem}.tools-modal-drawer__button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:.625rem;cursor:pointer;transition:all .2s ease;font-size:.9375rem;font-weight:500;font-family:inherit;min-height:44px}.tools-modal-drawer__button:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent)}.tools-modal-drawer__button:disabled{opacity:.5;cursor:not-allowed}.tools-modal-drawer__button--wide{width:100%}.tools-modal-drawer__color-controls{display:flex;align-items:center;gap:.75rem}.tools-modal-drawer__color-preview-wrapper{position:relative;width:48px;height:48px;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border)}.tools-modal-drawer__color-preview{width:100%;height:100%}.tools-modal-drawer__color-picker{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.tools-modal-drawer__color-input{flex:1;padding:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.625rem;font-size:.9375rem;color:var(--color-text-primary);font-family:inherit;min-height:44px}.tools-modal-drawer__color-input:focus{outline:none;border-color:var(--color-accent)}.tools-modal-drawer__color-presets{display:flex;gap:.5rem;flex-wrap:wrap}.tools-modal-drawer__color-preset{width:32px;height:32px;border-radius:.5rem;border:2px solid var(--color-border);cursor:pointer;transition:transform .2s ease;min-width:44px;min-height:44px}.tools-modal-drawer__color-preset:hover{transform:scale(1.1);border-color:var(--color-accent)}.tools-modal-drawer__toggle-row{display:flex;flex-direction:column;gap:.75rem}.tools-modal-drawer__toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9375rem;min-height:44px}.tools-modal-drawer__toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}.tools-modal-drawer__grid-spacing{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.tools-modal-drawer__grid-spacing label{font-size:.875rem;color:var(--color-text-secondary)}.tools-modal-drawer__grid-spacing input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--color-bg-tertiary);outline:none;cursor:pointer}.texts-modal-drawer{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.texts-modal-drawer__section{display:flex;flex-direction:column;gap:.75rem}.texts-modal-drawer__section-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.texts-modal-drawer__section-title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.texts-modal-drawer__badge{padding:.25rem .5rem;background:var(--color-accent-bg);color:var(--color-accent);border-radius:.5rem;font-size:.75rem;font-weight:600}.texts-modal-drawer__add-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(120deg,#6366f1e6,#38bdf8e6);color:#0f172a;border:none;border-radius:.625rem;cursor:pointer;transition:transform .2s ease;font-size:.9375rem;font-weight:600;font-family:inherit;width:100%;min-height:44px}.texts-modal-drawer__add-button:hover{transform:translateY(-1px)}.texts-modal-drawer__setting{display:flex;flex-direction:column;gap:.5rem}.texts-modal-drawer__label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.texts-modal-drawer__select{padding:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.625rem;font-size:.9375rem;color:var(--color-text-primary);font-family:inherit;cursor:pointer;min-height:44px}.texts-modal-drawer__select:focus{outline:none;border-color:var(--color-accent)}.texts-modal-drawer__size-controls{display:flex;align-items:center;gap:.75rem}.texts-modal-drawer__slider{flex:1;height:6px;border-radius:3px;background:var(--color-bg-tertiary);outline:none;cursor:pointer}.texts-modal-drawer__number-input{width:80px;padding:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.625rem;font-size:.9375rem;color:var(--color-text-primary);font-family:inherit;text-align:center;min-height:44px}.texts-modal-drawer__number-input:focus{outline:none;border-color:var(--color-accent)}.texts-modal-drawer__color-controls{display:flex;align-items:center;gap:.75rem}.texts-modal-drawer__color-preview-wrapper{position:relative;width:48px;height:48px;border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border)}.texts-modal-drawer__color-preview{width:100%;height:100%}.texts-modal-drawer__color-picker{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.texts-modal-drawer__color-input{flex:1;padding:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.625rem;font-size:.9375rem;color:var(--color-text-primary);font-family:inherit;min-height:44px}.texts-modal-drawer__color-input:focus{outline:none;border-color:var(--color-accent)}.texts-modal-drawer__empty{text-align:center;padding:2rem 1rem;color:var(--color-text-secondary)}.texts-modal-drawer__empty p{margin:0;font-size:.9375rem}.elements-modal-drawer{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;max-height:70vh;overflow:hidden}.elements-modal-drawer__search{position:relative;display:flex;align-items:center}.elements-modal-drawer__search-icon{position:absolute;left:1rem;color:var(--color-text-tertiary);pointer-events:none}.elements-modal-drawer__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;font-size:.9375rem;color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s;font-family:inherit;min-height:44px}.elements-modal-drawer__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.elements-modal-drawer__search-input::placeholder{color:var(--color-text-tertiary)}.elements-modal-drawer__categories{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem 0}.elements-modal-drawer__category{padding:.5rem 1rem;background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:.625rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;font-family:inherit;min-height:44px}.elements-modal-drawer__category:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.elements-modal-drawer__category--active{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent)}.elements-modal-drawer__content{flex:1;overflow-y:auto;min-height:200px}.elements-modal-drawer__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;padding:.5rem 0}.elements-modal-drawer__element{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:transform .2s ease;border-radius:.5rem;padding:.5rem}.elements-modal-drawer__element:hover{transform:translateY(-2px);background:var(--color-bg-secondary)}.elements-modal-drawer__element:focus{outline:none;background:var(--color-bg-secondary);box-shadow:0 0 0 2px var(--color-accent)}.elements-modal-drawer__element-image{width:100%;aspect-ratio:1;border-radius:.5rem;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.elements-modal-drawer__element-image img{width:100%;height:100%;object-fit:contain}.elements-modal-drawer__element-title{font-size:.8125rem;color:var(--color-text-secondary);text-align:center;word-break:break-word}.elements-modal-drawer__empty{text-align:center;padding:3rem 1.5rem;color:var(--color-text-secondary)}.elements-modal-drawer__empty p{margin:0;font-size:.9375rem}@media(max-width:768px){.elements-modal-drawer{max-height:80vh}.elements-modal-drawer__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}.characters-modal-drawer{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;max-height:70vh;overflow:hidden}.characters-modal-drawer__search{position:relative;display:flex;align-items:center}.characters-modal-drawer__search-icon{position:absolute;left:1rem;color:var(--color-text-tertiary);pointer-events:none}.characters-modal-drawer__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;font-size:.9375rem;color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s;font-family:inherit;min-height:44px}.characters-modal-drawer__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.characters-modal-drawer__search-input::placeholder{color:var(--color-text-tertiary)}.characters-modal-drawer__content{flex:1;overflow-y:auto;min-height:200px}.characters-modal-drawer__groups{display:flex;flex-direction:column;gap:2rem;padding:.5rem 0}.characters-modal-drawer__group{display:flex;flex-direction:column;gap:1rem}.characters-modal-drawer__group-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.characters-modal-drawer__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.characters-modal-drawer__element{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:transform .2s ease;border-radius:.5rem;padding:.5rem}.characters-modal-drawer__element:hover{transform:translateY(-2px);background:var(--color-bg-secondary)}.characters-modal-drawer__element:focus{outline:none;background:var(--color-bg-secondary);box-shadow:0 0 0 2px var(--color-accent)}.characters-modal-drawer__element-image{width:100%;aspect-ratio:1;border-radius:.5rem;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative}.characters-modal-drawer__element-image img{width:100%;height:100%;object-fit:contain}.characters-modal-drawer__main-badge{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--color-accent-bg);color:var(--color-accent);border-radius:.375rem;font-size:.75rem;font-weight:500}.characters-modal-drawer__main-badge svg{width:12px;height:12px}.characters-modal-drawer__element-title{font-size:.8125rem;color:var(--color-text-secondary);text-align:center;word-break:break-word}.characters-modal-drawer__empty{text-align:center;padding:3rem 1.5rem;color:var(--color-text-secondary)}.characters-modal-drawer__empty p{margin:0;font-size:.9375rem}@media(max-width:768px){.characters-modal-drawer{max-height:80vh}.characters-modal-drawer__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}.scenes-modal-drawer{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;max-height:70vh;overflow:hidden}.scenes-modal-drawer__search{position:relative;display:flex;align-items:center}.scenes-modal-drawer__search-icon{position:absolute;left:1rem;color:var(--color-text-tertiary);pointer-events:none}.scenes-modal-drawer__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;font-size:.9375rem;color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s;font-family:inherit;min-height:44px}.scenes-modal-drawer__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.scenes-modal-drawer__search-input::placeholder{color:var(--color-text-tertiary)}.scenes-modal-drawer__content{flex:1;overflow-y:auto;min-height:200px}.scenes-modal-drawer__groups{display:flex;flex-direction:column;gap:2rem;padding:.5rem 0}.scenes-modal-drawer__group{display:flex;flex-direction:column;gap:1rem}.scenes-modal-drawer__group-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.scenes-modal-drawer__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.scenes-modal-drawer__element{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:transform .2s ease;border-radius:.5rem;padding:.5rem}.scenes-modal-drawer__element:hover{transform:translateY(-2px);background:var(--color-bg-secondary)}.scenes-modal-drawer__element:focus{outline:none;background:var(--color-bg-secondary);box-shadow:0 0 0 2px var(--color-accent)}.scenes-modal-drawer__element-image{width:100%;aspect-ratio:1;border-radius:.5rem;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative}.scenes-modal-drawer__element-image img{width:100%;height:100%;object-fit:contain}.scenes-modal-drawer__main-badge{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--color-accent-bg);color:var(--color-accent);border-radius:.375rem;font-size:.75rem;font-weight:500}.scenes-modal-drawer__main-badge svg{width:12px;height:12px}.scenes-modal-drawer__element-title{font-size:.8125rem;color:var(--color-text-secondary);text-align:center;word-break:break-word}.scenes-modal-drawer__empty{text-align:center;padding:3rem 1.5rem;color:var(--color-text-secondary)}.scenes-modal-drawer__empty p{margin:0;font-size:.9375rem}@media(max-width:768px){.scenes-modal-drawer{max-height:80vh}.scenes-modal-drawer__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}.generation-history-modal-drawer{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;max-height:70vh;overflow:hidden}.generation-history-modal-drawer__search{position:relative;display:flex;align-items:center}.generation-history-modal-drawer__search-icon{position:absolute;left:1rem;color:var(--color-text-tertiary);pointer-events:none}.generation-history-modal-drawer__search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;font-size:.9375rem;color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s;font-family:inherit;min-height:44px}.generation-history-modal-drawer__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.generation-history-modal-drawer__search-input::placeholder{color:var(--color-text-tertiary)}.generation-history-modal-drawer__content{flex:1;overflow-y:auto;min-height:200px}.generation-history-modal-drawer__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;padding:.5rem 0}.generation-history-modal-drawer__element{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:transform .2s ease;border-radius:.5rem;padding:.5rem}.generation-history-modal-drawer__element:hover{transform:translateY(-2px);background:var(--color-bg-secondary)}.generation-history-modal-drawer__element:focus{outline:none;background:var(--color-bg-secondary);box-shadow:0 0 0 2px var(--color-accent)}.generation-history-modal-drawer__element-image{width:100%;aspect-ratio:1;border-radius:.5rem;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.generation-history-modal-drawer__element-image img{width:100%;height:100%;object-fit:contain}.generation-history-modal-drawer__element-info{display:flex;flex-direction:column;gap:.25rem}.generation-history-modal-drawer__element-prompt{font-size:.8125rem;color:var(--color-text-primary);word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.generation-history-modal-drawer__element-meta{display:flex;flex-direction:column;gap:.125rem;font-size:.75rem;color:var(--color-text-tertiary)}.generation-history-modal-drawer__element-date,.generation-history-modal-drawer__element-tokens{font-size:.75rem}.generation-history-modal-drawer__empty{text-align:center;padding:3rem 1.5rem;color:var(--color-text-secondary)}.generation-history-modal-drawer__empty p{margin:0;font-size:.9375rem}@media(max-width:768px){.generation-history-modal-drawer{max-height:80vh}.generation-history-modal-drawer__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}.page--mangati-editor{max-width:none;margin:0;height:100vh;width:100vw;position:fixed;top:0;left:0}.page--mangati-editor .studio-detail__content{padding:0;min-height:0;height:100%;width:100%}.mangati-editor-page{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-bg-primary);overflow:hidden}.mangati-editor-page__main{flex:1;position:relative;overflow:hidden;background:var(--color-bg-tertiary);min-height:0;display:flex;align-items:stretch;justify-content:stretch;padding:0}.page--character-images{padding:1.5rem}.character-images-page{max-width:1400px;margin:0 auto}.character-images-page__header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.character-images-page__back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.character-images-page__back-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent);transform:translate(-2px)}.character-images-page__back-button svg{width:20px;height:20px}.character-images-page__title{margin:0;font-size:1.75rem;font-weight:600;color:var(--color-text-primary)}.character-image-manager{width:100%}.character-image-manager__container{display:grid;grid-template-columns:1fr;gap:2rem}.character-image-manager__form-column{width:100%}.character-image-manager__form-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-md);transition:all .3s ease}.character-image-manager__form-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.character-image-manager__form-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.75rem}.character-image-manager__upload-form{display:flex;flex-direction:column;gap:1.5rem}.character-image-manager__form-group{display:flex;flex-direction:column;gap:.75rem}.character-image-manager__form-group label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:.25rem}.character-image-manager__file-label{position:relative;display:block;cursor:pointer;border:2px dashed var(--color-border);border-radius:.75rem;padding:2rem;background:var(--color-bg-tertiary);transition:all .2s ease;text-align:center;overflow:hidden;min-height:200px}.character-image-manager__file-label:hover{border-color:var(--color-accent);background:var(--color-accent-bg)}.character-image-manager__preview-container{position:absolute;inset:2rem;width:calc(100% - 4rem);height:calc(100% - 4rem);border-radius:.5rem;overflow:hidden;background:var(--color-bg-tertiary)}.character-image-manager__preview-image{width:100%;height:100%;object-fit:cover;display:block}.character-image-manager__preview-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;opacity:0;transition:opacity .2s ease;color:#fff;font-weight:500}.character-image-manager__file-label:hover .character-image-manager__preview-overlay{opacity:1}.character-image-manager__preview-overlay svg{width:32px;height:32px}.character-image-manager__remove-preview-button{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.character-image-manager__remove-preview-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-error);color:var(--color-error)}.character-image-manager__remove-preview-button svg{width:16px;height:16px}.character-image-manager__file-label-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-text-secondary);font-weight:500}.character-image-manager__file-label-content svg{color:var(--color-accent)}.character-image-manager__file-input{position:absolute;opacity:0;width:0;height:0}.character-image-manager__form-group input[type=text]{padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s ease}.character-image-manager__form-group input[type=text]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.character-image-manager__checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:background-color .2s ease}.character-image-manager__checkbox-label:hover{background:var(--color-bg-tertiary)}.character-image-manager__checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-accent)}.character-image-manager__checkbox-label span{color:var(--color-text-primary);font-weight:500}.character-image-manager__error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid var(--color-error);border-radius:.75rem;color:var(--color-error);font-size:.875rem}.character-image-manager__error svg{flex-shrink:0}.character-image-manager__upload-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-bg-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.character-image-manager__upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.character-image-manager__upload-button:active:not(:disabled){transform:translateY(0)}.character-image-manager__upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.character-image-manager__spinner{animation:spin 1s linear infinite}.character-image-manager__images-column{width:100%}.character-image-manager__images-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-md);transition:all .3s ease}.character-image-manager__images-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.character-image-manager__images-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.character-image-manager__images-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.character-image-manager__images-count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .75rem;background:var(--color-accent-bg);color:var(--color-accent);border-radius:1rem;font-size:.875rem;font-weight:600}.character-image-manager__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary)}.character-image-manager__empty svg{opacity:.5;color:var(--color-text-tertiary)}.character-image-manager__empty p{margin:0;font-size:1rem;color:var(--color-text-secondary)}.character-image-manager__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.character-image-manager__image-item{display:flex;flex-direction:column;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;transition:all .3s ease}.character-image-manager__image-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.character-image-manager__image-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-bg-tertiary)}.character-image-manager__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.character-image-manager__image-item:hover .character-image-manager__image{transform:scale(1.05)}.character-image-manager__main-badge{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-bg-primary);font-size:.75rem;font-weight:600;border-radius:1rem;box-shadow:var(--shadow-md);z-index:2}.character-image-manager__main-badge svg{width:14px;height:14px}.character-image-manager__image-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:1}.character-image-manager__image-item:hover .character-image-manager__image-overlay{opacity:1}.character-image-manager__overlay-buttons{display:flex;align-items:center;justify-content:center;gap:1rem}.character-image-manager__set-main-button{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:2px solid var(--color-accent);border-radius:50%;background:var(--color-accent);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.character-image-manager__set-main-button:hover:not(:disabled){background:var(--color-accent-light);border-color:var(--color-accent-light);transform:scale(1.1)}.character-image-manager__set-main-button:active:not(:disabled){transform:scale(.95)}.character-image-manager__set-main-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.character-image-manager__set-main-button svg{width:20px;height:20px}.character-image-manager__delete-button{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:2px solid var(--color-error);border-radius:50%;background:var(--color-error);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.character-image-manager__delete-button:hover{background:#ef4444e6;transform:scale(1.1)}.character-image-manager__delete-button:active{transform:scale(.95)}.character-image-manager__delete-button svg{width:20px;height:20px}.character-image-manager__image-title{padding:1rem;margin:0;font-size:.875rem;font-weight:500;color:var(--color-text-primary);text-align:center;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.character-manager__optional{font-weight:400;color:var(--color-text-tertiary);font-size:.875rem}@media(max-width:767px){.page--character-images{padding:1rem}.character-images-page__header{flex-direction:column;align-items:flex-start;gap:1rem}.character-images-page__title{font-size:1.5rem}.character-image-manager__container{grid-template-columns:1fr;gap:1.5rem}.character-image-manager__form-card,.character-image-manager__images-card{padding:1.5rem}.character-image-manager__form-title,.character-image-manager__images-title{font-size:1.25rem}.character-image-manager__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.character-image-manager__file-label{padding:1.5rem}}@media(min-width:768px)and (max-width:1023px){.page--character-images{padding:1.5rem}.character-image-manager__container{grid-template-columns:1fr 1fr;gap:1.5rem}.character-image-manager__form-card,.character-image-manager__images-card{padding:1.75rem}.character-image-manager__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}}@media(min-width:1024px){.character-image-manager__container{grid-template-columns:400px 1fr;gap:2rem}.character-image-manager__form-card{position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto}.character-image-manager__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}}@media(min-width:1440px){.character-image-manager__container{grid-template-columns:450px 1fr;gap:2.5rem}.character-image-manager__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem}}.page--scene-images{padding:1.5rem}.scene-images-page{max-width:1200px;margin:0 auto}.scene-images-page__header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.scene-images-page__back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scene-images-page__back-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent)}.scene-images-page__back-button svg{width:20px;height:20px}.scene-images-page__title{margin:0;font-size:1.75rem;font-weight:600;color:var(--color-text-primary)}.scene-image-manager{display:flex;flex-direction:column;gap:2rem}.scene-image-manager__upload-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem}.scene-image-manager__form-group{display:flex;flex-direction:column;gap:.5rem}.scene-image-manager__form-group label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.scene-image-manager__form-group input[type=file],.scene-image-manager__form-group input[type=text],.scene-image-manager__form-group textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit}.scene-image-manager__form-group textarea{resize:vertical;min-height:80px}.scene-image-manager__error{padding:.75rem;background:#ef44441a;border:1px solid var(--color-error);border-radius:.5rem;color:var(--color-error);font-size:.875rem}.scene-image-manager__upload-button{padding:.75rem 1.5rem;border:1px solid var(--color-accent);border-radius:.5rem;background:var(--color-accent);color:var(--color-bg-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.scene-image-manager__upload-button:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.scene-image-manager__upload-button:disabled{opacity:.6;cursor:not-allowed}.scene-image-manager__images h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.scene-image-manager__empty{padding:2rem;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem}.scene-image-manager__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.scene-image-manager__image-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden}.scene-image-manager__image-placeholder{width:100%;height:200px;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden}.scene-image-manager__image{width:100%;height:100%;object-fit:cover;display:block}.scene-image-manager__image-missing{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-tertiary)}.scene-image-manager__image-title{padding:.75rem .75rem .25rem;margin:0;font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.scene-image-manager__image-description{padding:0 .75rem;margin:0 0 .75rem;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.scene-image-manager__delete-button{width:100%;padding:.625rem;border:1px solid var(--color-error);border-radius:0 0 .75rem .75rem;background:var(--color-bg-tertiary);color:var(--color-error);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scene-image-manager__delete-button:hover{background:#ef44441a}.scene-manager__optional{font-weight:400;color:var(--color-text-tertiary);font-size:.875rem}@media(max-width:768px){.page--scene-images{padding:1rem}.scene-images-page__header{flex-direction:column;align-items:flex-start}.scene-images-page__title{font-size:1.5rem}.scene-image-manager__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}.generation-details-page{display:flex;flex-direction:column;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}.generation-details-page__header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-border)}.generation-details-page__header h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.generation-details-page__status-badge{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:2rem;transition:all .3s ease}.generation-details-page__status-badge:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.generation-details-page__status-indicator{width:.75rem;height:.75rem;border-radius:50%;background:var(--color-text-secondary);flex-shrink:0}.generation-details-page__status-indicator--pending,.generation-details-page__status-indicator--processing{background:#f59e0b;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;box-shadow:0 0 #f59e0bb3}.generation-details-page__status-indicator--completed{background:var(--color-success);box-shadow:0 0 #10b981b3}.generation-details-page__status-indicator--failed{background:var(--color-error);box-shadow:0 0 #ef4444b3}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #f59e0bb3}50%{opacity:.8;box-shadow:0 0 0 4px #f59e0b00}}.generation-details-page__status-text{font-size:.875rem;font-weight:600;color:var(--color-text-primary);text-transform:capitalize}.generation-details-page__content{display:grid;grid-template-columns:1fr;gap:2rem}.generation-details-page__sidebar{display:flex;flex-direction:column;gap:1.5rem}.generation-details-page__prompt-section{display:flex;flex-direction:column;gap:1rem}.generation-details-page__prompt-section h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.generation-details-page__prompt-content{padding:1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;transition:all .3s ease}.generation-details-page__prompt-content:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.generation-details-page__prompt-text{margin:0;font-size:.9375rem;line-height:1.6;color:var(--color-text-primary);word-wrap:break-word}.generation-details-page__actions{display:flex;flex-direction:column;gap:1rem}.generation-details-page__actions h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.generation-details-page__actions-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.generation-details-page__action-button{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.25rem;border:1px solid var(--color-border);border-radius:.625rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--color-bg-secondary);color:var(--color-text-primary);text-align:center}.generation-details-page__action-button:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.generation-details-page__action-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.generation-details-page__action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.generation-details-page__action-button--primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color:#fff;border-color:var(--color-accent);box-shadow:0 2px 8px #6366f14d}.generation-details-page__action-button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-accent) 100%);box-shadow:0 4px 12px #6366f166}.generation-details-page__action-button--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary)}.generation-details-page__action-button--danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.generation-details-page__action-button--danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef444466}.generation-details-page__action-button svg{flex-shrink:0}.generation-details-page__metadata{display:flex;flex-direction:column;gap:1rem}.generation-details-page__metadata h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.generation-details-page__metadata-list{display:flex;flex-direction:column;gap:1rem;margin:0;padding:1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;transition:all .3s ease}.generation-details-page__metadata-list:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.generation-details-page__metadata-item{display:flex;flex-direction:column;gap:.375rem}.generation-details-page__metadata-item dt{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.generation-details-page__metadata-item dd{margin:0;font-size:.875rem;color:var(--color-text-primary);word-break:break-all;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.generation-details-page__main-content{display:flex;flex-direction:column;gap:1.5rem}.generation-details-page__progress-section{padding:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;box-shadow:var(--shadow-sm)}.generation-details-page__progress{display:flex;align-items:center;gap:1rem}.generation-details-page__progress-bar{flex:1;height:.75rem;background:var(--color-bg-tertiary);border-radius:.375rem;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.generation-details-page__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-light) 100%);border-radius:.375rem;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #6366f180}.generation-details-page__progress-text{font-size:.875rem;font-weight:600;color:var(--color-text-primary);min-width:3.5rem;text-align:right}.generation-details-page__error{padding:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-error);border-radius:.75rem;box-shadow:var(--shadow-sm)}[data-theme=light] .generation-details-page__error{background:#ef44440d}[data-theme=dark] .generation-details-page__error{background:#ef44441a}.generation-details-page__error h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--color-error)}.generation-details-page__error p{margin:0;font-size:.875rem;color:var(--color-text-primary);line-height:1.6}.generation-details-page__image-section{display:flex;flex-direction:column;gap:1rem}.generation-details-page__image-container{display:flex;justify-content:center;align-items:center;padding:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease;min-height:400px}.generation-details-page__image-container:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-lg)}.generation-details-page__image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:.5rem;transition:transform .3s ease}.generation-details-page__image-container:hover .generation-details-page__image{transform:scale(1.02)}.generation-details-page__assign-form,.generation-details-page__regenerate-form{display:flex;flex-direction:column;gap:1.5rem}.generation-details-page__form-group{display:flex;flex-direction:column;gap:.5rem}.generation-details-page__form-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.generation-details-page__form-select,.generation-details-page__form-input,.generation-details-page__form-textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;transition:all .2s ease}.generation-details-page__form-select:focus,.generation-details-page__form-input:focus,.generation-details-page__form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.generation-details-page__form-textarea{resize:vertical;min-height:100px}.generation-details-page__form-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--color-text-primary)}.generation-details-page__form-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--color-accent)}.generation-details-page__assign-actions,.generation-details-page__regenerate-actions,.generation-details-page__delete-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border)}.generation-details-page__delete-confirm{display:flex;flex-direction:column;gap:1.5rem}.generation-details-page__delete-message{margin:0;font-size:.875rem;color:var(--color-text-primary);line-height:1.6}.generation-details-page__regenerate-message{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.generation-details-page__fullscreen-container{display:flex;justify-content:center;align-items:center;padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem;overflow:auto;max-height:80vh}.generation-details-page__fullscreen-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem}.generation-details-page__versions-section{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.generation-details-page__versions-section h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.generation-details-page__versions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.generation-details-page__version-item{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.generation-details-page__version-item:hover{border-color:var(--color-border-strong);background:var(--color-bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.generation-details-page__version-item--selected{border-color:var(--color-accent);background:var(--color-accent-bg);box-shadow:0 0 0 3px var(--color-accent-bg)}.generation-details-page__version-item--selected:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg),var(--shadow-md)}.generation-details-page__version-checkmark{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);border-radius:50%;color:#fff;z-index:1;box-shadow:var(--shadow-sm)}.generation-details-page__version-number{font-size:.75rem;font-weight:600;color:var(--color-text-primary);text-align:center}.generation-details-page__version-item--selected .generation-details-page__version-number{color:var(--color-accent)}.generation-details-page__version-image{width:100%;height:auto;border-radius:.5rem;object-fit:cover;aspect-ratio:1}.generation-details-page__version-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:.5rem;border:1px dashed var(--color-border)}.generation-details-page__version-loading,.generation-details-page__version-error,.generation-details-page__version-pending{font-size:.75rem;font-weight:500;text-align:center;padding:.5rem}.generation-details-page__version-loading{color:#f59e0b}.generation-details-page__version-error{color:var(--color-error)}.generation-details-page__version-pending{color:var(--color-text-secondary)}.generation-details-page__version-prompt{margin:0;font-size:.6875rem;color:var(--color-text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:767px){.generation-details-page{padding:1rem;gap:1.5rem}.generation-details-page__header{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:1rem}.generation-details-page__header h1{font-size:1.5rem}.generation-details-page__status-badge{width:100%;justify-content:center}.generation-details-page__content{gap:1.5rem}.generation-details-page__sidebar{gap:1.25rem}.generation-details-page__actions-grid{grid-template-columns:1fr}.generation-details-page__action-button{width:100%}.generation-details-page__image-container{min-height:300px;padding:1rem}.generation-details-page__image{max-height:60vh}.generation-details-page__assign-actions,.generation-details-page__regenerate-actions,.generation-details-page__delete-actions{flex-direction:column}.generation-details-page__assign-actions .generation-details-page__action-button,.generation-details-page__regenerate-actions .generation-details-page__action-button,.generation-details-page__delete-actions .generation-details-page__action-button{width:100%}.generation-details-page__versions-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}}@media(min-width:768px)and (max-width:1023px){.generation-details-page{padding:1.5rem}.generation-details-page__content{grid-template-columns:320px 1fr;gap:1.75rem}.generation-details-page__header h1{font-size:1.625rem}.generation-details-page__image-container{min-height:450px}.generation-details-page__image{max-height:65vh}}@media(min-width:1024px){.generation-details-page{padding:2rem}.generation-details-page__content{grid-template-columns:380px 1fr;gap:2rem}.generation-details-page__header h1{font-size:1.75rem}.generation-details-page__actions-grid{grid-template-columns:1fr}.generation-details-page__image-container{min-height:500px}.generation-details-page__image{max-height:70vh}}@media(min-width:1440px){.generation-details-page{padding:2.5rem}.generation-details-page__content{grid-template-columns:420px 1fr;gap:2.5rem}.generation-details-page__header h1{font-size:2rem}.generation-details-page__image-container{min-height:600px}}.page-image{position:relative;width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary, #f5f5f5);contain:layout}.page-image__img{width:100%;height:auto;display:block;object-fit:contain}.page-image__placeholder{width:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary, #f5f5f5);contain:layout}.page-image__spinner{width:40px;height:40px;border:3px solid var(--color-border, #e0e0e0);border-top-color:var(--color-accent, #007bff);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-image__error{width:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary, #f5f5f5);color:var(--color-text-secondary, #666);padding:2rem}.page-image__error p{margin:0;font-size:.875rem}.page--chapter-viewer{padding:0;max-width:100%;margin:0;background:var(--color-bg-primary, #ffffff);min-height:100vh}.chapter-viewer__header{position:fixed;top:.75rem;left:.75rem;right:.75rem;z-index:100;background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e0e0e0);border-radius:1rem;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;transition:transform .3s ease-in-out,opacity .3s ease-in-out}[data-theme=dark] .chapter-viewer__header{background:#000000f2;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003}.chapter-viewer__header--hidden{transform:translateY(calc(-100% - .75rem));opacity:0;pointer-events:none}.chapter-viewer__back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-border, #e0e0e0);border-radius:.5rem;background:var(--color-bg-secondary, #f5f5f5);color:var(--color-text-primary, #000000);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:40px}.chapter-viewer__back-button:hover{background:var(--color-bg-tertiary, #e0e0e0);border-color:var(--color-border-strong, #b0b0b0)}.chapter-viewer__back-button:active{transform:scale(.98)}.chapter-viewer__back-button svg{flex-shrink:0}.chapter-viewer__info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.chapter-viewer__title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #000000);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-viewer__number{font-size:.875rem;color:var(--color-text-secondary, #666666);font-weight:500}.chapter-viewer__next-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-border, #e0e0e0);border-radius:.5rem;background:var(--color-bg-secondary, #f5f5f5);color:var(--color-text-primary, #000000);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:40px;flex-shrink:0}.chapter-viewer__next-button:hover{background:var(--color-bg-tertiary, #e0e0e0);border-color:var(--color-border-strong, #b0b0b0)}.chapter-viewer__next-button:active{transform:scale(.98)}.chapter-viewer__next-button svg{flex-shrink:0}.chapter-viewer__download{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.chapter-viewer__offline-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:.375rem;font-size:.75rem;font-weight:500}.chapter-viewer__pages{display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;padding-top:6.5rem;transform-origin:top center;transition:transform .2s ease-out}.chapter-viewer__zoom-bar{position:fixed;left:1.5rem;top:50%;transform:translateY(-50%);z-index:99;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.75rem .5rem;background:var(--color-bg-secondary, #f5f5f5);border:1px solid var(--color-border, #e0e0e0);border-radius:1rem;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}[data-theme=dark] .chapter-viewer__zoom-bar{background:#000000f2;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003}.chapter-viewer__zoom-controls{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.chapter-viewer__zoom-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #000000);border:1px solid var(--color-border, #e0e0e0);border-radius:.625rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.chapter-viewer__zoom-button:hover:not(:disabled){background:var(--color-bg-tertiary, #e0e0e0);border-color:var(--color-accent, #007bff);color:var(--color-accent, #007bff);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.chapter-viewer__zoom-button:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 1px 2px #0000001a}.chapter-viewer__zoom-button:disabled{opacity:.5;cursor:not-allowed}.chapter-viewer__zoom-level{min-width:40px;text-align:center;font-size:.8125rem;font-weight:600;color:var(--color-text-primary, #000000);padding:.25rem .5rem;background:var(--color-bg-tertiary, #e0e0e0);border-radius:.5rem;border:1px solid var(--color-border, #e0e0e0)}.chapter-viewer__empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-secondary, #666666)}.chapter-viewer__empty p{margin:0;font-size:1rem}.chapter-viewer__next-chapter-section{padding:3rem 1.5rem;display:flex;justify-content:center;align-items:center;width:100%;max-width:100%}.chapter-viewer__next-chapter-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;max-width:600px;width:100%}.chapter-viewer__next-chapter-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #000000);margin:0}.chapter-viewer__next-chapter-info{font-size:1rem;color:var(--color-text-secondary, #666666);margin:0}.chapter-viewer__next-chapter-button{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border:1px solid var(--color-primary, #3b82f6);border-radius:.5rem;background:var(--color-primary, #3b82f6);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:48px}.chapter-viewer__next-chapter-button:hover{background:var(--color-primary-dark, #2563eb);border-color:var(--color-primary-dark, #2563eb);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.chapter-viewer__next-chapter-button:active{transform:translateY(0)}.chapter-viewer__next-chapter-button svg{flex-shrink:0}@media(max-width:768px){.chapter-viewer__header{padding:.75rem 1rem;top:.5rem;left:.5rem;right:.5rem}.chapter-viewer__title{font-size:1rem}.chapter-viewer__back-button{padding:.5rem .75rem;font-size:.8125rem}.chapter-viewer__back-button span,.chapter-viewer__next-button span{display:none}.chapter-viewer__pages{padding-top:5rem}.chapter-viewer__header--hidden{transform:translateY(calc(-100% - .5rem))}.chapter-viewer__next-chapter-section{padding:2rem 1rem}.chapter-viewer__next-chapter-title{font-size:1.25rem}.chapter-viewer__next-chapter-button{padding:.625rem 1.25rem;font-size:.875rem;min-height:44px}.chapter-viewer__zoom-bar{display:none}}[dir=rtl] .chapter-viewer__back-button svg{transform:scaleX(-1)}.download-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:.375rem;background-color:var(--color-primary, #3b82f6);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.download-button:hover:not(:disabled){background-color:var(--color-primary-dark, #2563eb);transform:translateY(-1px)}.download-button:active:not(:disabled){transform:translateY(0)}.download-button:disabled{opacity:.6;cursor:not-allowed}.download-button--small{padding:.375rem .75rem;font-size:.75rem;gap:.375rem}.download-button--large{padding:.75rem 1.5rem;font-size:1rem;gap:.75rem}.download-button--icon{padding:.5rem;width:2.5rem;height:2.5rem;justify-content:center}.download-button--icon span{display:none}.download-button--outline{background-color:transparent;border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.download-button--outline:hover:not(:disabled){background-color:var(--color-primary, #3b82f6);color:#fff}.download-button--ghost{background-color:transparent;border-color:transparent;color:var(--color-primary, #3b82f6)}.download-button--ghost:hover:not(:disabled){background-color:#3b82f61a}.download-button--downloaded{background-color:var(--color-success, #10b981)}.download-button--downloaded:hover:not(:disabled){background-color:var(--color-success-dark, #059669)}.download-button--downloaded.download-button--outline{background-color:transparent;border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}.download-button--downloaded.download-button--outline:hover:not(:disabled){background-color:var(--color-success, #10b981);color:#fff}.download-button--downloaded.download-button--ghost{color:var(--color-success, #10b981)}.download-button--downloaded.download-button--ghost:hover:not(:disabled){background-color:#10b9811a}.download-button--loading{opacity:.8}.download-button__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page--edit-chapter{max-width:1000px;margin:0 auto}.edit-chapter__loading,.edit-chapter__error{padding:2rem;text-align:center;color:var(--color-text-primary)}.edit-chapter-form{display:flex;flex-direction:column;gap:1.5rem}.edit-chapter-form__field{display:flex;flex-direction:column;gap:.5rem}.edit-chapter-form__label{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.edit-chapter-form__required{color:var(--color-error, #dc3545)}.edit-chapter-form__input{padding:.75rem;border:1px solid var(--color-border, rgba(0, 0, 0, .2));border-radius:.5rem;font-size:1rem;background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s;font-family:inherit}.edit-chapter-form__input:focus{outline:none;border-color:var(--color-primary, #007bff);box-shadow:0 0 0 3px #007bff1a}.edit-chapter-form__input:disabled{opacity:.6;cursor:not-allowed}.edit-chapter-form__hint{font-size:.75rem;color:var(--color-text-secondary, rgba(0, 0, 0, .6))}.edit-chapter-form__switch{display:flex;align-items:center;gap:.75rem}.edit-chapter-form__switch-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.edit-chapter-form__switch-label{position:relative;display:inline-block;width:3rem;height:1.5rem;cursor:pointer}.edit-chapter-form__switch-slider{position:absolute;inset:0;background-color:var(--color-border, rgba(0, 0, 0, .2));border-radius:1.5rem;transition:background-color .3s}.edit-chapter-form__switch-slider:before{content:"";position:absolute;height:1.125rem;width:1.125rem;left:.1875rem;bottom:.1875rem;background-color:#fff;border-radius:50%;transition:transform .3s}.edit-chapter-form__switch-input:checked+.edit-chapter-form__switch-label .edit-chapter-form__switch-slider{background-color:var(--color-primary, #007bff)}.edit-chapter-form__switch-input:checked+.edit-chapter-form__switch-label .edit-chapter-form__switch-slider:before{transform:translate(1.5rem)}.edit-chapter-form__switch-input:disabled+.edit-chapter-form__switch-label{opacity:.6;cursor:not-allowed}.edit-chapter-form__error{padding:.75rem;background:var(--color-error-bg, rgba(220, 53, 69, .1));color:var(--color-error, #dc3545);border-radius:.5rem;border:1px solid var(--color-error, #dc3545)}.edit-chapter-form__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.edit-chapter-form__submit{min-width:120px}.edit-chapter-pages__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.edit-chapter-pages__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.edit-chapter-pages__empty{padding:3rem;text-align:center;color:var(--color-text-secondary, rgba(0, 0, 0, .6))}.edit-chapter-pages__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.edit-chapter-pages__item{position:relative;display:flex;flex-direction:column;background:var(--color-bg-secondary, rgba(0, 0, 0, .02));border:2px solid var(--color-border, rgba(0, 0, 0, .1));border-radius:.5rem;padding:.5rem;cursor:move;transition:all .2s;opacity:1}.edit-chapter-pages__item:hover{border-color:var(--color-primary, #007bff);box-shadow:0 2px 8px #007bff26}.edit-chapter-pages__item--dragging{opacity:.5;cursor:grabbing}.edit-chapter-pages__item--drag-over{border-color:var(--color-primary, #007bff);box-shadow:0 0 0 3px #007bff33;transform:scale(1.05)}.edit-chapter-pages__item-handle{position:absolute;top:.5rem;left:.5rem;z-index:10;padding:.25rem;background:#0009;color:#fff;border-radius:.25rem;cursor:grab;display:flex;align-items:center;justify-content:center;transition:background .2s}.edit-chapter-pages__item-handle:active{cursor:grabbing}.edit-chapter-pages__item-handle:hover{background:#000c}.edit-chapter-pages__item--dragging .edit-chapter-pages__item-handle{cursor:grabbing}.edit-chapter-pages__item-thumbnail{position:relative;width:100%;padding-top:141.42%;background:var(--color-bg-tertiary, rgba(0, 0, 0, .05));border-radius:.25rem;overflow:hidden}.edit-chapter-pages__item-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#fff}.edit-chapter-pages__item-number{position:absolute;bottom:.25rem;right:.25rem;background:#000000b3;color:#fff;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.edit-chapter-pages__item-delete{position:absolute;top:.5rem;right:.5rem;z-index:10;padding:.25rem;background:var(--color-error, #dc3545);color:#fff;border:none;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.edit-chapter-pages__item-delete:hover:not(:disabled){opacity:.9}.edit-chapter-pages__item-delete:disabled{opacity:.6;cursor:not-allowed}.edit-chapter-add-pages{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.edit-chapter-add-pages__error{padding:.75rem;background:var(--color-error-bg, rgba(220, 53, 69, .1));color:var(--color-error, #dc3545);border-radius:.5rem;border:1px solid var(--color-error, #dc3545)}.edit-chapter-add-pages__field{display:flex;flex-direction:column;gap:.5rem}.edit-chapter-add-pages__label{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.edit-chapter-add-pages__file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.edit-chapter-add-pages__file-label{display:inline-block;padding:.75rem 1.5rem;border:2px dashed var(--color-border, rgba(0, 0, 0, .2));border-radius:.5rem;background:var(--color-bg-secondary, rgba(0, 0, 0, .02));color:var(--color-text-primary);cursor:pointer;transition:all .2s;text-align:center;font-size:.875rem}.edit-chapter-add-pages__file-label:hover:not(:has(+input:disabled)){border-color:var(--color-primary, #007bff);background:var(--color-bg-tertiary, rgba(0, 123, 255, .05))}.edit-chapter-add-pages__file-input:disabled+.edit-chapter-add-pages__file-label{opacity:.6;cursor:not-allowed}.edit-chapter-add-pages__preview{padding:1rem;background:var(--color-bg-secondary, rgba(0, 0, 0, .02));border-radius:.5rem;border:1px solid var(--color-border, rgba(0, 0, 0, .1))}.edit-chapter-add-pages__preview-title{font-weight:600;color:var(--color-text-primary);font-size:.875rem;margin:0 0 .5rem}.edit-chapter-add-pages__preview-list{margin:0;padding-left:1.5rem;color:var(--color-text-secondary, rgba(0, 0, 0, .6));font-size:.875rem}.edit-chapter-add-pages__preview-item{margin-bottom:.25rem}.edit-chapter-add-pages__actions{display:flex;gap:1rem;justify-content:flex-end}@media(max-width:768px){.edit-chapter-pages__list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.edit-chapter-pages__header{flex-direction:column;align-items:flex-start}.edit-chapter-form__actions,.edit-chapter-add-pages__actions{flex-direction:column}.edit-chapter-form__submit{width:100%}}@media(max-width:480px){.edit-chapter-pages__list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}}.page--downloads{padding:1rem;max-width:1200px;margin:0 auto}.downloads__header{margin-bottom:2rem}.downloads__title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text-primary);transition:color .3s ease}.downloads__intro{font-size:1rem;color:var(--color-text-secondary);margin-bottom:1rem;transition:color .3s ease}.downloads__not-authenticated{text-align:center;padding:3rem 1rem}.downloads__not-authenticated p{font-size:1.125rem;color:var(--color-text-secondary);transition:color .3s ease}.downloads__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.downloads__empty-icon{color:var(--color-text-tertiary);margin-bottom:1rem;opacity:.5;transition:color .3s ease}.downloads__empty-text{font-size:1.125rem;color:var(--color-text-secondary);max-width:400px;transition:color .3s ease}.downloads__content{width:100%}.downloads__series-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media(max-width:768px){.downloads__series-list{grid-template-columns:1fr}}.page--favorites{padding:1.5rem;max-width:1200px;margin:0 auto}.favorites__message{padding:2rem 1.5rem;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;margin-top:1.5rem}.favorites__message p{margin:0;font-size:1rem}.favorites__empty{padding:3rem 1.5rem;text-align:center;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;margin-top:1.5rem}.favorites__empty p{margin:0;font-size:1rem}.favorites__series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}@media(max-width:768px){.page--favorites{padding:1rem}.favorites__series-grid{grid-template-columns:1fr;gap:1rem}}@media(min-width:769px)and (max-width:1024px){.favorites__series-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}}.payment-confirmation{display:flex;justify-content:center;padding:32px 16px 48px;background:transparent}.payment-confirmation__card{width:100%;max-width:620px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:18px;padding:24px;box-shadow:var(--shadow-lg);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.payment-confirmation__card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-xl)}.payment-confirmation__header{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:20px}.payment-confirmation__icon{width:44px;height:44px;display:grid;place-items:center;font-size:20px;border-radius:12px;background:linear-gradient(140deg,var(--color-accent),var(--color-accent-light));color:#fff;box-shadow:0 10px 30px #6366f159}.payment-confirmation__title{margin:0;font-size:18px;font-weight:700;color:var(--color-text-primary)}.payment-confirmation__subtitle{margin:4px 0 0;color:var(--color-text-secondary);font-size:14px}.payment-confirmation__summary{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:14px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.payment-confirmation__summary-row{display:flex;justify-content:space-between;padding:10px 0;color:var(--color-text-primary);border-bottom:1px dashed var(--color-border)}.payment-confirmation__summary-row:last-child{border-bottom:none}.payment-confirmation__label{color:var(--color-text-secondary);font-weight:600;font-size:14px}.payment-confirmation__value{font-weight:700;font-size:15px;color:var(--color-text-primary)}.payment-confirmation__value--accent{color:var(--color-accent)}.payment-confirmation__gateway{border:1px solid var(--color-border);border-radius:14px;padding:16px;margin-bottom:16px;background:var(--color-bg-secondary)}.payment-confirmation__gateway-header{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--color-text-primary)}.payment-confirmation__gateway-dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 6px var(--color-accent-bg)}.payment-confirmation__gateway-label{font-size:15px}.payment-confirmation__gateway-note{margin:10px 0 0;color:var(--color-text-secondary);font-size:13px;line-height:1.5}.payment-confirmation__alert{border-radius:12px;padding:12px 14px;margin-bottom:12px;font-weight:600}.payment-confirmation__alert--error{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 35%,transparent)}.payment-confirmation__alert--success{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 35%,transparent)}.payment-confirmation__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.payment-confirmation__button{padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease,box-shadow .2s ease;border:1px solid transparent}.payment-confirmation__button:disabled{opacity:.65;cursor:not-allowed}.payment-confirmation__button--ghost{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.payment-confirmation__button--ghost:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.payment-confirmation__button--primary{background:linear-gradient(120deg,var(--color-accent),var(--color-accent-light));color:#fff;box-shadow:0 10px 25px #6366f159}.payment-confirmation__button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #6366f166}.payment-confirmation__button:not(:disabled):active{transform:translateY(0)}@media(max-width:540px){.payment-confirmation__card{padding:18px}.payment-confirmation__actions{flex-direction:column-reverse}.payment-confirmation__button{width:100%;text-align:center}}.payment-checkout{display:flex;justify-content:center;padding:32px 16px 48px;background:transparent}.payment-checkout__card{width:100%;max-width:520px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:18px;padding:24px;box-shadow:var(--shadow-lg)}.payment-checkout__icon{width:48px;height:48px;display:grid;place-items:center;font-size:24px;font-weight:700;color:#fff;border-radius:50%;background:linear-gradient(140deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 80%,#000));box-shadow:0 10px 30px color-mix(in srgb,var(--color-accent) 35%,transparent);margin-bottom:16px}.payment-checkout__icon--error{background:linear-gradient(140deg,var(--color-error, #dc3545),color-mix(in srgb,var(--color-error, #dc3545) 80%,#000))}.payment-checkout__spinner{width:48px;height:48px;margin:0 auto 16px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:payment-checkout-spin .8s linear infinite}@keyframes payment-checkout-spin{to{transform:rotate(360deg)}}.payment-checkout__title{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary)}.payment-checkout__subtitle{margin:8px 0 16px;color:var(--color-text-secondary);font-size:14px;line-height:1.5}.payment-checkout__button{padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease,box-shadow .2s ease;border:1px solid transparent}.payment-checkout__button--primary{background:linear-gradient(120deg,var(--color-accent),var(--color-accent-light));color:#fff;box-shadow:0 10px 25px #6366f159}.payment-checkout__button--primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #6366f166}.payment-checkout__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.payment-checkout__button--ghost{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.payment-checkout__button--ghost:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.payment-success{display:flex;justify-content:center;padding:32px 16px 48px;background:transparent}.payment-success__card{width:100%;max-width:520px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:18px;padding:24px;box-shadow:var(--shadow-lg)}.payment-success__header{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:24px}.payment-success__icon{width:48px;height:48px;display:grid;place-items:center;font-size:24px;font-weight:700;color:#fff;border-radius:50%;background:linear-gradient(140deg,var(--color-success),color-mix(in srgb,var(--color-success) 80%,#000));box-shadow:0 10px 30px color-mix(in srgb,var(--color-success) 35%,transparent)}.payment-success__title{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary)}.payment-success__subtitle{margin:6px 0 0;color:var(--color-text-secondary);font-size:14px;line-height:1.5}.payment-success__writer-upgrade{margin:12px 0 0;color:var(--color-accent);font-size:15px;font-weight:600;line-height:1.5}.payment-success__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.payment-success__button{padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease,box-shadow .2s ease;border:1px solid transparent}.payment-success__button--primary{background:linear-gradient(120deg,var(--color-accent),var(--color-accent-light));color:#fff;box-shadow:0 10px 25px #6366f159}.payment-success__button--primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #6366f166}.payment-success__button--ghost{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.payment-success__button--ghost:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.payment-success__button:active{transform:translateY(0)}@media(max-width:540px){.payment-success__card{padding:18px}.payment-success__actions{flex-direction:column}.payment-success__button{width:100%;text-align:center}}.mana-history{--mh-surface: var(--surface, var(--color-surface, #ffffff));--mh-surface-strong: var(--surface-strong, var(--color-surface-strong, #f8fafc));--mh-border: var(--border, #e5e7eb);--mh-text: var(--text-primary, #0f172a);--mh-muted: var(--text-secondary, #6b7280);--mh-accent: var(--primary, #0ea5e9);--mh-accent-strong: color-mix(in srgb, var(--mh-accent) 78%, #38bdf8);--mh-accent-soft: color-mix(in srgb, var(--mh-accent) 45%, #a5f3fc);--mh-positive: var(--success, #16a34a);--mh-negative: var(--danger, #ef4444);--mh-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, .08));color:var(--mh-text);display:grid;gap:1.5rem;padding:1.5rem;background:transparent}@media(prefers-color-scheme:dark){.mana-history{--mh-surface: var(--surface, #0f172a);--mh-surface-strong: var(--surface-strong, #111827);--mh-border: var(--border, #1f2937);--mh-text: var(--text-primary, #e2e8f0);--mh-muted: var(--text-secondary, #94a3b8);--mh-accent-strong: color-mix(in srgb, var(--mh-accent) 72%, #22d3ee);--mh-accent-soft: color-mix(in srgb, var(--mh-accent) 35%, #0ea5e9);--mh-shadow: var(--shadow-sm, 0 12px 30px rgba(0, 0, 0, .45))}}.mana-history__header{display:flex;flex-direction:column;gap:.35rem}.mana-history__eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mh-muted);margin:0}.mana-history__title{margin:0;font-size:2rem;line-height:1.15}.mana-history__subtitle{margin:.35rem 0 0;color:var(--mh-muted);max-width:72ch}.mana-history__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.mana-history__row{display:grid;grid-template-columns:1fr auto;gap:.35rem 1.25rem;padding:1.1rem 1.1rem 1rem;border:1px solid var(--mh-border);border-radius:1rem;background:linear-gradient(145deg,var(--mh-surface),var(--mh-surface-strong));box-shadow:var(--mh-shadow);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.mana-history__row:hover{transform:translateY(-2px);box-shadow:0 16px 50px #0f172a1f}.mana-history__row-main{display:flex;flex-direction:column;gap:.35rem}.mana-history__row-title{font-weight:700;font-size:1rem}.mana-history__row-date{color:var(--mh-muted);font-size:.92rem}.mana-history__row-amount{font-weight:800;font-size:1.05rem;justify-self:end}.mana-history__row-amount--positive{color:var(--mh-positive)}.mana-history__row-amount--negative{color:var(--mh-negative)}.mana-history__chip{justify-self:start;padding:.28rem .75rem;border-radius:999px;font-size:.82rem;border:1px solid var(--mh-border);background:var(--mh-surface-strong);color:var(--mh-text);display:inline-flex;align-items:center;gap:.35rem}.mana-history__chip:before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor}.mana-history__chip--purchase{color:var(--mh-accent);border-color:#0ea5e959;background:#0ea5e914}.mana-history__chip--consumption{color:#f97316;border-color:#f9731659;background:#f9731614}.mana-history__chip--refund{color:var(--mh-positive);border-color:#16a34a59;background:#16a34a14}.mana-history__chip--bonus{color:#6366f1;border-color:#6366f159;background:#6366f114}.mana-history__button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.7rem 1.1rem;border-radius:.75rem;border:1px solid transparent;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;box-shadow:0 8px 20px #0ea5e926}.mana-history__button:hover:not(:disabled){transform:translateY(-1px)}.mana-history__button:focus-visible{outline:2px solid var(--mh-accent);outline-offset:2px}.mana-history__button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.mana-history__button--primary{background:var(--mh-accent);color:#fff;border-color:var(--mh-accent)}.mana-history__state{display:grid;place-items:center;gap:.5rem;padding:2rem;border:1px dashed var(--mh-border);border-radius:.9rem;color:var(--mh-muted);background:var(--mh-surface)}.mana-history__state--error{color:var(--mh-negative);border-color:#ef444459;background:#ef444414}.mana-history__spinner{width:32px;height:32px;border:3px solid var(--mh-border);border-top-color:var(--mh-accent);border-radius:50%;animation:mana-history-spin 1s linear infinite}@keyframes mana-history-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mana-history__empty-icon{font-size:1.6rem;margin:0}.mana-history__skeletons{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.mana-history__skeleton-card{border-radius:1rem;border:1px solid var(--mh-border);background:var(--mh-surface);padding:1rem;box-shadow:var(--mh-shadow);display:grid;gap:.55rem}.mana-history__skeleton-line{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--mh-border),var(--mh-surface-strong),var(--mh-border));background-size:200% 100%;animation:mana-history-shimmer 1.4s ease-in-out infinite}.mana-history__skeleton-line--wide{width:70%}.mana-history__skeleton-chip{width:90px;height:22px;border-radius:999px;background:linear-gradient(90deg,var(--mh-border),var(--mh-surface-strong),var(--mh-border));background-size:200% 100%;animation:mana-history-shimmer 1.4s ease-in-out infinite}@keyframes mana-history-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mana-history__load-more{display:flex;align-items:center;justify-content:center;padding:.75rem 0 .25rem;gap:.75rem;width:100%}.mana-history__observer{width:1px;height:1px}.mana-history__load-more .mana-history__button{width:100%;max-width:520px;background:linear-gradient(120deg,var(--mh-accent-strong),var(--mh-accent),var(--mh-accent-soft));box-shadow:0 12px 28px #0ea5e940}.mana-history__load-more .mana-history__button:hover:not(:disabled){box-shadow:0 14px 32px #0ea5e94d}.mana-history__inline-loader{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--mh-muted)}@media(max-width:640px){.mana-history{padding:1rem}.mana-history__row{grid-template-columns:1fr}.mana-history__row-amount{justify-self:start}}.privacy{min-height:100vh;padding:32px 16px;background:transparent;color:var(--text-primary, #0f172a)}.privacy__container{max-width:900px;margin:0 auto;background:var(--bg-primary, #ffffff);border-radius:24px;padding:48px;box-shadow:0 30px 80px #0f172a26,0 10px 30px #0f172a14;border:1px solid rgba(99,102,241,.15)}.privacy__header{margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid rgba(99,102,241,.1)}.privacy__back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary, #6366f1);text-decoration:none;font-weight:500;margin-bottom:16px;transition:color .2s ease,transform .2s ease}.privacy__back-link:hover{color:var(--text-primary, #8b5cf6);transform:translate(-4px)}.privacy__title{font-size:clamp(32px,5vw,48px);line-height:1.2;margin:0 0 12px;color:var(--text-primary, #0f172a);font-weight:700}.privacy__lastUpdated{margin:0;color:var(--text-secondary, #64748b);font-size:.9rem}.privacy__content{display:flex;flex-direction:column;gap:40px}.privacy__section{scroll-margin-top:20px}.privacy__section-title{font-size:clamp(24px,4vw,32px);line-height:1.3;margin:0 0 16px;color:var(--text-primary, #0f172a);font-weight:700;padding-bottom:12px;border-bottom:1px solid rgba(99,102,241,.2)}.privacy__subsection-title{font-size:clamp(18px,3vw,22px);line-height:1.4;margin:24px 0 12px;color:var(--text-primary, #0f172a);font-weight:600}.privacy__paragraph{margin:0 0 16px;color:var(--text-secondary, #475569);font-size:1rem;line-height:1.7}.privacy__paragraph--highlight{background:#6366f11a;padding:16px;border-radius:12px;border-left:4px solid #6366f1;margin-top:16px;font-weight:500}.privacy__list{margin:16px 0;padding-left:24px;color:var(--text-secondary, #475569);line-height:1.8}.privacy__list li{margin-bottom:12px}.privacy__contact-info{background:#6366f10d;padding:20px;border-radius:12px;margin-top:16px}.privacy__contact-info p{margin:8px 0;color:var(--text-secondary, #475569)}.privacy__contact-info strong{color:var(--text-primary, #0f172a);font-weight:600}.privacy__footer{margin-top:48px;padding-top:32px;border-top:2px solid rgba(99,102,241,.1);text-align:center}[data-theme=dark] .privacy,.privacy[data-theme=dark]{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .privacy__container,.privacy__container[data-theme=dark]{background:var(--bg-primary, #1e293b);border-color:#6366f14d}[data-theme=dark] .privacy__title,.privacy__title[data-theme=dark]{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .privacy__section-title,.privacy__section-title[data-theme=dark]{color:var(--text-primary, #f1f5f9);border-bottom-color:#6366f14d}[data-theme=dark] .privacy__subsection-title,.privacy__subsection-title[data-theme=dark]{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .privacy__paragraph,.privacy__paragraph[data-theme=dark],[data-theme=dark] .privacy__list,.privacy__list[data-theme=dark]{color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .privacy__contact-info,.privacy__contact-info[data-theme=dark]{background:#6366f126}[data-theme=dark] .privacy__contact-info strong,.privacy__contact-info[data-theme=dark] strong{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .privacy__header,.privacy__header[data-theme=dark]{border-bottom-color:#6366f14d}[data-theme=dark] .privacy__footer,.privacy__footer[data-theme=dark]{border-top-color:#6366f14d}[dir=rtl] .privacy__back-link:hover{transform:translate(4px)}[dir=rtl] .privacy__list{padding-left:0;padding-right:24px}@media(max-width:768px){.privacy{padding:16px 8px}.privacy__container{padding:24px 20px;border-radius:16px}.privacy__header{margin-bottom:32px;padding-bottom:20px}.privacy__content{gap:32px}.privacy__section{scroll-margin-top:16px}.privacy__footer{margin-top:32px;padding-top:24px}}@media(max-width:480px){.privacy__container{padding:20px 16px}.privacy__title{font-size:28px}.privacy__section-title{font-size:22px}.privacy__subsection-title{font-size:18px}.privacy__paragraph{font-size:.95rem}}@media print{.privacy__back-link,.privacy__footer{display:none}.privacy__container{box-shadow:none;border:none;padding:0}.privacy__section{page-break-inside:avoid}}.terms{min-height:100vh;padding:32px 16px;background:transparent;color:var(--text-primary, #0f172a)}.terms__container{max-width:900px;margin:0 auto;background:var(--bg-primary, #ffffff);border-radius:24px;padding:48px;box-shadow:0 30px 80px #0f172a26,0 10px 30px #0f172a14;border:1px solid rgba(99,102,241,.15)}.terms__header{margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid rgba(99,102,241,.1)}.terms__back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary, #6366f1);text-decoration:none;font-weight:500;margin-bottom:16px;transition:color .2s ease,transform .2s ease}.terms__back-link:hover{color:var(--text-primary, #8b5cf6);transform:translate(-4px)}.terms__title{font-size:clamp(32px,5vw,48px);line-height:1.2;margin:0 0 12px;color:var(--text-primary, #0f172a);font-weight:700}.terms__lastUpdated{margin:0;color:var(--text-secondary, #64748b);font-size:.9rem}.terms__content{display:flex;flex-direction:column;gap:40px}.terms__section{scroll-margin-top:20px}.terms__section-title{font-size:clamp(24px,4vw,32px);line-height:1.3;margin:0 0 16px;color:var(--text-primary, #0f172a);font-weight:700;padding-bottom:12px;border-bottom:1px solid rgba(99,102,241,.2)}.terms__subsection-title{font-size:clamp(18px,3vw,22px);line-height:1.4;margin:24px 0 12px;color:var(--text-primary, #0f172a);font-weight:600}.terms__paragraph{margin:0 0 16px;color:var(--text-secondary, #475569);font-size:1rem;line-height:1.7}.terms__paragraph--highlight{background:#6366f11a;padding:16px;border-radius:12px;border-left:4px solid #6366f1;margin-top:16px;font-weight:500}.terms__list{margin:16px 0;padding-left:24px;color:var(--text-secondary, #475569);line-height:1.8}.terms__list li{margin-bottom:12px}.terms__contact-info{background:#6366f10d;padding:20px;border-radius:12px;margin-top:16px}.terms__contact-info p{margin:8px 0;color:var(--text-secondary, #475569)}.terms__contact-info strong{color:var(--text-primary, #0f172a);font-weight:600}.terms__footer{margin-top:48px;padding-top:32px;border-top:2px solid rgba(99,102,241,.1);text-align:center}[data-theme=dark] .terms,.terms[data-theme=dark]{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .terms__container,.terms__container[data-theme=dark]{background:var(--bg-primary, #1e293b);border-color:#6366f14d}[data-theme=dark] .terms__title,.terms__title[data-theme=dark]{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .terms__section-title,.terms__section-title[data-theme=dark]{color:var(--text-primary, #f1f5f9);border-bottom-color:#6366f14d}[data-theme=dark] .terms__subsection-title,.terms__subsection-title[data-theme=dark]{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .terms__paragraph,.terms__paragraph[data-theme=dark],[data-theme=dark] .terms__list,.terms__list[data-theme=dark]{color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .terms__contact-info,.terms__contact-info[data-theme=dark]{background:#6366f126}[data-theme=dark] .terms__contact-info strong,.terms__contact-info[data-theme=dark] strong{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .terms__header,.terms__header[data-theme=dark]{border-bottom-color:#6366f14d}[data-theme=dark] .terms__footer,.terms__footer[data-theme=dark]{border-top-color:#6366f14d}[dir=rtl] .terms__back-link:hover{transform:translate(4px)}[dir=rtl] .terms__list{padding-left:0;padding-right:24px}@media(max-width:768px){.terms{padding:16px 8px}.terms__container{padding:24px 20px;border-radius:16px}.terms__header{margin-bottom:32px;padding-bottom:20px}.terms__content{gap:32px}.terms__section{scroll-margin-top:16px}.terms__footer{margin-top:32px;padding-top:24px}}@media(max-width:480px){.terms__container{padding:20px 16px}.terms__title{font-size:28px}.terms__section-title{font-size:22px}.terms__subsection-title{font-size:18px}.terms__paragraph{font-size:.95rem}}@media print{.terms__back-link,.terms__footer{display:none}.terms__container{box-shadow:none;border:none;padding:0}.terms__section{page-break-inside:avoid}}.terms-conditions{min-height:100vh;padding:32px 16px;background:transparent;color:var(--text-primary, #0f172a)}.terms-conditions__container{max-width:900px;margin:0 auto;background:var(--bg-primary, #ffffff);border-radius:24px;padding:48px;box-shadow:0 30px 80px #0f172a26,0 10px 30px #0f172a14;border:1px solid rgba(99,102,241,.15)}.terms-conditions__header{margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid rgba(99,102,241,.1)}.terms-conditions__back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary, #6366f1);text-decoration:none;font-weight:500;margin-bottom:16px;transition:color .2s ease,transform .2s ease}.terms-conditions__back-link:hover{color:var(--text-primary, #8b5cf6);transform:translate(-4px)}.terms-conditions__title{font-size:clamp(32px,5vw,48px);line-height:1.2;margin:0 0 12px;color:var(--text-primary, #0f172a);font-weight:700}.terms-conditions__lastUpdated{margin:0;color:var(--text-secondary, #64748b);font-size:.9rem}.terms-conditions__content{display:flex;flex-direction:column;gap:40px}.terms-conditions__section{scroll-margin-top:20px}.terms-conditions__section-title{font-size:clamp(24px,4vw,32px);line-height:1.3;margin:0 0 16px;color:var(--text-primary, #0f172a);font-weight:700;padding-bottom:12px;border-bottom:1px solid rgba(99,102,241,.2)}.terms-conditions__subsection-title{font-size:clamp(18px,3vw,22px);line-height:1.4;margin:24px 0 12px;color:var(--text-primary, #0f172a);font-weight:600}.terms-conditions__paragraph{margin:0 0 16px;color:var(--text-secondary, #475569);font-size:1rem;line-height:1.7}.terms-conditions__paragraph--highlight{background:#6366f11a;padding:16px;border-radius:12px;border-left:4px solid #6366f1;margin-top:16px;font-weight:500}.terms-conditions__list{margin:16px 0;padding-left:24px;color:var(--text-secondary, #475569);line-height:1.8}.terms-conditions__list li{margin-bottom:12px}.terms-conditions__contact-info{background:#6366f10d;padding:20px;border-radius:12px;margin-top:16px}.terms-conditions__contact-info p{margin:8px 0;color:var(--text-secondary, #475569)}.terms-conditions__contact-info strong{color:var(--text-primary, #0f172a);font-weight:600}.terms-conditions__footer{margin-top:48px;padding-top:32px;border-top:2px solid rgba(99,102,241,.1);text-align:center}[data-theme=dark] .terms-conditions,.terms-conditions[data-theme=dark]{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .terms-conditions__container,.terms-conditions__container[data-theme=dark]{background:var(--bg-primary, #1e293b);border-color:#6366f14d}[data-theme=dark] .terms-conditions__title,.terms-conditions__title[data-theme=dark]{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .terms-conditions__section-title,.terms-conditions__section-title[data-theme=dark]{color:var(--text-primary, #f1f5f9);border-bottom-color:#6366f14d}[data-theme=dark] .terms-conditions__subsection-title,.terms-conditions__subsection-title[data-theme=dark]{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .terms-conditions__paragraph,.terms-conditions__paragraph[data-theme=dark],[data-theme=dark] .terms-conditions__list,.terms-conditions__list[data-theme=dark]{color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .terms-conditions__contact-info,.terms-conditions__contact-info[data-theme=dark]{background:#6366f126}[data-theme=dark] .terms-conditions__contact-info strong,.terms-conditions__contact-info[data-theme=dark] strong{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .terms-conditions__header,.terms-conditions__header[data-theme=dark]{border-bottom-color:#6366f14d}[data-theme=dark] .terms-conditions__footer,.terms-conditions__footer[data-theme=dark]{border-top-color:#6366f14d}[dir=rtl] .terms-conditions__back-link:hover{transform:translate(4px)}[dir=rtl] .terms-conditions__list{padding-left:0;padding-right:24px}@media(max-width:768px){.terms-conditions{padding:16px 8px}.terms-conditions__container{padding:24px 20px;border-radius:16px}.terms-conditions__header{margin-bottom:32px;padding-bottom:20px}.terms-conditions__content{gap:32px}.terms-conditions__section{scroll-margin-top:16px}.terms-conditions__footer{margin-top:32px;padding-top:24px}}@media(max-width:480px){.terms-conditions__container{padding:20px 16px}.terms-conditions__title{font-size:28px}.terms-conditions__section-title{font-size:22px}.terms-conditions__subsection-title{font-size:18px}.terms-conditions__paragraph{font-size:.95rem}}@media print{.terms-conditions__back-link,.terms-conditions__footer{display:none}.terms-conditions__container{box-shadow:none;border:none;padding:0}.terms-conditions__section{page-break-inside:avoid}}.pricing{min-height:100vh;padding:32px 16px;background:transparent;color:var(--text-primary, #0f172a)}.pricing__container{max-width:1200px;margin:0 auto;background:var(--bg-primary, #ffffff);border-radius:24px;padding:48px;box-shadow:0 30px 80px #0f172a26,0 10px 30px #0f172a14;border:1px solid rgba(99,102,241,.15)}.pricing__header{margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid rgba(99,102,241,.1);text-align:center}.pricing__back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary, #6366f1);text-decoration:none;font-weight:500;margin-bottom:16px;transition:color .2s ease,transform .2s ease}.pricing__back-link:hover{color:var(--text-primary, #8b5cf6);transform:translate(-4px)}.pricing__title{font-size:clamp(32px,5vw,48px);line-height:1.2;margin:0 0 12px;color:var(--text-primary, #0f172a);font-weight:700}.pricing__subtitle{margin:0;color:var(--text-secondary, #64748b);font-size:1.1rem;line-height:1.6}.pricing__content{display:flex;flex-direction:column;gap:32px}.pricing__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary, #64748b)}.pricing__empty-icon{margin-bottom:16px;opacity:.5}.pricing__packages{display:flex;flex-direction:column;gap:24px}.pricing__packages-title{font-size:clamp(24px,4vw,32px);line-height:1.3;margin:0;color:var(--text-primary, #0f172a);font-weight:700;padding-bottom:12px;border-bottom:1px solid rgba(99,102,241,.2)}.pricing__packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.pricing__package-card{padding:24px;border:2px solid var(--color-border, rgba(15, 23, 42, .1));border-radius:16px;background:var(--bg-primary, #ffffff);cursor:pointer;transition:all .2s ease;text-align:left;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 14px #0000000a;position:relative}.pricing__package-card:hover{border-color:var(--color-accent, #6366f1);transform:translateY(-4px);box-shadow:0 12px 40px #6366f126}.pricing__package-card:active{transform:translateY(-2px)}.pricing__package-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pricing__badge{background:#6366f11f;color:var(--color-accent, #6366f1);border:1px solid rgba(99,102,241,.2);padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.pricing__package-name{font-size:1.1rem;font-weight:700;color:var(--text-primary, #0f172a);margin-bottom:8px}.pricing__package-amount{font-size:1.5rem;font-weight:800;color:var(--color-accent, #6366f1);line-height:1.2}.pricing__package-price{font-size:1.75rem;font-weight:700;color:var(--text-primary, #0f172a);display:flex;flex-direction:column;gap:4px}.pricing__package-note{font-size:.875rem;color:var(--text-secondary, #64748b);font-weight:400}.pricing__package-action{margin-top:auto;padding:12px 24px;background:var(--color-accent, #6366f1);color:#fff;border-radius:8px;font-weight:600;text-align:center;transition:background .2s ease}.pricing__package-card:hover .pricing__package-action{background:var(--color-accent-hover, #4f46e5)}.pricing__footer{margin-top:48px;padding-top:32px;border-top:2px solid rgba(99,102,241,.1);text-align:center}[data-theme=dark] .pricing,.pricing[data-theme=dark]{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .pricing__container,.pricing__container[data-theme=dark]{background:var(--bg-primary, #1e293b);border-color:#6366f14d}[data-theme=dark] .pricing__title,.pricing__title[data-theme=dark]{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .pricing__packages-title,.pricing__packages-title[data-theme=dark]{color:var(--text-primary, #f1f5f9);border-bottom-color:#6366f14d}[data-theme=dark] .pricing__subtitle,.pricing__subtitle[data-theme=dark]{color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .pricing__package-card,.pricing__package-card[data-theme=dark]{background:var(--bg-secondary, #334155);border-color:#6366f133}[data-theme=dark] .pricing__package-name,.pricing__package-name[data-theme=dark],[data-theme=dark] .pricing__package-price,.pricing__package-price[data-theme=dark]{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .pricing__package-note,.pricing__package-note[data-theme=dark]{color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .pricing__header,.pricing__header[data-theme=dark]{border-bottom-color:#6366f14d}[data-theme=dark] .pricing__footer,.pricing__footer[data-theme=dark]{border-top-color:#6366f14d}[dir=rtl] .pricing__back-link:hover{transform:translate(4px)}[dir=rtl] .pricing__package-card{text-align:right}@media(max-width:768px){.pricing{padding:16px 8px}.pricing__container{padding:24px 20px;border-radius:16px}.pricing__header{margin-bottom:32px;padding-bottom:20px}.pricing__content{gap:24px}.pricing__packages-grid{grid-template-columns:1fr;gap:16px}.pricing__package-card{padding:20px}.pricing__footer{margin-top:32px;padding-top:24px}}@media(max-width:480px){.pricing__container{padding:20px 16px}.pricing__title{font-size:28px}.pricing__packages-title{font-size:22px}.pricing__package-amount{font-size:1.25rem}.pricing__package-price{font-size:1.5rem}}@media print{.pricing__back-link,.pricing__footer{display:none}.pricing__container{box-shadow:none;border:none;padding:0}.pricing__package-card{page-break-inside:avoid}}.become-writer{min-height:100vh;padding:32px 16px;background:transparent;color:var(--text-primary, #0f172a)}.become-writer__container{max-width:900px;margin:0 auto;background:var(--bg-primary, #ffffff);border-radius:24px;padding:48px;box-shadow:0 30px 80px #0f172a26,0 10px 30px #0f172a14;border:1px solid rgba(99,102,241,.15)}.become-writer__header{margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid rgba(99,102,241,.1)}.become-writer__back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary, #6366f1);text-decoration:none;font-weight:500;margin-bottom:16px;transition:color .2s ease,transform .2s ease}.become-writer__back-link:hover{color:var(--text-primary, #8b5cf6);transform:translate(-4px)}.become-writer__title{font-size:clamp(32px,5vw,48px);line-height:1.2;margin:0;color:var(--text-primary, #0f172a);font-weight:700}.become-writer__content{display:flex;flex-direction:column;gap:40px}.become-writer__section{scroll-margin-top:20px}.become-writer__section-title{font-size:clamp(24px,4vw,32px);line-height:1.3;margin:0 0 16px;color:var(--text-primary, #0f172a);font-weight:700;padding-bottom:12px;border-bottom:1px solid rgba(99,102,241,.2)}.become-writer__paragraph{margin:0;color:var(--text-secondary, #475569);font-size:1rem;line-height:1.7}.become-writer__actions{margin-top:24px;padding-top:32px;border-top:1px solid rgba(99,102,241,.15)}.become-writer__cta{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:1rem;font-weight:600;color:#fff;background:var(--accent-primary, #6366f1);border:none;border-radius:12px;cursor:pointer;transition:background .2s ease,transform .2s ease}.become-writer__cta:hover{background:var(--accent-hover, #4f46e5);transform:translateY(-1px)}.become-writer__cta:active{transform:translateY(0)}[data-theme=light]{--color-bg-primary: #FCD8CD;--color-bg-secondary: #FEEBF6;--color-bg-tertiary: #EBD6FB;--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-border: rgba(30, 41, 59, .1);--color-border-strong: rgba(30, 41, 59, .2);--color-accent: #687FE5;--color-accent-light: #8B9CF5;--color-accent-rgb: 104, 127, 229;--color-accent-bg: rgba(104, 127, 229, .1);--color-accent-contrast: #ffffff;--color-success: #10b981;--color-error: #ef4444;--color-info: #3b82f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--modal-gradient-start: #EBD6FB;--modal-gradient-end: #687FE5;--modal-gradient-start-rgba: rgba(235, 214, 251, .95);--modal-gradient-end-rgba: rgba(104, 127, 229, .95);--modal-backdrop-opacity: .5;--modal-bg: #FEEBF6;--modal-border: rgba(30, 41, 59, .1)}[data-theme=dark]{--color-bg-primary: #1A1A1D;--color-bg-secondary: #3B1C32;--color-bg-tertiary: #6A1E55;--color-text-primary: #f8fafc;--color-text-secondary: #e2e8f0;--color-text-tertiary: #cbd5e1;--color-border: rgba(248, 250, 252, .1);--color-border-strong: rgba(248, 250, 252, .2);--color-accent: #A64D79;--color-accent-light: #C77BA8;--color-accent-rgb: 166, 77, 121;--color-accent-bg: rgba(166, 77, 121, .16);--color-accent-contrast: #ffffff;--color-success: #10b981;--color-error: #f87171;--color-info: #38bdf8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--modal-gradient-start: #6A1E55;--modal-gradient-end: #A64D79;--modal-gradient-start-rgba: rgba(106, 30, 85, .95);--modal-gradient-end-rgba: rgba(166, 77, 121, .95);--modal-backdrop-opacity: .7;--modal-bg: #3B1C32;--modal-border: rgba(248, 250, 252, .2)}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}html{overscroll-behavior-y:contain}#root{min-height:100vh}a{color:inherit}[dir=rtl]{direction:rtl}[dir=ltr]{direction:ltr}.app-shell{display:flex;flex-direction:column;min-height:100vh}.site-header{background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);margin:.75rem;border-radius:.75rem;border:1px solid var(--color-border)}.site-header__inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem}.site-header__main{display:flex;flex-direction:column;gap:.25rem;flex:1}.site-header__logo{font-size:1.5rem;font-weight:700;letter-spacing:.04em;text-decoration:none;color:var(--color-text-primary)}.site-header__tagline{margin:0;color:var(--color-text-tertiary);font-size:.875rem}.site-header__nav{display:none;align-items:center;gap:.5rem}.site-header__nav-link{padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:500;color:var(--color-text-secondary);transition:background-color .2s,color .2s;white-space:nowrap}.site-header__nav-link:hover{background-color:var(--color-accent-bg);color:var(--color-text-primary)}.site-header__nav-link--active{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 40%,transparent),color-mix(in srgb,var(--color-accent-light) 40%,transparent));color:var(--color-text-primary)}.site-header__controls{display:flex;align-items:center;gap:.75rem}.site-header__dropdown{position:relative}.site-header__dropdown-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s}.site-header__dropdown-toggle:hover,.site-header__dropdown-toggle:focus-visible{background:var(--color-accent-bg);border-color:var(--color-accent);box-shadow:0 6px 20px #00000014;outline:none}.site-header__dropdown-label{white-space:nowrap}.site-header__dropdown-icon{transition:transform .2s ease}.site-header__dropdown-icon.is-open{transform:rotate(180deg)}.site-header__dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:9rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 12px 30px #00000026;padding:.35rem;list-style:none;margin:0;z-index:200}.site-header__dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .75rem;border:none;background:transparent;color:var(--color-text-primary);font-size:.875rem;font-weight:500;border-radius:.4rem;cursor:pointer;transition:background-color .15s}.site-header__dropdown-item:hover,.site-header__dropdown-item:focus-visible{background:var(--color-accent-bg);outline:none}.site-header__dropdown-item.is-active{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 18%,transparent),color-mix(in srgb,var(--color-accent-light) 18%,transparent));border:1px solid var(--color-accent)}.site-header__button{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.site-header__button:hover{background:var(--color-accent-bg);border-color:var(--color-accent)}.app-shell__body{flex:1;min-height:0;padding-bottom:4.5rem}.app-shell__content{padding:2rem 3rem;overflow-y:auto}.page{display:flex;flex-direction:column;gap:1.5rem}.page__intro{margin:0;color:var(--color-text-tertiary);max-width:48rem}.panel{background:var(--color-bg-secondary);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.panel__header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.panel__header h2{margin:0;color:var(--color-text-primary)}.panel__subtitle{margin:0;color:var(--color-text-tertiary);font-size:.875rem}.panel__list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem}[dir=rtl] .panel__list{padding-left:0;padding-right:1.25rem}.panel__list li{color:var(--color-text-secondary)}.service-status{padding:.75rem 1rem;border-radius:.75rem;margin-bottom:1rem}.service-status--loading{background:#38bdf81a;color:var(--color-info)}.service-status--error{background:#f871711a;color:var(--color-error)}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;margin:2rem auto;max-width:32rem;background:var(--color-bg-secondary);border:2px solid rgba(239,68,68,.3);border-radius:1rem;box-shadow:var(--shadow-lg)}.access-denied__icon{font-size:4rem;margin-bottom:1rem;line-height:1}.access-denied__title{margin:0 0 .75rem;font-size:1.75rem;font-weight:700;color:var(--color-error)}.access-denied__message{margin:0;font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.button{display:inline-flex;gap:.5rem;padding:.65rem 1.15rem;border-radius:.75rem;text-decoration:none;background:linear-gradient(120deg,var(--color-accent),var(--color-accent-light));color:var(--color-accent-contrast);font-weight:600;transition:transform .2s ease;border:none;cursor:pointer}.button:hover{transform:translateY(-1px)}.button--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.button--secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}.bottom-nav[data-theme=light]{--bottom-nav-bg-secondary: #FEEBF6;--bottom-nav-bg-tertiary: #EBD6FB;--bottom-nav-text-primary: #1e293b;--bottom-nav-text-secondary: #475569;--bottom-nav-text-tertiary: #64748b;--bottom-nav-border: rgba(30, 41, 59, .1);--bottom-nav-border-strong: rgba(30, 41, 59, .2);--bottom-nav-accent-bg: rgba(104, 127, 229, .1);--bottom-nav-active-gradient: linear-gradient(135deg, rgba(104, 127, 229, .4), rgba(139, 156, 245, .4));--bottom-nav-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05)}.bottom-nav[data-theme=dark]{--bottom-nav-bg-secondary: #3B1C32;--bottom-nav-bg-tertiary: #6A1E55;--bottom-nav-text-primary: #f8fafc;--bottom-nav-text-secondary: #e2e8f0;--bottom-nav-text-tertiary: #cbd5e1;--bottom-nav-border: rgba(248, 250, 252, .1);--bottom-nav-border-strong: rgba(248, 250, 252, .2);--bottom-nav-accent-bg: rgba(166, 77, 121, .16);--bottom-nav-active-gradient: linear-gradient(135deg, rgba(166, 77, 121, .4), rgba(199, 123, 168, .4));--bottom-nav-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3)}.bottom-nav{position:fixed;bottom:.75rem;left:.75rem;right:.75rem;display:flex;align-items:center;justify-content:space-around;background:var(--bottom-nav-bg-secondary, var(--color-bg-secondary));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;padding:.75rem;box-shadow:var(--bottom-nav-shadow-sm, var(--shadow-sm));border:1px solid var(--bottom-nav-border, var(--color-border));z-index:100;gap:.5rem;transition:transform .3s ease-in-out}.bottom-nav--hidden{transform:translateY(calc(100% + 1.5rem))}.bottom-nav__link{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;color:var(--bottom-nav-text-secondary, var(--color-text-secondary));transition:background-color .2s,color .2s;text-decoration:none}.bottom-nav__link:hover{background-color:var(--bottom-nav-accent-bg, var(--color-accent-bg));color:var(--bottom-nav-text-primary, var(--color-text-primary))}.bottom-nav__link--active{background:var(--bottom-nav-active-gradient, linear-gradient(135deg, rgba(166, 77, 121, .4), rgba(199, 123, 168, .4)));color:var(--bottom-nav-text-primary, var(--color-text-primary))}.bottom-nav__link svg{width:24px;height:24px}.bottom-nav__handle{position:absolute;top:.375rem;left:50%;transform:translate(-50%);width:3rem;height:.375rem;background:var(--bottom-nav-text-tertiary);border-radius:.25rem;opacity:.5}.modal{position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:1rem;display:none}.modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,var(--modal-backdrop-opacity));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal__content{position:relative;z-index:1;width:100%;max-width:32rem;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,var(--modal-gradient-start-rgba),var(--modal-gradient-end-rgba));border:1px solid var(--modal-border);border-radius:1rem;box-shadow:var(--shadow-xl);animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--modal-border);background:var(--modal-bg);border-radius:1rem 1rem 0 0}.modal__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.modal__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:.5rem;transition:background-color .2s,color .2s}.modal__close:hover{background:var(--color-accent-bg);color:var(--color-text-primary)}.modal__close svg{width:1.25rem;height:1.25rem}.modal__body{padding:1.5rem;background:var(--modal-bg);color:var(--color-text-primary);flex:1;overflow-y:auto}.drawer{position:fixed;inset:0;z-index:1000;flex-direction:column;justify-content:flex-end;display:none}.drawer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,var(--modal-backdrop-opacity));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.drawer__content{position:relative;z-index:1;width:100%;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,var(--modal-gradient-start-rgba),var(--modal-gradient-end-rgba));border:1px solid var(--modal-border);border-radius:1.5rem 1.5rem 0 0;box-shadow:var(--shadow-xl);animation:drawerSlideUp .3s ease-out;display:flex;flex-direction:column;touch-action:pan-y}.drawer__handle{width:3rem;height:.375rem;margin:.75rem auto;background:var(--color-text-tertiary);border-radius:.25rem;opacity:.5}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--modal-border);background:var(--modal-bg);border-radius:1.5rem 1.5rem 0 0}.drawer__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.drawer__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:.5rem;transition:background-color .2s,color .2s}.drawer__close:hover{background:var(--color-accent-bg);color:var(--color-text-primary)}.drawer__close svg{width:1.25rem;height:1.25rem}.drawer__body{padding:1.25rem 1.5rem;background:var(--modal-bg);color:var(--color-text-primary);flex:1;overflow-y:auto}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:.5rem 0}.quick-actions__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;text-align:center;min-height:120px}.quick-actions__item:hover{background:var(--color-accent-bg);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-actions__item:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.quick-actions__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.75rem;background:var(--color-accent-bg);color:var(--color-accent);transition:all .2s ease}.quick-actions__item:hover .quick-actions__icon{background:var(--color-accent);color:var(--color-bg-primary);transform:scale(1.1)}.quick-actions__content{display:flex;flex-direction:column;gap:.25rem;width:100%}.quick-actions__label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.quick-actions__value{font-size:1rem;color:var(--color-text-primary);font-weight:600}.quick-actions__item-wrapper{position:relative;width:100%;min-width:0}.quick-actions__item-wrapper>.quick-actions__item{width:100%}.quick-actions__dropdown-icon{position:absolute;top:.75rem;right:.75rem;transition:transform .2s ease;color:var(--color-text-secondary)}.quick-actions__dropdown-icon.is-open{transform:rotate(180deg)}.quick-actions__dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:10;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;box-shadow:0 12px 30px #00000026;padding:.5rem;list-style:none;margin:0;animation:fadeIn .2s ease-out}.quick-actions__dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--color-text-primary);font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-align:left}.quick-actions__dropdown-item:hover,.quick-actions__dropdown-item:focus-visible{background:var(--color-accent-bg);outline:none}.quick-actions__dropdown-item.is-active{background:linear-gradient(135deg,#6366f12e,#0ea5e92e);border:1px solid var(--color-accent);color:var(--color-accent);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-1rem)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:767px){.site-header{display:none}.app-shell__body{padding-bottom:5rem}.app-shell__content{padding:1.5rem 1rem}.panel{padding:1rem}.bottom-nav,.drawer{display:flex}.modal{display:none}}@media(min-width:768px)and (max-width:1023px){.site-header{margin:.75rem 2rem}.site-header__inner{padding:.75rem 1.5rem;gap:1.5rem}.site-header__main{flex:0 0 auto}.site-header__nav{display:flex;flex:1;justify-content:center}.app-shell__body{padding-bottom:0}.app-shell__content{padding:2rem 1.5rem}.panel{padding:1.25rem}.bottom-nav{display:none}.modal{display:flex}.drawer{display:none}}@media(min-width:1024px){.site-header{margin:.75rem 3rem}.site-header__inner{padding:.75rem 2rem;gap:2rem}.site-header__main{flex:0 0 auto}.site-header__nav{display:flex;flex:1;justify-content:center}.app-shell__body{padding-bottom:0}.app-shell__content{padding:2rem 3rem}.panel{padding:1.5rem}.bottom-nav{display:none}.modal{display:flex}.drawer{display:none}}@media(min-width:1440px){.app-shell__content{padding:2rem 4rem;max-width:1400px;margin:0 auto}}