@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex-direction:column;min-width:100%;min-height:100vh;width:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:var(--primary-color);color:#fff;box-shadow:0 2px 10px #0000001a;z-index:10;width:100%;position:sticky;top:0}.header__logo h1{font-size:1.5rem;font-weight:700;margin:0}.header__actions{display:flex;align-items:center;gap:1rem}.header__theme-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;transition:background-color .2s}.header__theme-toggle:hover{background-color:#ffffff1a}.header__menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;transition:background-color .2s}.header__menu-toggle:hover{background-color:#ffffff1a}.header__login-button{display:flex;align-items:center;gap:.5rem;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s}.header__login-button:hover{background-color:#fff3}.user-menu{position:relative}.user-menu__toggle{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.user-menu__dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--bg-secondary);border-radius:.5rem;box-shadow:var(--card-shadow);width:240px;z-index:100;overflow:hidden}.user-menu__header{padding:1rem;border-bottom:1px solid var(--border-color)}.user-menu__name{font-weight:600;color:var(--text-color);margin-bottom:.25rem}.user-menu__email{font-size:.875rem;color:var(--text-secondary);word-break:break-all}.user-menu__divider{height:1px;background-color:var(--border-color)}.user-menu__list{list-style:none;padding:.5rem 0;margin:0}.user-menu__item{margin:0}.user-menu__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-color);text-decoration:none;transition:background-color .2s;width:100%;text-align:left}.user-menu__link:hover{background-color:var(--hover-color);text-decoration:none}.user-menu__link i{font-size:1.25rem;color:var(--text-secondary)}.user-menu__link--button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.2);transition:border-color .2s}.user-avatar:hover{border-color:#fff6}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--primary-light);color:var(--primary-color);font-weight:600;font-size:1.25rem}@media (max-width: 768px){.header{padding:.75rem 1rem}.header__menu-toggle{display:flex}}.icon-menu{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E")}.icon-close{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.icon-moon{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z'/%3E%3C/svg%3E")}.icon-login{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 7L9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5-5-5zm9 12h-8v2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-8v2h8v14z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 7L9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5-5-5zm9 12h-8v2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-8v2h8v14z'/%3E%3C/svg%3E")}.icon-logout{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z'/%3E%3C/svg%3E")}.icon-settings{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z'/%3E%3C/svg%3E")}.layout{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden;background-color:var(--bg-color);color:var(--text-color)}.layout__content{flex:1;display:flex}.layout__content--no-sidebar{display:block;padding:0;margin:0;width:100%}.main-content{flex:1;padding:2rem;overflow-y:auto;background:var(--bg-color);height:calc(100vh - 64px);width:100%;max-width:100%}.main-content--full{padding:0;margin:0;width:100%}.sidebar{width:250px;background:var(--bg-secondary);border-right:1px solid var(--border-color);transition:transform .3s ease;overflow-y:auto;height:calc(100vh - 64px);z-index:5}@media (max-width: 768px){.sidebar{position:fixed;top:60px;left:0;bottom:0;z-index:100;transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.sidebar__nav{padding:1rem}.sidebar__list{list-style:none;padding:0;margin:0}.sidebar__item{margin-bottom:.5rem}.sidebar__item--active .sidebar__link{background:var(--primary-color);color:#fff}.sidebar__item--active .sidebar__link i{color:#fff}.sidebar__link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-color);text-decoration:none;border-radius:8px;transition:all .3s ease}.sidebar__link:hover{background:rgba(var(--primary-rgb),.1)}.sidebar__link i{margin-right:1rem;color:var(--text-secondary);font-size:1.2rem}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;display:none}@media (max-width: 768px){.sidebar-overlay{display:block}}[class^=icon-]{display:inline-block;width:1.5rem;height:1.5rem;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.icon-home{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E")}.icon-image{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E")}.icon-gallery{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11-4l2.03 2.71L16 11l4 5H8l3-4zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6H2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11-4l2.03 2.71L16 11l4 5H8l3-4zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6H2z'/%3E%3C/svg%3E")}.icon-settings{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z'/%3E%3C/svg%3E")}.landing-page{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.landing-header{position:fixed;top:0;left:0;right:0;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a}.landing-nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.landing-nav__logo a{font-size:1.5rem;font-weight:700;color:var(--text-color);text-decoration:none;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-nav__links{display:flex;gap:2rem;align-items:center}.landing-nav__links a{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s ease}.landing-nav__links a:hover{color:var(--primary-color)}.landing-nav__links a.button,.landing-nav__links a.button:hover{color:#fff}.landing-main{flex:1;padding-top:80px}.landing-footer{background:var(--bg-secondary);padding:4rem 2rem 2rem;margin-top:4rem}.landing-footer__content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.landing-footer__section h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-footer__section h4{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.landing-footer__section p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.landing-footer__section a{display:block;color:var(--text-secondary);text-decoration:none;margin-bottom:.5rem;transition:color .3s ease}.landing-footer__section a:hover{color:var(--primary-color)}.landing-footer__social{display:flex;gap:1rem;margin-top:1rem}.landing-footer__bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(var(--text-rgb),.1);color:var(--text-secondary)}.section-header{text-align:center;margin-bottom:4rem}.section-header .section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header .section-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.hero{display:flex;align-items:center;gap:4rem;padding:8rem 2rem 6rem;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--secondary-rgb),.1));position:relative;overflow:hidden}.hero__content{flex:1;max-width:600px;margin:0 auto}.hero__badge{display:inline-block;padding:.5rem 1rem;background:rgba(var(--primary-rgb),.1);color:var(--primary-color);border-radius:20px;font-weight:600;font-size:.9rem;margin-bottom:2rem}.hero__title{font-size:3.5rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem;color:var(--text-color)}.hero__title .highlight{background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero__subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.hero__actions{display:flex;gap:1rem;margin-bottom:3rem}.hero__stats{display:flex;gap:3rem}.hero__stats .stat__number{display:block;font-size:2rem;font-weight:800;color:var(--primary-color);margin-bottom:.5rem}.hero__stats .stat__label{color:var(--text-secondary);font-size:.9rem}.hero__image{flex:1;max-width:600px}.hero__image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;position:relative}.hero__image-grid img{width:100%;height:250px;object-fit:cover;border-radius:12px;box-shadow:0 10px 20px #0000001a;transition:transform .3s ease}.hero__image-grid img:hover{transform:translateY(-5px)}.hero__image-grid .hero__image-item--1{transform:rotate(-5deg)}.hero__image-grid .hero__image-item--2{transform:rotate(5deg)}.hero__image-grid .hero__image-item--3{transform:rotate(3deg)}.hero__image-grid .hero__image-item--4{transform:rotate(-3deg)}.benefits{padding:6rem 2rem;background:#fff}.benefits__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.benefit-card{padding:2rem;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000d;transition:transform .3s ease}.benefit-card:hover{transform:translateY(-10px)}.benefit-card__icon{width:60px;height:60px;background:rgba(var(--primary-rgb),.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.benefit-card__icon i{font-size:24px;color:var(--primary-color)}.benefit-card__title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.benefit-card__description{color:var(--text-secondary);line-height:1.6}.workflow{padding:6rem 2rem;background:linear-gradient(135deg,rgba(var(--primary-rgb),.05),rgba(var(--secondary-rgb),.05))}.workflow__steps{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.workflow-step{display:flex;gap:2rem;align-items:flex-start}.workflow-step__number{width:60px;height:60px;background:var(--primary-color);color:#fff;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.workflow-step__content{flex:1}.workflow-step__title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.workflow-step__description{color:var(--text-secondary);line-height:1.6;font-size:1.1rem}.featured-characters{padding:6rem 2rem;background:#fff;overflow:hidden}.featured-slider{position:relative;width:100%;max-width:1200px;margin:0 auto}.featured-slider__container{display:flex;transition:transform .5s ease-in-out;width:100%}.featured-slider__slide{min-width:100%;height:600px;padding:0 1rem}.featured-slider__content{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.featured-slider__image{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #00000026}.featured-slider__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.featured-slider__overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem;background:linear-gradient(to top,#000c,#0009,#0000);opacity:0;transition:opacity .3s ease}.featured-slider__info{max-width:800px;margin:0 auto;text-align:center;color:#fff}.featured-slider__title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.featured-slider__description{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.featured-slider__view{display:inline-block;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;color:#fff;background:#fff3;border:2px solid white;border-radius:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.featured-slider__view:hover{background:#ffffff4d;transform:translateY(-2px)}.featured-slider__content:hover .featured-slider__overlay{opacity:1}.featured-slider__content:hover img{transform:scale(1.05)}.featured-slider__dots{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.featured-slider__dot{width:12px;height:12px;border-radius:50%;background:rgba(var(--primary-rgb),.2);border:none;cursor:pointer;transition:all .3s ease}.featured-slider__dot.active{background:var(--primary-color);transform:scale(1.2)}.featured-slider__dot:hover{background:var(--primary-color)}@media (max-width: 768px){.featured-slider__slide{height:400px}.featured-slider__title{font-size:2rem}.featured-slider__description{font-size:1rem}}.cta{padding:6rem 2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));text-align:center;color:#fff}.cta__content{max-width:800px;margin:0 auto}.cta__title{font-size:3rem;font-weight:800;margin-bottom:1.5rem}.cta__description{font-size:1.25rem;margin-bottom:2.5rem;opacity:.9}.cta .button--primary{background:#fff;color:var(--primary-color)}.cta .button--primary:hover{background:#ffffffe6}@media (max-width: 1024px){.hero{flex-direction:column;padding:4rem 2rem;text-align:center}.hero__content{max-width:100%}.hero__stats,.hero__actions{justify-content:center}.workflow-step{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 768px){.landing-nav__links{display:none}.hero{padding:6rem 1rem 4rem;text-align:center}.hero__title{font-size:2.5rem}.hero__stats{flex-direction:column;gap:2rem;align-items:center}.hero__actions{flex-direction:column;align-items:center}.landing-footer__content{grid-template-columns:1fr;text-align:center}.landing-footer__social{justify-content:center}.benefits__grid{grid-template-columns:1fr}.featured-slider__slide{height:400px}.featured-slider__title{font-size:2rem}.featured-slider__description{font-size:1rem}}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-spinner .spinner{width:50px;height:50px;border:3px solid rgba(var(--primary-rgb),.1);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.generator-page{max-width:1600px;margin:0 auto;padding:2rem;width:100%;min-height:100vh;background-color:var(--bg-color)}@media (max-width: 1700px){.generator-page{max-width:95%}}@media (max-width: 1024px){.generator-page{padding:1.5rem}}@media (max-width: 480px){.generator-page{padding:1rem;max-width:100%}}.generator-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--text-color);text-align:center}@media (max-width: 768px){.generator-title{font-size:2rem;margin-bottom:1.5rem}}@media (max-width: 480px){.generator-title{font-size:1.75rem;margin-bottom:1rem}}.generator-container{display:grid;grid-template-columns:6fr 5fr;gap:2.5rem;margin-bottom:2rem;width:100%}@media (max-width: 1400px){.generator-container{gap:2rem}}@media (max-width: 1024px){.generator-container{grid-template-columns:1fr;gap:1.5rem}}.generator-form{background-color:var(--bg-secondary);border-radius:1rem;padding:2.5rem;box-shadow:var(--card-shadow)}@media (max-width: 1400px){.generator-form{padding:2rem}}@media (max-width: 768px){.generator-form{padding:1.5rem}}@media (max-width: 480px){.generator-form{padding:1rem}}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group .prompt-actions{margin-top:.5rem;display:flex;justify-content:flex-end}.form-group .prompt-actions .button--text{color:#6366f1;background:none;border:none;padding:.25rem .5rem;font-size:.875rem;cursor:pointer;text-decoration:underline}.form-group .prompt-actions .button--text:hover{color:#4f46e5}.form-group .prompt-actions .button--text:active{color:#4338ca}.form-group--half{width:100%;margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-color);font-size:1rem}.form-control{width:100%;padding:.875rem;border:2px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-color);color:var(--text-color);font-size:1rem;transition:all .3s ease}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.form-control::placeholder{color:var(--text-secondary)}textarea.form-control{resize:vertical;min-height:100px}.form-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.button{padding:1rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.button--large{width:100%;padding:1rem 2rem}.button--primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px)}.button--primary:active:not(:disabled){transform:translateY(0)}.button--secondary{background-color:var(--bg-secondary);color:var(--text-color);border:2px solid var(--border-color)}.button--secondary:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--primary-color);color:var(--text-color)}.button--danger{background-color:var(--danger-color);color:#fff}.button--danger:hover:not(:disabled){background-color:var(--danger-dark)}.generator-preview{background-color:var(--bg-secondary);border-radius:1rem;padding:2.5rem;box-shadow:var(--card-shadow);display:flex;flex-direction:column}@media (max-width: 1400px){.generator-preview{padding:2rem}}@media (max-width: 768px){.generator-preview{padding:1.5rem}}@media (max-width: 480px){.generator-preview{padding:1rem}}.preview-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color)}.preview-container{aspect-ratio:1;background-color:var(--bg-color);border-radius:.75rem;border:2px solid var(--border-color);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-secondary);gap:1rem}.preview-placeholder .preview-placeholder-icon{font-size:3rem;opacity:.5}.preview-placeholder .preview-note{font-size:.875rem;opacity:.8}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);gap:1rem}.spinner{width:4rem;height:4rem;border:.25rem solid rgba(var(--primary-rgb),.2);border-top-color:var(--primary-color);border-radius:50%;animation:spinner 1s linear infinite}@media (max-width: 768px){.spinner{width:3rem;height:3rem}}.preview-result{width:100%;height:100%;position:relative}.preview-result .preview-image{width:100%;height:100%;object-fit:contain}.preview-result .preview-actions{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;gap:.75rem;justify-content:center;opacity:0;transition:opacity .3s ease}.preview-result:hover .preview-actions{opacity:1}.dimensions-control{margin-bottom:1.5rem;padding:1.5rem;background-color:var(--bg-color);border-radius:.5rem;border:2px solid var(--border-color)}.dimensions-control .dimensions-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.dimensions-control .dimensions-info{margin-bottom:1rem}.dimensions-control .dimensions-info .preset-note{margin-top:.5rem;color:var(--text-secondary)}.dimensions-inputs{display:flex;align-items:flex-end;gap:1rem;margin-bottom:0}.dimensions-inputs .form-group--dimension{flex:1;margin-bottom:0}.dimensions-inputs .dimensions-separator{display:flex;align-items:center;padding-bottom:1rem;color:var(--text-secondary);font-size:1.2rem}.dimension-control{display:flex;gap:.5rem}.dimension-control .input-group{flex:1;display:flex;align-items:center}.dimension-control .input-group .dimension-input{flex:1;padding-right:3rem}.dimension-control .input-group .dimension-unit{position:absolute;right:.875rem;color:var(--text-secondary);pointer-events:none}.dimension-control .dimension-preset{width:140px}.input-group{position:relative;display:flex;align-items:center;width:100%}.save-form{margin-top:1.5rem;padding:1.5rem;background-color:var(--bg-color);border-radius:.75rem;border:2px solid var(--border-color)}.save-form h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.save-form .save-form-actions{display:flex;gap:.75rem;margin-top:1.5rem}@media (max-width: 480px){.save-form .save-form-actions{flex-direction:column}}@media (max-width: 1024px){.generator-page{padding:1.5rem 1rem}}@media (max-width: 768px){.form-group--dimension .dimension-control{flex-direction:column}.form-group--dimension .dimension-control .input-group,.form-group--dimension .dimension-control .dimension-preset{width:100%}}@media (max-width: 480px){.generator-page{padding:1rem}.preview-container{aspect-ratio:auto;min-height:300px}.button{padding:.875rem 1.25rem;font-size:.875rem}}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.5rem}.prompt-examples{margin-top:1rem;padding:1rem;background-color:var(--bg-color);border-radius:.5rem;border:2px solid var(--border-color)}.prompt-examples .prompt-examples-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.prompt-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}@media (max-width: 768px){.prompt-cards{grid-template-columns:1fr}}.prompt-card{background-color:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease}.prompt-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.prompt-card .prompt-card-header{padding:1rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-color)}.prompt-card .prompt-card-header h4{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color)}.prompt-card .prompt-card-header p{font-size:.9rem;color:var(--text-secondary);margin:0}.prompt-card .prompt-card-content{padding:1rem}.prompt-card .prompt-card-content .prompt-preview{font-size:.9rem;color:var(--text-color);margin:0;line-height:1.5;max-height:6em;overflow:hidden;position:relative}.prompt-card .prompt-card-content .prompt-preview:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:1.5em;background:linear-gradient(to bottom,transparent,var(--bg-secondary))}.prompt-card .prompt-card-actions{padding:1rem;display:flex;gap:.5rem;border-top:1px solid var(--border-color);background-color:var(--bg-color)}.prompt-card .prompt-card-actions .button{flex:1;font-size:.9rem;padding:.5rem}.prompt-card .prompt-card-actions .button--secondary{background-color:transparent;border:1px solid var(--border-color)}.prompt-card .prompt-card-actions .button--secondary:hover{background-color:var(--bg-hover)}.gallery-page,.character-detail-page{max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.gallery-header h1{font-size:1.875rem;font-weight:700;margin:0;color:var(--text-color)}.header-actions{display:flex;gap:.5rem}.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.gallery-empty{text-align:center;padding:3rem;background-color:var(--bg-secondary);border-radius:.5rem;color:var(--text-secondary)}.gallery-empty p{margin-bottom:1rem;font-size:1.125rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.character-card{background-color:var(--bg-secondary);border-radius:.5rem;overflow:hidden;box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.character-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}.character-image-container{aspect-ratio:1;overflow:hidden;background-color:var(--bg-color);position:relative;flex-shrink:0}.character-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.character-card:hover .character-image{transform:scale(1.05)}.character-public-badge{position:absolute;top:10px;right:10px;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;color:#fff;background-color:#10b981;z-index:1}.character-info{padding:1rem;border-bottom:1px solid var(--border-color);flex:1;display:flex;flex-direction:column;min-height:120px}.character-name{margin:0 0 .5rem;font-size:1rem;line-height:1.5;font-weight:600;color:var(--text-color);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;cursor:help;height:4.5em}.character-date{margin:0;font-size:.875rem;color:var(--text-secondary)}.character-actions{display:flex;padding:.75rem;gap:.5rem;flex-shrink:0}.character-actions .button{flex:1}.character-detail-content{display:flex;gap:2rem;margin-top:2rem}.character-detail-image{flex:1;max-width:500px;position:relative}.detail-image{width:100%;border-radius:.5rem;box-shadow:var(--card-shadow)}.detail-public-badge{position:absolute;top:10px;right:10px;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;color:#fff;background-color:#10b981;z-index:1}.character-detail-info{flex:1}.detail-name{font-size:1.5rem;font-weight:700;margin-top:0;margin-bottom:1.5rem;color:var(--text-color)}.detail-section{margin-bottom:1.5rem;padding:1.5rem;background-color:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color)}.detail-section h3{margin-top:0;margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:var(--text-color)}.detail-item{display:flex;margin-bottom:.5rem}.detail-label{font-weight:500;min-width:100px;color:var(--text-secondary)}.detail-value{color:var(--text-color);display:flex;align-items:center;gap:.5rem}.detail-public-toggle{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;color:#fff;background-color:var(--text-secondary);border:none;cursor:pointer;transition:background-color .2s ease;margin-left:.5rem}.detail-public-toggle.is-public{background-color:#ef4444}.detail-public-toggle.is-private{background-color:#10b981}.detail-public-toggle:hover{opacity:.9}.detail-prompt{padding:1rem;background-color:var(--bg-color);border-radius:.375rem;border:1px solid var(--border-color);white-space:pre-wrap;color:var(--text-color)}.detail-actions{margin-top:2rem;display:flex;gap:1rem}@media (max-width: 992px){.character-detail-content{flex-direction:column}.character-detail-image{max-width:100%}}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.gallery-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%}.header-actions .button{flex:1}}@media (max-width: 576px){.gallery-grid{grid-template-columns:1fr}.character-actions,.detail-item{flex-direction:column}.detail-label{margin-bottom:.25rem}}.my-gallery{padding:2rem;max-width:1200px;margin:0 auto}.my-gallery .gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.my-gallery .gallery-header h1{font-size:2rem;margin:0}.my-gallery .gallery-header .gallery-actions{display:flex;gap:1rem}.my-gallery .gallery-loading,.my-gallery .gallery-error,.my-gallery .gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.my-gallery .gallery-loading p,.my-gallery .gallery-error p,.my-gallery .gallery-empty p{margin:1rem 0;font-size:1.2rem;color:var(--text-secondary)}.my-gallery .gallery-loading .spinner,.my-gallery .gallery-error .spinner,.my-gallery .gallery-empty .spinner{margin-bottom:1rem}.my-gallery .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.my-gallery .gallery-item{border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;background-color:var(--bg-secondary)}.my-gallery .gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.my-gallery .gallery-item .gallery-item-image-container{position:relative;width:100%;padding-top:100%;background-color:var(--bg-secondary);overflow:hidden}.my-gallery .gallery-item .gallery-item-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.my-gallery .gallery-item .gallery-item-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1rem;text-align:center;padding:1rem}.my-gallery .gallery-item .gallery-item-placeholder .spinner{margin-bottom:1rem}.my-gallery .gallery-item .gallery-item-status{position:absolute;top:10px;right:10px;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;color:#fff;background-color:#4f46e5}.my-gallery .gallery-item .gallery-item-status.status-pending{background-color:#f59e0b}.my-gallery .gallery-item .gallery-item-status.status-processing{background-color:#3b82f6}.my-gallery .gallery-item .gallery-item-status.status-succeeded{background-color:#10b981}.my-gallery .gallery-item .gallery-item-status.status-failed{background-color:#ef4444}.my-gallery .gallery-item .gallery-item-status.status-canceled{background-color:var(--text-secondary)}.my-gallery .gallery-item .gallery-item-public-toggle{position:absolute;bottom:10px;right:10px;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;color:#fff;background-color:var(--text-secondary);border:none;cursor:pointer;transition:background-color .2s ease}.my-gallery .gallery-item .gallery-item-public-toggle.is-public{background-color:#10b981}.my-gallery .gallery-item .gallery-item-public-toggle.is-private{background-color:var(--text-secondary)}.my-gallery .gallery-item .gallery-item-public-toggle:hover{opacity:.9}.my-gallery .gallery-item .gallery-item-info{padding:1rem}.my-gallery .gallery-item .gallery-item-info .gallery-item-name-link{text-decoration:none;color:inherit}.my-gallery .gallery-item .gallery-item-info .gallery-item-name-link:hover{text-decoration:underline;color:#4f46e5}.my-gallery .gallery-item .gallery-item-info .gallery-item-name{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-gallery .gallery-item .gallery-item-info .gallery-item-date{margin:0;font-size:.9rem;color:var(--text-secondary)}@media (max-width: 768px){.my-gallery{padding:1rem}.my-gallery .gallery-header{flex-direction:column;align-items:flex-start;gap:1rem}.my-gallery .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#4f46e5;animation:spin 1s ease-in-out infinite}.spinner--small{width:24px;height:24px;border-width:3px}.character-page{padding:2rem;max-width:1200px;margin:0 auto}.character-page .loading-container,.character-page .empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.character-page .loading-container p,.character-page .empty-container p{margin:1rem 0;font-size:1.2rem;color:var(--text-secondary)}.character-page .spinner{width:40px;height:40px;border:4px solid rgba(79,70,229,.2);border-radius:50%;border-top-color:#4f46e5;animation:spin 1s linear infinite}.character-page .spinner--small{width:16px;height:16px;border-width:2px;display:inline-block;margin-right:8px;vertical-align:middle}.character-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.character-header h1{font-size:2rem;margin:0;color:var(--text-color)}.character-header .character-actions{display:flex;gap:1rem}.character-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.character-content{grid-template-columns:1fr}}.character-image-section .character-image-container{position:relative;margin-bottom:1rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.character-image-section .character-image-container .character-image{width:100%;display:block}.character-image-section .character-image-container .character-public-badge{position:absolute;top:1rem;right:1rem;background-color:#4f46e5;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700}.character-image-section .character-image-actions{display:flex;flex-wrap:wrap;gap:.75rem}.character-image-section .character-image-actions button{flex:1;min-width:120px}.character-image-section .character-image-actions button:disabled{opacity:.7;cursor:not-allowed}.character-details-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.character-details-section .character-tabs{display:flex;border-bottom:1px solid var(--border-color)}.character-details-section .character-tabs .tab-button{flex:1;padding:1rem;background:none;border:none;font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.character-details-section .character-tabs .tab-button:hover{background-color:#4f46e50d}.character-details-section .character-tabs .tab-button.active{color:#4f46e5;border-bottom:2px solid #4f46e5}.character-details-section .tab-content{padding:1.5rem}.character-details-section .details-tab .detail-item{margin-bottom:1rem;display:flex;flex-wrap:wrap}.character-details-section .details-tab .detail-item .detail-label{width:100px;font-weight:500;color:var(--text-secondary)}.character-details-section .details-tab .detail-item .detail-value{flex:1;color:var(--text-color)}.character-details-section .details-tab .detail-item .detail-value .public-toggle-button{margin-left:.75rem;padding:.25rem .5rem;font-size:.8rem;border:none;border-radius:4px;cursor:pointer}.character-details-section .details-tab .detail-item .detail-value .public-toggle-button.is-public{background-color:#10b981;color:#fff}.character-details-section .details-tab .detail-item .detail-value .public-toggle-button.is-private{background-color:#f59e0b;color:#fff}.character-details-section .prompt-tab .prompt-section{margin-bottom:1.5rem}.character-details-section .prompt-tab .prompt-section h3{font-size:1.1rem;margin-bottom:.75rem;color:var(--text-color)}.character-details-section .prompt-tab .prompt-section .prompt-content{padding:1rem;background-color:var(--bg-color);border-radius:4px;color:var(--text-color);font-family:monospace;white-space:pre-wrap;word-break:break-word}.button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.button--primary{background-color:#4f46e5;color:#fff}.button--secondary{background-color:#10b981;color:#fff}.button--secondary:hover{background-color:#0c8a60}.button--danger{background-color:#ef4444;color:#fff}.button--danger:hover{background-color:#eb1515}.history-container{padding:1rem}.history-container .history-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.history-container .history-header-container .history-title{margin:0;font-size:1.5rem}.history-container .history-error{padding:1rem;background-color:#fff0f0;border-radius:4px;margin-bottom:1rem;color:var(--danger-color)}.history-container .history-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:#666}.history-container .history-loading .spinner{margin-right:.5rem}.history-container .history-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;margin-bottom:2rem}.history-container .history-cards .history-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.history-container .history-cards .history-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000026}.history-container .history-cards .history-card .history-card-image{position:relative;width:100%;height:300px;background:#f5f5f5;cursor:pointer}.history-container .history-cards .history-card .history-card-image .history-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.history-container .history-cards .history-card .history-card-image .history-image:hover{transform:scale(1.05)}.history-container .history-cards .history-card .history-card-image .history-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.history-container .history-cards .history-card .history-card-image .history-image-placeholder .spinner{margin-bottom:.5rem}.history-container .history-cards .history-card .history-card-content{padding:1.25rem}.history-container .history-cards .history-card .history-card-content .history-card-prompt{font-size:1rem;color:#333;margin-bottom:.75rem;line-height:1.5}.history-container .history-cards .history-card .history-card-content .history-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem}.history-container .history-cards .history-card .history-card-content .history-card-meta .history-card-status{padding:.25rem .75rem;border-radius:4px;font-weight:700}.history-container .history-cards .history-card .history-card-content .history-card-meta .history-card-status.status-succeeded{background-color:#e6f4ea;color:var(--success-color)}.history-container .history-cards .history-card .history-card-content .history-card-meta .history-card-status.status-processing{background-color:#fff8e1;color:var(--warning-color)}.history-container .history-cards .history-card .history-card-content .history-card-meta .history-card-status.status-failed{background-color:#fce8e6;color:var(--danger-color)}.history-container .history-cards .history-card .history-card-content .history-card-meta .history-card-date{color:#666}.history-container .history-cards .history-card .history-card-content .history-card-actions{display:flex;gap:.75rem}.history-container .history-cards .history-card .history-card-content .history-card-actions button{flex:1;min-width:0;padding:.625rem;font-size:.9rem;border-radius:6px}.history-container .history-cards .history-card .history-card-content .history-card-actions button.button--primary{background-color:var(--primary-color);color:#fff;border:none;transition:filter .2s ease}.history-container .history-cards .history-card .history-card-content .history-card-actions button.button--primary:hover:not(:disabled){filter:brightness(.9)}.history-container .history-cards .history-card .history-card-content .history-card-actions button.button--secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd;transition:background-color .2s ease}.history-container .history-cards .history-card .history-card-content .history-card-actions button.button--secondary:hover:not(:disabled){background-color:#e8e8e8}.history-container .history-cards .history-card .history-card-content .history-card-actions button.button--danger{background-color:#fff;color:var(--danger-color);border:1px solid var(--danger-color);transition:all .2s ease}.history-container .history-cards .history-card .history-card-content .history-card-actions button.button--danger:hover:not(:disabled){background-color:var(--danger-color);color:#fff}.history-container .history-cards .history-card .history-card-content .history-card-actions button:disabled{opacity:.5;cursor:not-allowed}.history-container .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0}.history-container .pagination .pagination-button{padding:.5rem 1rem;border:1px solid var(--primary-color);border-radius:6px;background-color:#fff;color:var(--primary-color);font-size:.9rem;cursor:pointer;transition:all .2s ease}.history-container .pagination .pagination-button:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.history-container .pagination .pagination-button:disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#666}.history-container .pagination .pagination-info{font-size:.9rem;color:#666}.history-container .history-empty{text-align:center;padding:2rem;color:#666}.spinner{width:3rem;height:3rem;border:.25rem solid var(--primary-light);border-top-color:var(--primary-color);border-radius:50%;animation:spinner 1s linear infinite;margin-bottom:1rem}.spinner--small{width:1.5rem;height:1.5rem;border-width:.125rem;margin-bottom:.5rem}@keyframes spinner{to{transform:rotate(360deg)}}@media (max-width: 768px){.history-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.history-title{font-size:1.25rem}.history-card .history-card-image{height:250px}}@media (max-width: 480px){.history-cards{grid-template-columns:1fr}.history-header-container{flex-direction:column;align-items:flex-start;gap:1rem}.history-container{padding:1rem}.pagination{flex-direction:column;gap:.75rem}.pagination .pagination-info{order:-1}}.history-page{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}.history-page-header{display:flex;align-items:center;margin-bottom:1.5rem;gap:1rem}.history-page-title{font-size:1.875rem;font-weight:700;margin:0;color:var(--text-color)}@media (max-width: 768px){.history-page-title{font-size:1.5rem}}@media (max-width: 480px){.history-page-header{flex-direction:column;align-items:flex-start}}.history-character-page{padding:2rem;max-width:1200px;margin:0 auto}.history-character-page .character-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.history-character-page .character-header h1{font-size:1.8rem;margin:0}.history-character-page .character-header .character-actions{display:flex;gap:1rem}.history-character-page .character-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.history-character-page .character-content{grid-template-columns:1fr}}.history-character-page .character-image-section .character-image-container{position:relative;margin-bottom:1rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.history-character-page .character-image-section .character-image-container .character-image{width:100%;display:block;max-height:500px;object-fit:contain;background-color:#f5f5f5}.history-character-page .character-image-section .character-image-container .character-image-placeholder{width:100%;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f5f5f5;color:#666}.history-character-page .character-image-section .character-image-container .character-image-placeholder .spinner{margin-bottom:1rem}.history-character-page .character-image-section .character-image-container .character-status-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:4px;font-size:.8rem;font-weight:700;color:#fff}.history-character-page .character-image-section .character-image-container .character-status-badge.status-succeeded{background-color:var(--success-color)}.history-character-page .character-image-section .character-image-container .character-status-badge.status-processing{background-color:var(--warning-color)}.history-character-page .character-image-section .character-image-container .character-status-badge.status-failed,.history-character-page .character-image-section .character-image-container .character-status-badge.status-canceled{background-color:var(--danger-color)}.history-character-page .character-image-section .character-image-actions{display:flex;gap:.5rem;flex-wrap:wrap}.history-character-page .character-image-section .character-image-actions button{flex:1;min-width:100px}.history-character-page .character-details-section .character-tabs{display:flex;margin-bottom:1rem;border-bottom:1px solid #ddd}.history-character-page .character-details-section .character-tabs .tab-button{padding:.5rem 1rem;background:none;border:none;cursor:pointer;font-size:1rem;color:#666;transition:all .2s ease}.history-character-page .character-details-section .character-tabs .tab-button.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color);font-weight:700}.history-character-page .character-details-section .character-tabs .tab-button:hover:not(.active){filter:brightness(.9)}.history-character-page .character-details-section .tab-content{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.history-character-page .character-details-section .details-tab .detail-item{margin-bottom:1rem;display:flex;flex-direction:column}.history-character-page .character-details-section .details-tab .detail-item .detail-label{font-weight:700;color:#555;margin-bottom:.25rem}.history-character-page .character-details-section .details-tab .detail-item .detail-value{color:#333}.history-character-page .character-details-section .details-tab .detail-item .detail-value.status-succeeded{color:var(--success-color);font-weight:700}.history-character-page .character-details-section .details-tab .detail-item .detail-value.status-processing{color:var(--warning-color);font-weight:700}.history-character-page .character-details-section .details-tab .detail-item .detail-value.status-failed,.history-character-page .character-details-section .details-tab .detail-item .detail-value.status-canceled{color:var(--danger-color);font-weight:700}.history-character-page .character-details-section .prompt-tab .prompt-section{margin-bottom:1.5rem}.history-character-page .character-details-section .prompt-tab .prompt-section h3{font-size:1rem;margin-bottom:.5rem;color:#555}.history-character-page .character-details-section .prompt-tab .prompt-section .prompt-content{padding:1rem;background-color:#f9f9f9;border-radius:4px;white-space:pre-wrap;word-break:break-word}.history-character-page .character-details-section .prompt-tab .prompt-section .prompt-content.error-content{background-color:#fff0f0;color:var(--danger-color)}.history-character-page .character-details-section .prompt-tab .prompt-section .prompt-content.logs-content{max-height:300px;overflow-y:auto;font-family:monospace;font-size:.9rem}.history-character-page .character-details-section .prompt-tab .prompt-section .prompt-content.logs-content pre{margin:0}.history-character-page .character-details-section .prompt-tab .prompt-section.error-section h3{color:var(--danger-color)}.history-character-page .loading-container,.history-character-page .empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.history-character-page .loading-container .spinner,.history-character-page .empty-container .spinner{margin-bottom:1rem}.history-character-page .loading-container p,.history-character-page .empty-container p{color:#666;margin-bottom:1rem}.spinner{border:3px solid rgba(0,0,0,.1);border-top:3px solid var(--primary-color);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}.spinner--small{width:16px;height:16px;border-width:2px;display:inline-block;vertical-align:middle;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:1rem}.login-container{display:flex;flex-direction:column;width:100%;max-width:480px;background-color:var(--bg-secondary);border-radius:.5rem;box-shadow:var(--card-shadow);overflow:hidden}.login-logo{padding:2rem;text-align:center;background-color:var(--bg-color);border-bottom:1px solid var(--border-color)}.login-logo h1{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.login-logo p{color:var(--text-secondary);font-size:1rem}.login-form{padding:2rem;display:flex;flex-direction:column;align-items:center}.login-form h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.login-form .login-description{color:var(--text-secondary);margin-bottom:2rem;text-align:center}.login-error{background-color:#ef44441a;color:var(--danger-color);padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1.5rem;width:100%;text-align:center}.google-signin-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1.5rem;background-color:#fff;color:#757575;border:1px solid #ddd;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.google-signin-button:hover{background-color:#f8f8f8;box-shadow:0 2px 4px #0000001a}.google-signin-button:active{background-color:#f1f1f1}.google-signin-button:disabled{opacity:.7;cursor:not-allowed}.google-signin-button .google-icon{width:24px;height:24px;margin-right:.75rem}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 576px){.login-container{max-width:100%}.login-logo{padding:1.5rem}.login-logo h1{font-size:1.5rem}.login-form{padding:1.5rem}}.unauthorized-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-color);padding:1rem}.unauthorized-container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px;background-color:var(--bg-secondary);border-radius:.5rem;box-shadow:var(--card-shadow);padding:3rem 2rem}.unauthorized-icon{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;background-color:#ef44441a;color:var(--danger-color);border-radius:50%;margin-bottom:1.5rem;font-size:2.5rem}.unauthorized-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.unauthorized-message{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.unauthorized-user-info{background-color:var(--bg-color);padding:1rem;border-radius:.375rem;margin-bottom:2rem;width:100%}.unauthorized-user-info p{margin-bottom:.5rem;color:var(--text-secondary)}.unauthorized-user-info .user-email{font-weight:600;color:var(--text-color)}.unauthorized-actions{display:flex;flex-direction:column;gap:1rem;width:100%}.unauthorized-actions .button{width:100%}@media (min-width: 576px){.unauthorized-actions{flex-direction:row;justify-content:center}.unauthorized-actions .button{width:auto}}:root{--primary-color: #4f46e5;--primary-dark: #4338ca;--primary-light: rgba(79, 70, 229, .1);--secondary-color: #10b981;--accent-color: #f59e0b;--danger-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--info-color: #3b82f6;--bg-color: #f9fafb;--bg-secondary: white;--bg-hover: #f3f4f6;--text-color: #111827;--text-secondary: #4b5563;--border-color: #e5e7eb;--sidebar-bg: white;--hover-color: #f3f4f6;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.dark-theme{--primary-color: #4f46e5;--primary-dark: #4338ca;--primary-light: rgba(79, 70, 229, .2);--secondary-color: #10b981;--accent-color: #f59e0b;--danger-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--info-color: #3b82f6;--bg-color: #111827;--bg-secondary: #1f2937;--bg-hover: #374151;--text-color: #f3f4f6;--text-secondary: #9ca3af;--border-color: #374151;--sidebar-bg: #1f2937;--hover-color: #374151;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.button--primary{background-color:var(--primary-color);color:#fff}.button--primary:hover{background-color:#291fd9}.button--primary:active{background-color:#251bc3}.button--secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.button--secondary:hover{background-color:var(--primary-light)}.button--secondary:active{background-color:#4f46e533}.button--small{font-size:.875rem;padding:.375rem .75rem}.button--medium{font-size:1rem;padding:.5rem 1rem}.button--large{font-size:1.125rem;padding:.75rem 1.5rem}.button:disabled{opacity:.6;cursor:not-allowed}.container{width:100%;max-width:100%;margin:0;padding:0 1rem}.card{background-color:var(--bg-secondary);border-radius:.5rem;box-shadow:var(--card-shadow);overflow:hidden}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5em}p{margin-bottom:1rem}ul,ol{margin-bottom:1rem;padding-left:1.5rem}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}