:root{--color-theme-primary-bg: #0A0918;--color-theme-secondary-bg: #151515;--color-theme-surface: #1D1B35;--color-theme-accent-primary: #FFFFFF;--color-theme-accent-primary-hover: #F0F0F0;--color-theme-accent-secondary: #22C55E;--color-theme-accent-secondary-hover: #16A34A;--color-theme-text-primary: #E8E7F5;--color-theme-text-secondary: #A09EC0;--color-theme-text-on-accent: #0A0918;--color-theme-border-primary: #4A2252;--color-theme-border-interactive: #693374;--color-theme-focus-ring: var(--color-theme-accent-primary);--color-theme-error: #F87171;--color-theme-error-hover: #E06262;--color-theme-success: #22C55E;--color-theme-info: #60A5FA;--color-theme-warning: #ffd000;--tw-clr-accent-primary-hsl: 0 0% 100%;--tw-clr-accent-secondary-hsl: 142 64% 45%;--sticky-chat-top-offset: .5rem;--header-height: 70px;--creator-canvas-fixed-height-mobile: 300px}html{overflow-y:scroll}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-theme-surface);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color-theme-accent-secondary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-theme-accent-secondary-hover)}.input-enhanced{transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.btn-transition{transition:transform .1s ease-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out}body.login-view-active{background-image:linear-gradient(to bottom right,var(--color-theme-primary-bg),var(--color-theme-secondary-bg),#1A1A3D);background-size:200% 200%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card-interactive-hover:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(var(--tw-clr-accent-primary-hsl),.15),0 4px 8px #0000001a}.card-interactive-hover{transition:transform .2s ease-out,box-shadow .2s ease-out}.sticky-chat-container{position:-webkit-sticky;position:sticky;top:var(--sticky-chat-top-offset, .5rem);z-index:30;background-color:var(--color-theme-primary-bg);padding-bottom:.5rem}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-theme-accent-secondary);border-radius:6px}.custom-scrollbar::-webkit-scrollbar-track{background-color:var(--color-theme-surface)}.character-gallery-item{background-color:var(--color-theme-surface);border:1px solid var(--color-theme-border-primary);border-radius:.5rem;padding:1rem;transition:all .2s ease-in-out}.character-gallery-item:hover{box-shadow:var(--tw-shadow-interactive);border-color:var(--color-theme-accent-secondary)}.character-trait-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-theme-surface);border:1px solid var(--color-theme-border-interactive);border-radius:.25rem;width:1.25rem;height:1.25rem;display:inline-block;position:relative;cursor:pointer;margin-right:.5rem;transition:background-color .2s,border-color .2s}.character-trait-checkbox:checked{background-color:var(--color-theme-accent-secondary);border-color:var(--color-theme-accent-secondary-hover)}.character-trait-checkbox:checked:after{content:"✔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;color:var(--color-theme-text-on-accent)}.character-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}body.resizing-nwse{cursor:nwse-resize!important}body.resizing-nesw{cursor:nesw-resize!important}body.dragging-grab{cursor:grab!important}body.dragging-grabbing{cursor:grabbing!important}.creator-canvas-area{position:relative;width:100%;background-color:var(--color-theme-surface);border:1px dashed var(--color-theme-border-interactive);overflow:hidden;border-radius:.375rem;margin:0 auto;box-shadow:var(--tw-shadow-inner-custom);touch-action:none;background-position:center;background-repeat:no-repeat;background-size:cover}.creator-canvas-layer{position:absolute;box-sizing:border-box;cursor:grab;border:1px dashed transparent;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.creator-canvas-layer.selected{border-color:var(--color-theme-accent-primary)!important;box-shadow:0 0 0 2px var(--color-theme-accent-primary);z-index:1000!important}.creator-canvas-layer.dragging{cursor:grabbing;opacity:.7!important;box-shadow:0 0 15px rgba(var(--tw-clr-accent-primary-hsl),.5)}.creator-canvas-layer-text-content{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;word-break:break-word;white-space:pre-wrap;pointer-events:none}.creator-canvas-layer-image-content{width:100%;height:100%;pointer-events:none}.resize-handle{position:absolute;width:12px;height:12px;background-color:var(--color-theme-surface);border:1.5px solid var(--color-theme-accent-primary);border-radius:2px;z-index:1001;box-shadow:0 1px 3px #00000080;transition:transform .1s ease-in-out}.resize-handle:hover{transform:scale(1.2)}.resize-handle.top-left{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle.top-right{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle.bottom-left{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-handle.bottom-right{bottom:-6px;right:-6px;cursor:nwse-resize}.rotate-handle{position:absolute;width:20px;height:20px;background-color:var(--color-theme-surface);border:1.5px solid var(--color-theme-accent-primary);border-radius:50%;z-index:1001;box-shadow:0 1px 3px #00000080;cursor:grab;top:-28px;left:calc(50% - 10px);display:flex;align-items:center;justify-content:center;transition:transform .1s ease-in-out,background-color .2s}.rotate-handle:hover{transform:scale(1.1);background-color:var(--color-theme-accent-secondary)}.rotate-handle:active{cursor:grabbing}.rotate-handle:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:1.5px;height:8px;background-color:var(--color-theme-accent-primary)}.rotate-handle i{color:var(--color-theme-accent-primary);font-size:12px}@keyframes flicker{0%,to{opacity:1}10%,30%,50%,70%,90%{opacity:.6}20%,40%,60%,80%{opacity:1}}.animate-flicker{animation:flicker 1.5s ease-in-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-fade-out-delay{animation:fadeOut .5s ease-in-out 2.8s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.textarea-resizable{resize:none;min-height:80px;padding-right:32px!important;overflow-y:auto}.resize-handle-container{position:absolute;bottom:0;right:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;border-bottom-right-radius:.375rem;touch-action:none;background-color:transparent;transition:background-color .2s;z-index:10}.resize-handle-container:hover{background-color:#a09ec01a}.resize-handle-icon{width:20px;height:20px;color:var(--color-theme-text-secondary);opacity:.7;pointer-events:none}@media(min-width:1024px){body{zoom:.75}}