@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}:root{--bg-0: #0A0A0A;--bg-1: #121212;--bg-2: #181818;--border: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--text: #EAEAEA;--text-weak: #B0B0B0;--muted: #7D7D7D;--indigo-500: #6b7bff;--indigo-600: #5a66ff;--fuchsia-500: #e14bff;--fuchsia-600: #c93cff;--teal-500: #14d0c5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .15), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--transition-fast: .15s ease-out;--transition-medium: .25s ease-out;--font-size-base: 16px}@keyframes border-pan{0%{background-position:0% center}to{background-position:200% center}}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--font-size-base);color:var(--text);background-color:var(--bg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body:before,body:after{display:none}*{scrollbar-width:thin;scrollbar-color:var(--muted) transparent;box-sizing:border-box}*::-webkit-scrollbar{height:8px;width:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:9999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--border-hover)}header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background-color:#0a0a0ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100}main{position:relative;min-height:calc(100vh - 56px)}main:before{display:none}a{color:var(--text);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#fff;text-decoration:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right .5rem center;background-size:1.25em 1.25em;padding-right:2.25rem}body.light-theme{--bg-0: #FFFFFF;--bg-1: #F7F7F8;--bg-2: #EFEFF0;--border: rgba(0, 0, 0, .1);--border-hover: rgba(0, 0, 0, .15);--text: #18181B;--text-weak: #52525B;--muted: #71717A;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04)}body.light-theme header,body.light-theme .chat-topbar,body.light-theme .modal-overlay,body.light-theme .settings-drawer{background-color:#ffffffb3}body.light-theme .nav-tab-indicator{background-color:var(--text)}body.light-theme .nav-tab.active .nav-tab-text{color:var(--bg-0)}body.light-theme .message--right{background-color:#14d0c51a;border:1px solid rgba(20,208,197,.4)}body.light-theme .code-block-wrapper{background-color:#f7f7f8;border:1px solid var(--border)}body.light-theme .code-block-wrapper pre,body.light-theme .code-block-wrapper code{color:#333!important;text-shadow:none!important}body.light-theme .token.punctuation{color:#999!important}body.light-theme .token.keyword,.token.operator{color:#d73a49!important}body.light-theme .token.string{color:#032f62!important}body.light-theme .token.function,.token.class-name{color:#6f42c1!important}body.light-theme .token.comment{color:#6a737d!important}body.light-theme .token.number{color:#005cc5!important}body.light-theme *::-webkit-scrollbar-thumb{background-color:#c1c1c1}body.light-theme *::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}body.light-theme .toast{background:#fffc;border-color:#0000001a;color:var(--text);box-shadow:var(--shadow-lg)}body.light-theme .toast.success{border-left-color:#10b981}body.light-theme .toast.warn{border-left-color:#f59e0b}body.light-theme .toast.error{border-left-color:#ef4444}body.light-theme .toast.info{border-left-color:#3b82f6}body.light-theme .toast button{color:var(--muted)}body.light-theme .toast button:hover{color:var(--text)}body.light-theme *{scrollbar-color:#C1C1C1 transparent}body.midnight-theme{--bg-0: #0D1117;--bg-1: #161B22;--bg-2: #21262D;--border: rgba(255, 255, 255, .12);--border-hover: rgba(255, 255, 255, .2);--text: #E6EDF3;--text-weak: #B0B0B0;--muted: #8B949E;--indigo-500: #58A6FF;--fuchsia-500: #E14BFF;--teal-500: #39D3BB}body.midnight-theme .message--right{background-color:#388bfd26;border:1px solid rgba(88,166,255,.4)}body.midnight-theme .nav-tab.active .nav-tab-text{color:#0d1117}body.midnight-theme .nav-tab-indicator{background-color:#c9d1d9}body.midnight-theme .code-block-wrapper{background-color:#161b22;border:1px solid var(--border)}body.synthwave-theme{--bg-0: #0c0a1f;--bg-1: #131129;--bg-2: #211d42;--border: rgba(0, 224, 255, .2);--border-hover: rgba(255, 6, 223, .4);--text: #e0e6f0;--text-weak: #a5b2c2;--muted: #7a8899;--indigo-500: #ff06df;--fuchsia-500: #ff06df;--teal-500: #00e0ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 10px -2px rgba(0, 224, 255, .15), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px -5px rgba(255, 6, 223, .15), 0 4px 6px -2px rgba(0, 0, 0, .3)}body.synthwave-theme:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noise"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="1.2" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noise)"/%3E%3C/svg%3E');opacity:.05;pointer-events:none;z-index:1000}body.synthwave-theme .sidebar-item.active:before,body.synthwave-theme .model-link-wrapper.active:before{background:linear-gradient(110deg,var(--teal-500),var(--indigo-500),var(--teal-500));background-size:200% auto;animation:border-pan 4s linear infinite}body.synthwave-theme input:focus,body.synthwave-theme select:focus,body.synthwave-theme textarea:focus,body.synthwave-theme .composer__inner-wrapper:focus-within{border-color:var(--indigo-500);box-shadow:0 0 0 3px #ff06df33,0 0 20px #ff06df33 inset}body.synthwave-theme .message{background:linear-gradient(135deg,#16112980,#0d0a1fb3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-image:linear-gradient(to right,var(--border),rgba(255,255,255,.05)) 1}body.synthwave-theme .message--right{background:linear-gradient(135deg,#00e0ff0d,#00e0ff1a);border-color:transparent;border-image:linear-gradient(to left,var(--teal-500),rgba(0,224,255,.2)) 1}body.synthwave-theme .code-block-wrapper{background:#0d022180;border:1px solid var(--border);box-shadow:0 0 20px #00e0ff26}body.synthwave-theme pre[class*=language-]{text-shadow:0 0 3px rgba(0,224,255,.7)}body.synthwave-theme .btn-send{background:linear-gradient(90deg,var(--indigo-500),#9f00a5);border:1px solid #ff00ff;box-shadow:0 0 10px #ff06df80,inset 0 0 5px #fff3}body.synthwave-theme .btn-send:hover{box-shadow:0 0 20px #ff06dfcc,inset 0 0 8px #ffffff4d;filter:brightness(1.2)}body.synthwave-theme *::-webkit-scrollbar-thumb{background-color:var(--indigo-500);border-radius:9999px;box-shadow:0 0 5px var(--indigo-500)}body.synthwave-theme *::-webkit-scrollbar-thumb:hover{background-color:#f5f}.liquid-glass-theme{--bg-0: #0C0B12;--bg-1: #14131D;--bg-2: #211F30;--glass-color: 235, 240, 255;--glass-bg-panel: rgba(var(--glass-color), .04);--glass-blur-panel: 32px;--glass-bg-modal: rgba(var(--glass-color), .1);--glass-blur-modal: 20px;--radius-large: 24px;--radius-medium: 16px;--radius-small: 12px;--border: rgba(var(--glass-color), .1);--border-light: rgba(var(--glass-color), .7);--border-focus: #A5B4FF;--shadow-deep: rgba(0, 0, 0, .4);--glow-accent: rgba(142, 160, 255, .4);--text: #F0F4FF;--text-weak: #B8C3E2;--muted: #7A85A3;--accent: #8E9FFF}.liquid-glass-theme body,.liquid-glass-theme .app{background-color:var(--bg-0);background-image:radial-gradient(ellipse 50% 50% at 10% 10%,rgba(142,160,255,.1) 0%,transparent 50%),radial-gradient(ellipse 40% 40% at 90% 90%,rgba(60,40,160,.1) 0%,transparent 60%);transition:background-color .3s ease}.liquid-glass-theme .app-header,.liquid-glass-theme .chat-topbar,.liquid-glass-theme .sidebar,.liquid-glass-theme .cc-nav-panel,.liquid-glass-theme .cc-history-panel,.liquid-glass-theme .settings-drawer,.liquid-glass-theme .composer-wrapper{background-color:var(--glass-bg-panel);backdrop-filter:blur(var(--glass-blur-panel));-webkit-backdrop-filter:blur(var(--glass-blur-panel));border-color:var(--border);box-shadow:inset 0 1.5px 1px rgba(var(--glass-color),.07)}.liquid-glass-theme .modal-content,.liquid-glass-theme .fork-modal,.liquid-glass-theme .prize-display-card,.liquid-glass-theme .color-palette,.liquid-glass-theme .roles-dropdown-menu,.liquid-glass-theme .model-selector-dropdown{background-color:var(--glass-bg-modal);backdrop-filter:blur(var(--glass-blur-modal)) saturate(150%);-webkit-backdrop-filter:blur(var(--glass-blur-modal)) saturate(150%);border-radius:var(--radius-large);border:1.5px solid var(--border);box-shadow:inset 0 1.5px 1px rgba(var(--glass-color),.15),0 20px 50px -10px var(--shadow-deep);transition:all .3s cubic-bezier(.4,0,.2,1)}.liquid-glass-theme .message{border-radius:var(--radius-medium);background:var(--bg-2);border:1px solid var(--border);box-shadow:0 5px 20px #0003}.liquid-glass-theme .message--right{background:linear-gradient(135deg,#202438,#1a1e33);border:1px solid rgba(142,160,255,.25)}.liquid-glass-theme .message[data-role=assistant]{border-left:2px solid var(--accent)}.liquid-glass-theme input,.liquid-glass-theme select,.liquid-glass-theme textarea,.liquid-glass-theme .composer__inner-wrapper{border-radius:var(--radius-medium);background-color:rgba(var(--glass-color),.03);border-color:var(--border);box-shadow:inset 0 2px 4px #0000004d;transition:all .25s cubic-bezier(.4,0,.2,1)}.liquid-glass-theme input:focus,.liquid-glass-theme select:focus,.liquid-glass-theme textarea:focus,.liquid-glass-theme .composer__inner-wrapper:focus-within{border-color:var(--border-focus);background-color:rgba(var(--glass-color),.05);box-shadow:inset 0 2px 4px #0000004d,0 0 0 3px var(--glow-accent)}.liquid-glass-theme .btn-send{background:var(--accent);border:none;border-radius:var(--radius-medium);color:#fff;box-shadow:0 0 20px -5px var(--glow-accent)}.liquid-glass-theme .btn-send:hover{filter:brightness(1.15);box-shadow:0 0 25px -3px var(--glow-accent)}.liquid-glass-theme .composer-action-btn--send:not(:disabled){border-radius:var(--radius-medium)}.liquid-glass-theme .btn-light{border-radius:var(--radius-small)}.liquid-glass-theme .nav-group{background-color:var(--bg-1);border-radius:var(--radius-small)}.liquid-glass-theme .nav-tab-indicator{background-color:var(--text);border-radius:8px}.liquid-glass-theme .nav-tab.active .nav-tab-text{color:var(--bg-1)}.liquid-glass-theme .sidebar-item.active:before,.liquid-glass-theme .model-link-wrapper.active:before{background:linear-gradient(110deg,var(--accent),var(--teal-500),var(--accent));background-size:200% auto;animation:border-pan 3s linear infinite}.liquid-glass-theme .sidebar-item,.liquid-glass-theme .model-link-wrapper{border-radius:var(--radius-small)}.liquid-glass-theme .code-block-wrapper{background-color:#0d0f18cc;border:1px solid var(--border);border-radius:var(--radius-medium)}.liquid-glass-theme .toast{border-radius:var(--radius-medium)}.grid{display:grid}.grid-cols{grid-template-columns:320px 1fr}.h-14{height:56px}.w-full{width:100%}.space-y-3>*+*{margin-top:.75rem}.overflow-y-auto{overflow-y:auto}html,body,#root{height:100%;overflow:hidden}.app{height:100%;display:flex;flex-direction:column;background-color:var(--bg-1)}.app-main{flex:1 1 auto;min-height:0;overflow:hidden}.app>header{flex:0 0 auto;width:100%;min-width:0}.app header nav{display:flex;align-items:center;gap:8px}.nav-group{display:flex;background-color:var(--bg-0);padding:4px;border-radius:12px;border:1px solid var(--border)}@media (max-width: 800px){header .nav-group{display:none}}.nav-tab{position:relative;padding:6px 14px;border-radius:8px;font-weight:500;cursor:pointer;white-space:nowrap}.nav-tab-text{position:relative;z-index:2;color:var(--text-weak);transition:color .3s ease}.nav-tab.active .nav-tab-text{color:var(--bg-0)}.nav-tab-indicator{position:absolute;inset:0;background-color:#eaeaea;border-radius:8px;box-shadow:0 1px 3px #0000001a;z-index:1}.tab--special{background:linear-gradient(90deg,var(--indigo-500),var(--fuchsia-500));color:#fff;font-weight:500;box-shadow:0 4px 15px -2px #ab5dff4d}.tab--special:hover{filter:brightness(1.1)}:root{--sidebar-w: 320px}.layout-two{display:grid;grid-template-columns:var(--sidebar-w) 4px minmax(0,1fr);height:100%;background-color:transparent}.sidebar-resizer{cursor:col-resize;position:relative;background-color:transparent;border-right:1px solid var(--border);transition:background-color var(--transition-medium)}.sidebar-resizer:before{content:"";position:absolute;top:0;left:-2px;width:8px;height:100%;background:var(--indigo-500);opacity:0;transition:opacity var(--transition-medium);box-shadow:0 0 2px 0 var(--indigo-500)}.sidebar-resizer:hover:before{opacity:1}aside.sidebar{background-color:var(--bg-0);border-right:1px solid var(--border);padding:0;display:flex;flex-direction:column;height:100%;min-height:0}.sidebar .toolbar{display:flex;gap:.5rem;align-items:center;padding:12px;border-bottom:1px solid var(--border);flex:0 0 auto}.sidebar .toolbar>*{height:38px;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center;box-sizing:border-box}.sidebar .toolbar>select{padding-left:.8rem}.sidebar .toolbar>.btn-send{padding-left:1rem;padding-right:1rem;justify-content:center}.sidebar .toolbar>.custom-select-wrapper{padding:0}.sidebar .toolbar>.custom-select-wrapper .custom-select-trigger{height:100%;width:54px}.sidebar .search{margin:12px;width:calc(100% - 24px)}.sidebar .list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 8px}.sidebar-footer{margin-top:auto;flex:0 0 auto;padding:12px;border-top:1px solid var(--border);background-color:var(--bg-0)}.sidebar-item{position:relative;border:1px solid transparent;border-radius:8px;padding:10px 12px;background:transparent;cursor:pointer;margin-bottom:4px;transform-style:preserve-3d;will-change:transform;transition:background var(--transition-medium),transform var(--transition-fast);display:flex;align-items:center;gap:8px}.sidebar-item:hover{background:var(--bg-2)}.sidebar-item.active{background:transparent;transform:none}.sidebar-item.active:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,var(--indigo-500),var(--fuchsia-500),var(--indigo-500));background-size:200% auto;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-pan 3s linear infinite;z-index:0}.role-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color var(--transition-medium)}.sidebar-item .title{font-weight:500;color:var(--text);flex-grow:1}.sidebar-item .time{font-size:12px;color:var(--muted);margin-top:4px}.sidebar-item .actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);opacity:0;display:flex;gap:6px;transition:opacity var(--transition-medium);z-index:1}.sidebar-item:hover .actions{opacity:1}.sidebar-item .rename{background:var(--bg-0);border:1px solid var(--border);border-radius:6px;padding:6px 8px;width:100%;color:var(--text)}.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem .8rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-weak);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.btn-light:hover{background:#2a2a2a;border-color:var(--border-hover);color:var(--text)}.btn-light:active{transform:scale(.98)}.btn-light:focus-visible{outline:0;box-shadow:0 0 0 2px var(--bg-0),0 0 0 4px var(--indigo-500)}.sidebar-footer .btn-light{width:100%;font-weight:500;border-color:#ff645066;background-color:#ff64501a;color:#ff9a9a}.sidebar-footer .btn-light:hover{background-color:#ff645033;border-color:#ff645099;color:#ffc2c2;box-shadow:0 0 15px #ff645033}.btn-send{background:linear-gradient(90deg,var(--indigo-600),var(--fuchsia-600));color:#fff;font-weight:600;border:0;border-radius:8px;padding:.6rem 1rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-send:hover{filter:brightness(1.15);box-shadow:0 0 20px #5a66ff80}.btn-send:active{transform:scale(.98)}.btn-apply{background:#6b7bff26;border:1px solid rgba(107,123,255,.3);color:#c2c9ff;border-radius:6px;padding:6px 10px;transition:all var(--transition-fast)}.btn-apply:hover{background-color:#6b7bff40;border-color:#6b7bff80}.btn-danger{background:#ff4b4b1a;border:1px solid rgba(255,75,75,.3);color:#ff9a9a;border-radius:6px;padding:6px 10px;transition:all var(--transition-fast)}.btn-danger:hover{background-color:#ff4b4b33;border-color:#ff4b4b80}input,select,textarea{background:var(--bg-0);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.6rem .8rem;outline:none;transition:all var(--transition-medium)}select{cursor:pointer;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}select:hover{border-color:var(--border-hover)}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--indigo-500);background:var(--bg-0);box-shadow:0 0 0 3px #5a66ff4d,0 0 15px #5a66ff1a inset}.chat-pane{min-width:0;display:flex;flex-direction:column;overflow:hidden;background-color:transparent}.chat-topbar{width:100%;flex-shrink:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background-color:#121212b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:50}.chat-pane-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.chat-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.file-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);cursor:pointer;transition:all var(--transition-medium)}.file-pill:hover{border-color:var(--border-hover);background:#2a2a2a;transform:scale(1.03)}.file-pill input[type=file]{display:none}.file-pill.selected{border-color:var(--indigo-500);background:#5a66ff1a;box-shadow:0 0 10px #5a66ff4d}.composer-input{padding:.6rem 1rem;border-radius:8px;background:var(--bg-0);color:var(--text);resize:none}.composer-wrapper{position:relative;padding:8px;border-top:1px solid var(--border);background:linear-gradient(to top,var(--bg-1) 70%,transparent 100%);flex-shrink:0}.chat-view{position:relative;width:100%;max-width:1020px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}@keyframes message-in{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.message{border:1px solid var(--border);border-radius:12px;background:var(--bg-2);padding:12px 16px;max-width:85%;box-shadow:var(--shadow-sm);animation:message-in .4s cubic-bezier(.25,1,.5,1);position:relative;transition:box-shadow var(--transition-medium),border-color var(--transition-medium);overflow:clip}.message--right{align-self:flex-end;background-color:#252525;border:1px solid var(--border-hover);box-shadow:0 2px 8px -2px #0000004d;transform-origin:bottom right}.message[data-role=assistant]{align-self:flex-start;border-left:2px solid var(--role-accent, #806aff);transform-origin:bottom left}.message .meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-bottom:8px}.message .meta .badge{background:var(--bg-0);border:1px solid var(--border);border-radius:6px;padding:2px 8px;color:var(--text-weak)}.message--selected{outline:none;border-color:var(--role-accent, var(--indigo-500))}.message[data-streaming=true]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--role-accent, #806aff);opacity:.15;mask:linear-gradient(90deg,transparent,#000,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000,transparent);animation:shimmer 2s infinite;border-radius:12px}@keyframes shimmer{to{left:100%}}.prose{overflow-wrap:break-word;word-break:break-word}.prose p{white-space:pre-wrap}.prose p{margin:0}.prose p+p{margin-top:1em}.prose li p{margin:0!important;display:inline}.prose ul,.prose ol{margin-top:1em;margin-bottom:1em}.msg-actions{display:flex;gap:4px;margin-top:12px;opacity:.5;transition:opacity var(--transition-medium)}.message:hover .msg-actions{opacity:1}.msg-actions button:hover{background-color:var(--bg-2);color:var(--text)}@media (max-width: 800px){.chat-view{padding:1rem}.message{max-width:92%}}.msg-actions button:not(.btn-apply):not(.btn-light){background:none;border:none;padding:0;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:all var(--transition-fast)}.msg-actions button:not(.btn-apply):not(.btn-light):hover{background-color:var(--bg-2);color:var(--text);transform:scale(1.1)}.attachments{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.att{border:1px solid var(--border);border-radius:8px;background:var(--bg-0);padding:6px 8px;transition:all var(--transition-fast)}.att:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.att-img{padding:4px}.att-img img{display:block;max-width:220px;max-height:160px;border-radius:6px}.att-img figcaption{font-size:12px;color:var(--muted);margin-top:4px;text-align:center}.alt-switcher{margin-left:auto;display:inline-flex;gap:.35rem}.chip{color:var(--text-weak);font-weight:600;font-size:.7rem;padding:.2rem .5rem;border-radius:999px;background:var(--bg-0);border:1px solid var(--border);transition:all var(--transition-fast);cursor:pointer}.chip:hover{background:#2a2a2a;color:var(--text);transform:scale(1.05)}.chip--active{background:linear-gradient(90deg,var(--indigo-600),var(--fuchsia-600));border-color:transparent;color:#fff;box-shadow:0 2px 8px #5b3fff4d}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.roles-drawer{position:fixed;top:56px;right:0;bottom:0;width:420px;z-index:150;background-color:#0a0a0ab3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--border);padding:16px;overflow-y:auto;box-shadow:-10px 0 30px -10px #0006;animation:slide-in-right .4s cubic-bezier(.25,1,.5,1)}.roles-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.roles-list{display:flex;flex-direction:column;gap:12px}.role-item{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--bg-1);transition:all var(--transition-medium)}.role-item:hover{border-color:var(--border-hover);transform:scale(1.02)}.role-item.active{border-color:var(--indigo-500);box-shadow:0 0 0 3px #5a66ff4d}.role-row{display:flex;align-items:center;gap:8px}.role-name{flex:1;background:var(--bg-0)}.role-prompt{width:100%;background:var(--bg-0);margin-top:8px}.role-actions{display:flex;gap:8px;margin-top:10px}.roles-add{display:flex;flex-direction:column;align-items:stretch;margin-top:16px;gap:8px;padding-top:16px;border-top:1px solid var(--border)}.role-chip{background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:.25rem .6rem;color:var(--text-weak);font-size:.85rem;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-medium);cursor:pointer;max-width:140px}.role-chip:hover{background-color:#2a2a2a;border-color:var(--border-hover)}.role-chip-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.roles-dropdown{position:relative}.roles-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;width:220px;background:#1e1e1e;border:1px solid var(--border);border-radius:8px;padding:6px;box-shadow:var(--shadow-lg);overflow:auto;max-height:500px}.roles-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background-color var(--transition-fast)}.roles-dropdown-item:hover{background-color:var(--bg-2)}.roles-dropdown-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toaster{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:12px}.toast{min-width:280px;max-width:420px;padding:12px 16px;border-radius:8px;border:1px solid var(--border);background:#1e1e1eb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);color:var(--text);display:flex;gap:10px;align-items:center;border-left:3px solid #7D7D7D;animation:toast-in .3s ease-out;z-index:9999}.toast.success{border-left-color:#14d0c5}.toast.warn{border-left-color:#facc15}.toast.error{border-left-color:#f87171}.toast button{margin-left:auto;background:transparent;border:0;color:var(--muted);cursor:pointer;transition:color var(--transition-fast)}.toast button:hover{color:var(--text)}.studio-layout{display:grid;grid-template-columns:260px 420px 1fr 300px;height:100%;width:100%;grid-template-rows:minmax(0,1fr)}.studio-header{text-align:center;margin-bottom:2rem}.studio-header h1{font-size:2.5rem;font-weight:700;color:var(--text)}.studio-header p{font-size:1rem;color:var(--muted);max-width:400px;margin-top:.5rem}.studio-nav{display:flex;gap:6px;background-color:var(--bg-0);padding:6px;border-radius:12px;border:1px solid var(--border);margin-bottom:2rem}.studio-nav-button{padding:.5rem 1rem;border-radius:8px;border:none;background:transparent;color:var(--text-weak);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.studio-nav-button:hover{background-color:var(--bg-2);color:var(--text)}.studio-nav-button.active{background-color:var(--bg-2);color:var(--text);box-shadow:var(--shadow-sm)}.studio-content{width:100%;max-width:800px;background-color:var(--bg-0);border:1px solid var(--border);border-radius:16px;padding:2rem;min-height:300px}.wip-placeholder{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.leinai-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:2rem}.leinai-icon-glow{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(171,93,255,.2),transparent 70%);margin-bottom:1.5rem;color:var(--fuchsia-500)}@keyframes title-pan{0%{background-position:0% center}to{background-position:200% center}}.leinai-title{font-size:4rem;font-weight:800;background:linear-gradient(90deg,var(--indigo-500),var(--fuchsia-500),var(--indigo-500));background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-pan 4s linear infinite;margin:0}.leinai-subtitle{font-size:1.25rem;color:var(--text);margin:.5rem 0 0}.leinai-description{max-width:450px;color:var(--muted);margin-top:1.5rem;line-height:1.6}.login-page-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.login-box{background:var(--bg-0);border:1px solid var(--border);border-radius:16px;padding:2rem;width:100%;max-width:400px;text-align:center;box-shadow:var(--shadow-lg)}.logo-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:1rem}.logo-container .size-10{width:40px;height:40px}.login-box h1{margin:0;font-size:1.5rem}.login-box h2{margin:1rem 0 .5rem}.login-hint{color:var(--muted);margin:0 0 1.5rem;line-height:1.5}.login-status-hint{font-size:.8rem;color:var(--muted);margin-top:1.5rem}.btn-login-tg{display:inline-block;width:100%;padding:.75rem 1rem;border-radius:8px;background:#27a0e0;color:#fff;text-decoration:none;font-weight:600;transition:background-color .2s}.btn-login-tg:hover{background-color:#38aae4}.spinner{border:4px solid rgba(255,255,255,.1);border-left-color:#fff;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite;margin:1.5rem auto}.user-profile{display:flex;align-items:center;gap:8px}.user-profile span{font-weight:500}.btn-logout{background:var(--bg-2);border:1px solid var(--border);color:var(--text-weak);border-radius:6px;padding:4px 8px;cursor:pointer}.btn-logout:hover{background:#2a2a2a;color:#ff9a9a}.modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{position:relative;background:var(--bg-0);border:1px solid var(--border);border-radius:16px;padding:2rem;width:100%;max-width:400px;text-align:center;box-shadow:var(--shadow-lg)}.modal-close-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer;z-index:1000}.user-profile{display:flex;align-items:center;gap:12px}.username-link.is-premium{color:gold;font-weight:600;text-shadow:0 0 8px rgba(255,215,0,.6);transition:all var(--transition-fast)}.username-link.is-premium:hover{color:#fff;text-shadow:0 0 12px rgba(255,215,0,.8)}.balance-badge{background:#ffffff0d;border:1px solid var(--border);padding:4px 8px;border-radius:6px;font-size:.85rem;font-weight:500;color:var(--text-weak)}.banned-screen{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:var(--bg-0)}.banned-box{background-color:var(--bg-1);border:1px solid #ff4d4d;border-radius:16px;padding:2rem;max-width:450px;text-align:center;box-shadow:0 0 30px #ff4d4d4d}.banned-box h2{color:#ff4d4d;margin-top:0}.banned-box p{color:var(--text-weak);line-height:1.6}.studio-header{flex-shrink:0}:root{--cc-nav-width: 290px;--cc-settings-width: 420px;--cc-history-width: 300px}.command-center-layout{display:grid;grid-template-columns:var(--cc-nav-width) var(--cc-settings-width) 1fr var(--cc-history-width);width:100%;height:100%;grid-template-rows:minmax(0,1fr);background-color:var(--bg-1)}.cc-nav-panel,.cc-settings-panel,.cc-main-canvas,.cc-history-panel{display:flex;flex-direction:column;min-height:0;background-color:var(--bg-1)}.cc-nav-panel{background-color:var(--bg-0);padding:0;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.cc-nav-panel .cc-nav-accordion{flex-grow:1;overflow-y:auto;overflow-x:hidden}.cc-nav-header{font-size:1.1rem;font-weight:600;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.cc-nav-accordion{flex-grow:1;overflow-y:auto}.cc-nav-accordion .accordion-item{border-bottom:none;margin-bottom:.5rem}.cc-nav-accordion .accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--text);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.cc-nav-accordion .accordion-header:hover{background-color:var(--bg-2)}.accordion-header-content{display:flex;align-items:center;gap:12px}.accordion-icon{color:var(--muted);width:20px;height:20px}.accordion-icon svg{width:100%;height:100%;stroke-width:1.5;fill:none;stroke:currentColor}.cc-nav-accordion .accordion-arrow{transition:transform .2s ease;color:var(--muted)}.cc-nav-accordion .accordion-header>span:last-child{transition:transform .2s ease}.cc-nav-accordion .accordion-item.open .accordion-header .accordion-arrow{transform:rotate(90deg)}.cc-nav-accordion .accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out;padding:0 .5rem}.cc-nav-accordion .accordion-item.open .accordion-content{max-height:500px;padding:.5rem}.model-link-wrapper{position:relative;border-radius:8px;margin:2px;margin-bottom:.25rem;cursor:pointer}.model-link{display:block;width:100%;text-align:left;padding:.75rem 1rem;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-weak);cursor:pointer;transition:all var(--transition-fast)}.model-link-wrapper:hover .model-link{background-color:var(--bg-2);color:var(--text)}.model-link-wrapper.active .model-link{background-color:transparent;color:var(--text);font-weight:500}.model-link-wrapper.active:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,var(--indigo-500),var(--fuchsia-500),var(--indigo-500));background-size:200% auto;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-pan 3s linear infinite;z-index:0}.cc-settings-panel{display:flex;flex-direction:column;padding:1.5rem;border-right:1px solid var(--border);overflow-y:auto}.cc-main-canvas{align-items:center;justify-content:center;padding:1.5rem;position:relative;background-color:transparent}.result-wrapper,.result-image{max-width:100%;max-height:100%;object-fit:contain}.empty-placeholder{text-align:center;color:var(--muted)}.empty-placeholder h3{margin-bottom:.5rem;color:var(--text)}.cc-history-panel{background-color:var(--bg-0);padding:1rem;border-left:1px solid var(--border)}.cc-history-header{font-size:1.25rem;font-weight:600;padding-bottom:1rem;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.btn-clear-history{background:none;border:none;color:var(--muted);font-size:.8rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all var(--transition-fast)}.history-filter-container{padding:0 0 1rem;flex-shrink:0}.history-filter-container select{width:100%;background-color:var(--bg-1)}.btn-clear-history:hover{background-color:var(--bg-2);color:#ff9a9a}.history-list-placeholder{text-align:center;color:var(--muted);font-size:.9rem;padding-top:2rem}.cc-settings-panel .dynamic-form{display:flex;flex-direction:column;gap:1.25rem;height:100%}.cc-settings-panel .form-group{display:flex;flex-direction:column;gap:.5rem}.cc-settings-panel .form-group label{font-weight:500;font-size:.9rem;color:var(--text-weak)}.cc-settings-panel textarea,.cc-settings-panel input[type=number],.cc-settings-panel select{background:var(--bg-0);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.6rem .8rem;width:100%;transition:all var(--transition-medium)}.cc-settings-panel textarea:focus,.cc-settings-panel input[type=number]:focus,.cc-settings-panel select:focus{border-color:var(--indigo-500);box-shadow:0 0 0 3px #5a66ff4d}.cc-history-header,.cc-nav-header{flex-shrink:0}.cc-settings-panel .slider-group{display:flex;align-items:center;gap:.75rem}.cc-settings-panel .slider-group span{background:var(--bg-0);border:1px solid var(--border);padding:.25rem .5rem;border-radius:6px;font-size:.8rem;min-width:40px;text-align:center}.cc-settings-panel .dynamic-form button[type=submit]{margin-top:auto;width:100%;padding:.75rem 1rem;border-radius:8px;border:none;background:linear-gradient(90deg,var(--indigo-600),var(--fuchsia-600));color:#fff;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.cc-settings-panel .dynamic-form button[type=submit]:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 0 15px #5a66ff66}.cc-settings-panel .dynamic-form button[type=submit]:disabled{background:var(--bg-2);cursor:not-allowed;opacity:.7}.accordion-header .accordion-arrow{transition:transform .2s ease}.accordion-item.open .accordion-header .accordion-arrow{transform:rotate(90deg)}.aspect-ratio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.5rem}.aspect-ratio-group button{padding:.5rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-1);color:var(--text-weak);cursor:pointer;transition:all var(--transition-fast)}.aspect-ratio-group button:hover{border-color:var(--border-hover);color:var(--text)}.aspect-ratio-group button.active{border-color:var(--indigo-500);background-color:#5a66ff1a;color:var(--text)}.result-wrapper{position:relative}.result-image{cursor:zoom-in}.result-actions{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#0b0c10b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem;border-radius:12px;border:1px solid var(--border);display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.result-wrapper:hover .result-actions{opacity:1}.result-actions button{background:var(--bg-2);border:1px solid var(--border);color:var(--text-weak);border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:all var(--transition-fast)}.result-actions button:hover{background:#2a2a2a;color:var(--text)}.history-item{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;border:1px solid var(--border);min-height:100px}.btn-delete-item{position:absolute;top:6px;right:6px;z-index:10;width:24px;height:24px;border-radius:50%;border:none;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;line-height:1;opacity:0;transition:opacity .2s ease,background-color .2s ease}.history-item:hover .btn-delete-item{opacity:1}.btn-delete-item:hover{background-color:#ff4d4d}.history-item img,.history-item-loader,.history-item-error,.history-item-placeholder-icon{display:block;width:100%;max-height:100px;object-fit:cover;transition:transform .2s ease;object-position:center}.history-item:hover img{transform:scale(1.05)}.history-item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%);padding:.75rem;opacity:1;transition:opacity .2s ease;display:flex;flex-direction:column;justify-content:flex-end;height:70%}.history-item-model{background:#ffffff1a;color:var(--text-weak);font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:4px;align-self:flex-start;margin-bottom:6px;text-transform:uppercase}.history-item-title{color:#fff;font-size:.85rem;margin:0;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-item:hover .history-item-overlay{opacity:1}.history-item-overlay p{color:#fff;font-size:.75rem;margin:0;font-weight:500}.history-loader,.history-end{text-align:center;padding:1rem;color:var(--muted);font-size:.9rem}.history-item-loader,.history-item-error{width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-2)}.history-item-loader{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.history-item-error{color:#ff4d4d;font-size:2rem;font-weight:700}.cc-history-panel .history-list{display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem}.cc-history-panel .history-list,.cc-nav-panel .cc-nav-accordion{flex-grow:1;overflow-y:auto}.cc-nav-panel .cc-nav-accordion{padding-top:.5rem}.studio-grid-layout{display:grid;grid-template-columns:260px 420px 1fr 300px;grid-template-rows:minmax(0,1fr);height:100%;width:100%}.dynamic-form{display:flex;flex-direction:column;gap:1.25rem;flex-grow:1}.dynamic-form button[type=submit]{margin-top:auto}.draft-restore-banner{padding:.75rem 1rem;margin-top:1rem;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.draft-restore-banner p{margin:0;font-size:.85rem;color:var(--text-weak)}.draft-restore-banner button{background:var(--bg-0);border:1px solid var(--border);color:var(--text);padding:.25rem .75rem;border-radius:6px;cursor:pointer;white-space:nowrap}.suno-result-viewer{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:700px;margin:0 auto}.suno-tracks-container{display:flex;flex-direction:column;gap:1.5rem}.suno-track-wrapper{display:flex;gap:1rem;align-items:flex-start}.suno-track-cover-external{width:96px;height:96px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.suno-lyrics-container{background:var(--bg-0);border:1px solid var(--border);padding:1rem 1.5rem;border-radius:12px;max-height:250px;overflow-y:auto}.suno-track-cover{width:80px;height:80px;border-radius:8px;object-fit:cover;flex-shrink:0}.suno-track-title{font-weight:500;margin:0 0 .5rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suno-lyrics-container h3{margin-top:0}.suno-lyrics-container pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:.95rem;line-height:1.6;color:var(--text-weak)}.switch-group{display:flex;background-color:var(--bg-0);padding:4px;border-radius:8px;border:1px solid var(--border)}.switch-group button{flex:1;padding:.5rem;border:none;background:transparent;color:var(--text-weak);border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.switch-group button:hover:not(.active){background-color:var(--bg-2)}.switch-group button.active{background-color:var(--bg-2);color:var(--text);box-shadow:0 1px 3px #0000001a}.custom-player{display:flex;align-items:center;gap:1rem;background:var(--bg-2);padding:.75rem;border-radius:999px;border:1px solid var(--border);width:100%}.player-cover{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--bg-0)}.player-controls{flex-grow:1;display:flex;align-items:center;gap:1rem;min-width:0}.play-pause-btn{background:var(--bg-0);border:1px solid var(--border);color:var(--text);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.play-pause-btn:hover{transform:scale(1.1);border-color:var(--border-hover)}.time-and-progress{flex-grow:1;display:flex;flex-direction:column;gap:4px}.time-display{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.progress-bar-container{width:100%;height:6px;background-color:var(--bg-0);border-radius:3px;cursor:pointer;position:relative}.progress-bar-bg{width:100%;height:100%;border-radius:3px}.progress-bar-fg{position:absolute;top:0;left:0;height:100%;background:var(--text);border-radius:3px;transition:width .1s linear}.suno-track-cover-external{width:64px;height:64px;border-radius:8px;object-fit:cover;flex-shrink:0}.suno-track-main{flex-grow:1;min-width:0}.suno-track-title{font-weight:500;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.elegant-player{display:flex;align-items:center;gap:12px;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:12px;width:22vw}.elegant-play-btn{background:var(--indigo-500);color:#fff;border:none;width:44px;height:44px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.elegant-play-btn:hover{filter:brightness(1.15)}.elegant-play-btn svg{width:22px;height:22px}.elegant-waveform-container{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:8px}.elegant-track-title{font-weight:500;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.elegant-waveform{width:100%;height:40px}.elegant-time{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.elegant-actions{display:flex;gap:6px;border-left:1px solid var(--border);padding-left:12px}.elegant-action-btn{background:var(--bg-2);border:1px solid var(--border);color:var(--text-weak);font-size:.75rem;font-weight:600;padding:6px 10px;border-radius:6px;cursor:pointer}.elegant-action-btn:hover:not(:disabled){background-color:#2a2a2a;color:var(--text)}.elegant-action-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 800px){.elegant-player{min-width:300px;padding:8px;gap:8px}.elegant-play-btn{width:40px;height:40px}.elegant-play-btn svg{width:20px;height:20px}.elegant-waveform{height:36px}.elegant-time{display:flex;flex-direction:column;align-items:center;font-size:.8rem;line-height:1.2;text-align:center}.player-time-separator{display:none}.elegant-actions{display:flex;flex-direction:column;gap:4px;padding-left:8px;border-left:1px solid var(--border)}.elegant-action-btn{padding:4px 8px;font-size:.7rem}.cc-main-canvas .elegant-player{width:100%}}.action-btn{background:#ffffff0d;border:1px solid var(--border);color:var(--text-weak);padding:6px 12px;font-size:.8rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover:not(:disabled){background:#ffffff1a;color:var(--text)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.history-item-placeholder-icon{width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-2);font-size:3rem;color:var(--muted)}.visualizer-toggle-container{position:absolute;top:1rem;right:1rem;z-index:100;display:flex;align-items:center;gap:.5rem;background:#121212b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 10px;border-radius:8px;border:1px solid var(--border)}.toggle-label{font-size:.8rem;color:var(--muted)}.toggle-button{background:var(--bg-0);border:none;color:var(--text);font-weight:500;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.toggle-button:hover{background-color:var(--bg-2)}.file-upload-container{display:flex;flex-direction:column;gap:.75rem}.dropzone{border:2px dashed var(--border);border-radius:8px;padding:1.5rem;text-align:center;color:var(--muted);cursor:pointer;transition:all var(--transition-fast);width:100%;display:flex;align-items:center;justify-content:center}.dropzone.compact{width:96px;height:96px;padding:0}.dropzone.compact svg{width:32px;height:32px;color:var(--muted)}.dropzone.active{border-color:var(--indigo-500);background-color:#6b7bff0d}.dropzone p{margin:0}.previews-container{display:flex;flex-wrap:wrap;gap:.75rem}.file-preview-item{position:relative;width:96px;height:96px;border-radius:8px;overflow:hidden;border:1px solid var(--border);flex-shrink:0}.file-preview-img,.file-preview-video{display:block;width:100%;height:100%;object-fit:cover}.file-preview-loader{width:100%;height:100%;background-color:var(--bg-2);animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.file-preview-info .file-success svg{width:14px;height:14px}.file-preview-info .file-success{justify-content:center}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.file-preview-info{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.progress-bar{height:4px;background:#fff3;border-radius:2px}.progress-bar div{height:100%;background:var(--indigo-500);border-radius:2px;transition:width .3s ease}.file-error{color:#ff9a9a;font-size:.7rem;font-weight:500}.remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.file-success{display:flex;align-items:center;gap:4px;color:#34d399;font-size:.7rem;font-weight:500}.file-success svg{width:12px;height:12px}.voice-select-container{border:1px solid var(--border);border-radius:8px;background-color:var(--bg-0)}.voice-tabs{display:flex;padding:4px;border-bottom:1px solid var(--border)}.voice-tabs button{flex-grow:1;padding:.5rem;border:none;background:transparent;color:var(--text-weak);border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.voice-tabs button:hover:not(.active){background-color:var(--bg-2)}.voice-tabs button.active{background-color:var(--bg-2);color:var(--text)}.btn-add-voice{flex-grow:0;width:36px;margin-left:4px;font-size:1.5rem;line-height:1}.voice-list{max-height:180px;overflow-y:auto;padding:4px}.voice-item{display:flex;gap:.5rem;justify-content:space-between;align-items:center;padding:.6rem .75rem;border-radius:6px;cursor:pointer;transition:background-color var(--transition-fast)}.voice-item:hover{background-color:var(--bg-2)}.voice-item.active{background-color:var(--indigo-500);color:#fff}.btn-delete-voice{background:none;border:none;color:var(--muted);cursor:pointer;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.voice-item:hover .btn-delete-voice{color:#ff9a9a}.voice-item.active .btn-delete-voice{color:#ffffffb3}.voice-item.active:hover .btn-delete-voice{color:#fff;background-color:#ffffff1a}.voice-list-placeholder{text-align:center;padding:1.5rem;color:var(--muted);font-size:.9rem}.btn-play-voice{background:var(--bg-2);border:1px solid var(--border);color:var(--text-weak);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.voice-item:hover .btn-play-voice{background-color:var(--bg-0);color:var(--text)}.voice-item.active .btn-play-voice{background-color:#fff3;border-color:transparent;color:#fff}.audio-result-container{width:100%;max-width:700px;margin:0 auto;width:22vw}.image-gallery{display:grid;gap:1rem;width:auto;height:100%;max-width:800px;margin:auto}.image-gallery.grid-cols-1{grid-template-columns:1fr}.image-gallery.grid-cols-2{grid-template-columns:repeat(2,1fr)}.gallery-image-wrapper{position:relative;cursor:zoom-in;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.gallery-image-wrapper .result-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.gallery-image-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff;font-size:2rem}.result-video{max-width:100%;max-height:100%;border-radius:12px}.error-display-wrapper{max-width:450px;margin:auto;padding:2rem;text-align:center;background-color:#ff4d4d0d;border:1px solid rgba(255,77,77,.2);border-radius:16px}.error-icon{width:48px;height:48px;border-radius:50%;background-color:#ff4d4d1a;border:2px solid rgba(255,77,77,.3);color:#ff4d4d;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.error-display-wrapper h3{color:#ff9a9a;margin:0 0 .5rem}.error-display-wrapper p{color:var(--text-weak);line-height:1.6;margin:0}.textarea-wrapper{position:relative;flex:1;min-width:0}textarea{resize:none;min-height:40px;max-height:350px;width:100%;padding-bottom:12px}textarea[data-name=negative_prompt]{height:80px}.composer .textarea-wrapper{position:relative;display:flex;align-items:center;background-color:var(--bg-0);border:1px solid var(--border);border-radius:18px;transition:border-color var(--transition-medium),box-shadow var(--transition-medium)}.composer .textarea-wrapper:focus-within{border-color:var(--indigo-500);box-shadow:0 0 0 3px #5a66ff4d}.composer-input{min-width:0;background:transparent;border:none;outline:none;box-shadow:none;padding:12px 0;resize:none;color:var(--text);min-height:48px;max-height:200px}.composer-action-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;color:var(--muted);transition:color .2s,background-color .2s;border-radius:50%}.attach-btn{margin-left:6px}.send-btn{margin-right:6px;color:var(--indigo-500)}.send-btn:hover{color:#fff;background-color:var(--indigo-500)}.send-btn:disabled{color:var(--border);cursor:not-allowed;background-color:transparent}.composer .resize-handle{position:relative;height:12px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;width:100%}.composer .resize-handle:before{content:"";width:40px;height:6px;background-color:var(--border);border-radius:3px;transition:background-color .2s ease}.composer .resize-handle:hover:before{background-color:var(--border-hover)}.resize-handle{position:absolute;bottom:0;left:0;width:100%;height:10px;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.resize-handle:before{content:"";width:40px;height:6px;background-color:var(--border);border-radius:3px;transition:background-color .2s ease}.resize-handle:hover:before{background-color:var(--border-hover)}.translator-bar{position:absolute;top:8px;right:8px;display:flex;gap:6px;background-color:#1e1e1eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px;border-radius:8px;border:1px solid var(--border);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:10}.textarea-wrapper:hover .translator-bar{opacity:1;visibility:visible}.translator-bar button{background:var(--bg-2);border:1px solid transparent;color:var(--text-weak);font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .2s}.translator-bar button:hover:not(:disabled){background:var(--bg-0);border-color:var(--border-hover);color:var(--text)}.translator-bar button:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 800px){.layout-two{grid-template-columns:1fr}.layout-two .sidebar,.sidebar-resizer{display:none}.studio-grid-layout{grid-template-columns:1fr;height:auto;overflow:hidden}.cc-nav-panel,.cc-settings-panel,.cc-main-canvas,.cc-history-panel{min-height:unset;height:auto;overflow:auto;overflow-y:visible;border-right:none;border-left:none;border-bottom:1px solid var(--border)}.cc-main-canvas{min-height:400px}.cc-history-panel .history-list{overflow-y:visible}}.studio-layout-wrapper{height:100%;width:100%;display:flex;flex-direction:column}.studio-grid-layout{display:grid;grid-template-columns:260px 420px 1fr 300px;grid-template-rows:minmax(0,1fr);height:100%;width:100%;flex-grow:1;min-height:0}.studio-bottom-nav{display:none}@media (max-width: 800px){.studio-grid-layout{display:block}.studio-grid-layout{flex-grow:1;min-height:0}.cc-nav-panel,.cc-settings-panel,.cc-main-canvas,.cc-history-panel{display:none;height:100%;border:none}.studio-layout-wrapper.mobile-tab-nav .cc-nav-panel,.studio-layout-wrapper.mobile-tab-settings .cc-settings-panel,.studio-layout-wrapper.mobile-tab-canvas .cc-main-canvas,.studio-layout-wrapper.mobile-tab-history .cc-history-panel{display:flex}.studio-bottom-nav{display:flex;justify-content:space-around;align-items:center;background-color:var(--bg-1);border-top:1px solid var(--border);flex-shrink:0;padding:4px 0;height:64px}.studio-bottom-nav .nav-button{background:none;border:none;color:var(--muted);width:52px;height:52px;border-radius:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.studio-bottom-nav .nav-icon svg{width:24px;height:24px}.studio-bottom-nav .nav-button.active{color:var(--text);background-color:var(--bg-2)}.studio-bottom-nav .nav-button:not(.active):hover{background-color:var(--bg-2)}.nav-button.center-button{background:linear-gradient(135deg,var(--indigo-500),var(--fuchsia-500));color:#fff;box-shadow:none;border:none;transform:translateY(-4px)}.nav-button.center-button .nav-icon svg{width:28px;height:28px}.nav-button.center-button:hover{filter:brightness(1.1);background:linear-gradient(135deg,var(--indigo-500),var(--fuchsia-500));transform:translateY(-6px)}.nav-button.center-button.active{background:linear-gradient(135deg,var(--indigo-500),var(--fuchsia-500));box-shadow:0 0 15px #ab5dff4d;transform:translateY(-4px)}.studio-panel-wrapper{height:100%}}.layout-mobile-chat{display:flex;flex-direction:column;height:100%;width:100%}.chat-mobile-content{flex-grow:1;min-height:0;overflow:hidden}.layout-mobile-chat .sidebar,.layout-mobile-chat .chat-pane,.layout-mobile-chat .roles-drawer{height:100%;width:100%;border:none}.layout-mobile-chat .roles-drawer{position:relative;top:0;right:0;bottom:0;width:100%;animation:none}.chat-bottom-nav{display:flex;justify-content:space-around;align-items:center;background-color:var(--bg-1);border-top:1px solid var(--border);flex-shrink:0;padding:4px 0;height:64px}.chat-bottom-nav .nav-button{background:none;border:none;color:var(--muted);width:52px;height:52px;border-radius:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-bottom-nav .nav-icon svg{width:24px;height:24px}.chat-bottom-nav .nav-button.active{color:var(--text);background-color:var(--bg-2)}.chat-bottom-nav .nav-button:not(.active):hover{background-color:var(--bg-2)}.chat-bottom-nav .nav-button.center-button{background:linear-gradient(135deg,var(--indigo-500),var(--fuchsia-500));color:#fff;transform:translateY(-4px)}.chat-bottom-nav .nav-button.center-button .nav-icon svg{width:28px;height:28px}.chat-bottom-nav .nav-button.center-button:hover{filter:brightness(1.1);background:linear-gradient(135deg,var(--indigo-500),var(--fuchsia-500));transform:translateY(-6px)}.chat-bottom-nav .nav-button.center-button.active{background:linear-gradient(135deg,var(--indigo-500),var(--fuchsia-500));transform:translateY(-4px)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;position:relative}.header-left{display:flex;align-items:center;gap:12px}.page-title{font-weight:600;font-size:1.1rem}.username-link{cursor:pointer}@media (max-width: 800px){.app-header{padding:0 12px}.header-left,.header-right{gap:8px}.desktop-only,.mobile-hidden{display:none}.user-profile .username-link{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-title{font-size:1rem}}.header-right{display:flex;align-items:center;gap:8px}@media (max-width: 800px){.chat-pane .chat-scroll{padding-top:56px}.chat-topbar{position:fixed;left:0;right:0;transform:translateY(0);transition:transform .3s ease-in-out}.chat-topbar.hidden{transform:translateY(-100%)}.chat-topbar.visible{transform:translateY(0)}}.composer__inner-wrapper{position:relative;display:flex;flex-direction:column;min-height:60px;background-color:var(--bg-0);border:1px solid var(--border);border-radius:8px;transition:border-color var(--transition-medium)}.composer__inner-wrapper:focus-within{border-color:var(--indigo-500)}.composer__input{flex-grow:1;width:100%;min-width:0;background:transparent;border:none;outline:none;box-shadow:none;resize:none;color:var(--text);font-size:1rem;padding:12px 52px}.composer__input:focus{box-shadow:none!important}.composer-action-btn{position:absolute;z-index:10;background:none;border:none;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .2s,background-color .2s}.composer-action-btn--attach{left:8px;top:50%;transform:translateY(-50%)}.composer-action-btn--send{right:8px;bottom:12px}.composer-action-btn:hover{color:var(--text);background-color:var(--bg-2)}.composer-action-btn--send:not(:disabled){background-color:var(--indigo-500);color:#fff}.composer-action-btn--send:not(:disabled):hover{filter:brightness(1.15)}.composer-action-btn--send:disabled{color:var(--border);background-color:transparent;cursor:not-allowed}.composer__resize-handle{position:absolute;top:0;left:0;right:0;width:100%;height:12px;cursor:ns-resize;z-index:20;display:flex;align-items:center;justify-content:center;transform:translateY(-50%)}.composer__resize-handle:before{content:"";width:40px;height:6px;background-color:var(--border);border-radius:3px;transition:background-color .2s ease}.composer__resize-handle:hover:before{background-color:var(--border-hover)}@media (min-width: 801px){.composer-wrapper{padding:12px 16px}}.chat-view{display:flex;flex-direction:column;gap:.75rem}.message-edit-wrapper{display:flex;flex-direction:column}.message-edit-wrapper .composer-input{flex-grow:0;max-height:none;width:100%;margin-bottom:8px;resize:none}.msg-actions .btn-apply,.msg-actions .btn-light{padding:6px 10px;font-size:14px;width:auto;height:auto;border-radius:6px;flex-shrink:0}.msg-actions .btn-light:hover{transform:none;color:var(--text-weak);background-color:#2a2a2a}.composer__inner-wrapper.drag-active{border-color:var(--indigo-500);box-shadow:0 0 0 3px #5a66ff4d}.composer-previews{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:8px;background:var(--bg-0);border:1px solid var(--border);border-radius:12px}.composer-preview-item{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;background:var(--bg-2);border:1px solid var(--border);flex-shrink:0}.preview-image{width:100%;height:100%;object-fit:cover}.preview-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.preview-loader,.preview-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preview-loader{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.preview-error{color:#ff9a9a;font-size:2rem;font-weight:700}.preview-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:12px 4px 4px}.preview-name{color:#fff;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.preview-remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;opacity:.8;transition:all var(--transition-fast)}.preview-remove-btn:hover{opacity:1;background:#ff4d4d;transform:scale(1.1)}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.attachment-item{border-radius:8px;overflow:hidden;border:1px solid var(--border);background-color:var(--bg-1)}.attachment-image{display:block;object-fit:cover;width:100%;max-width:700px;cursor:pointer;transition:filter .2s ease}.attachment-image:hover{filter:brightness(1.1)}.attachment-file{display:flex;align-items:center;gap:8px;padding:8px 12px;max-width:240px}.attachment-file-icon{color:var(--muted);flex-shrink:0}.attachment-file-icon svg{width:28px;height:28px}.attachment-file-name{color:var(--text-weak);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.composer-spinner{stroke-dasharray:80;stroke-dashoffset:60;animation:spin 1s linear infinite}.composer__input:disabled{background-color:transparent;cursor:not-allowed}.settings-drawer{position:fixed;top:56px;right:0;bottom:0;width:420px;z-index:150;background-color:#0a0a0ab3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--border);box-shadow:-10px 0 30px -10px #0006;animation:slide-in-right .4s cubic-bezier(.25,1,.5,1);display:flex;flex-direction:column}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.settings-tabs{display:flex;gap:4px;background-color:var(--bg-1);padding:4px;border-radius:8px}.settings-tabs button{padding:6px 14px;border:none;background:transparent;color:var(--text-weak);border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.settings-tabs button:hover:not(.active){background-color:var(--bg-2)}.settings-tabs button.active{background-color:var(--bg-0);color:var(--text);box-shadow:0 1px 3px #0003}.settings-header .close-btn{background:none;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer}.settings-content{flex-grow:1;overflow-y:auto;padding:16px}.settings-placeholder{text-align:center;color:var(--muted);padding-top:3rem}.form-groups{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-weak)}.form-group small{font-size:.8rem;color:var(--muted)}.slider-group{display:flex;align-items:center;gap:.75rem}.slider-group input[type=range]{flex-grow:1}.slider-group span{background:var(--bg-0);border:1px solid var(--border);padding:.25rem .5rem;border-radius:6px;font-size:.8rem;min-width:40px;text-align:center}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-2);transition:.4s;border-radius:24px;border:1px solid var(--border)}.switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--muted);transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:var(--indigo-600);border-color:var(--indigo-500)}.switch input:checked+.slider:before{transform:translate(20px);background-color:#fff}.role-active-badge{font-size:11px;opacity:.7;margin-bottom:6px;color:var(--indigo-500);font-weight:500}@media (max-width: 800px){.layout-mobile-chat .settings-drawer{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:100%;animation:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;border-left:none}.layout-mobile-chat .settings-drawer .settings-content{padding:16px 12px}.layout-mobile-chat .settings-drawer .settings-header{padding:12px}}.generated-attachment-wrapper{position:relative;display:block;border-radius:8px;overflow:hidden}.generated-attachment-wrapper .btn-to-studio{position:absolute;top:8px;right:8px;z-index:10;background-color:#1e1e1eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s ease}.generated-attachment-wrapper:hover .btn-to-studio{opacity:1;transform:scale(1)}.generated-attachment-wrapper .btn-to-studio:hover{background-color:var(--indigo-500);transform:scale(1.1)}.generated-attachment-wrapper .btn-to-studio svg{width:16px;height:16px}.leinai-message-wrapper{width:100%;display:flex;flex-direction:column;gap:.75rem}.message-block{max-width:85%;align-self:flex-start;width:fit-content}.message-block .message{margin-bottom:0}.generation-result-container{width:100%;max-width:700px;margin:0 auto}.audio-result-container{width:100%}.suno-chat-result-wrapper{position:relative;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:1rem}.suno-chat-result-wrapper .suno-track-loader,.suno-chat-result-wrapper .error-display-wrapper{background:transparent;border:none;padding:0}.btn-corner-action{position:absolute;top:8px;right:8px;z-index:10;width:32px;height:32px;border-radius:50%;border:none;background:#121212b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-weak);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-corner-action:hover{background-color:var(--indigo-500);color:#fff;transform:scale(1.1)}.btn-corner-action svg{width:16px;height:16px}.composer__voice-ui-container{flex-grow:1;display:flex;align-items:center;padding:0 52px 0 12px;min-height:48px}.voice-recorder-bar{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;width:100%}.recording-indicator{width:10px;height:10px;border-radius:50%;background-color:#f87171;animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 #f87171b3}50%{box-shadow:0 0 0 8px #f8717100}}.voice-preview{display:flex;align-items:center;gap:8px;width:100%}.voice-btn-delete,.voice-btn-play{background:var(--bg-2);border:1px solid var(--border);color:var(--text-weak);border-radius:50%;width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.voice-btn-delete:hover{color:#f87171}.voice-btn-play:hover{color:var(--text)}.voice-waveform{flex-grow:1;min-width:0}@keyframes slide-up-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.composer__voice-ui-container{flex-grow:1;display:flex;align-items:center;padding:0 52px;min-height:48px}.voice-recorder-locked{display:flex;align-items:center;justify-content:space-between;width:100%}.locked-time{font-size:1rem;color:var(--text);font-variant-numeric:tabular-nums}.voice-btn-stop{background:#f87171;border:none;color:#fff;border-radius:50%;width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.voice-action-container{position:absolute;right:8px;bottom:12px;width:36px;height:36px}.voice-action-container .composer-action-btn--send{position:static;width:100%;height:100%}.voice-lock-ui{position:absolute;right:5px;bottom:60px;left:auto;transform:none;width:48px;height:48px;border-radius:50%;background:var(--bg-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-weak);animation:slide-up-fade-in .3s ease-out;z-index:20}.composer-action-btn--send{position:absolute;right:8px;bottom:12px;transition:color .2s,background-color .2s,transform .1s linear;z-index:21}.voice-player-container{position:relative;overflow:hidden}.voice-player-container.processing .elegant-player{filter:blur(2px);opacity:.6}.spinner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.spinner-overlay:before{content:"";border:3px solid rgba(255,255,255,.2);border-left-color:#fff;border-radius:50%;width:28px;height:28px;animation:spin 1s linear infinite}.transcript-container{margin-top:8px;padding:8px 12px;background:var(--bg-1);border-radius:8px;display:flex;gap:8px;align-items:flex-start}.transcript-container button{background:none;border:none;color:var(--muted);cursor:pointer;flex-shrink:0}.transcript-error{margin-top:8px;color:#ff9a9a;font-size:.9rem}.message-attachments{margin-bottom:0}.user-voice-message{width:100%;max-width:450px}.user-voice-message .elegant-player{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.message-wrapper--user-voice{align-self:flex-end;max-width:85%;display:flex;flex-direction:column;gap:8px;animation:message-in .4s cubic-bezier(.25,1,.5,1)}.message-wrapper--user-voice .meta{align-self:flex-end}.transcript-container p.collapsed:after{content:none}.audio-result-container{width:100%;max-width:700px;margin:0 auto}.user-voice-message .elegant-player{width:100%}.user-voice-message .transcript-container{margin-top:0;cursor:pointer;transition:background-color .2s;border-left:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0 0 12px 12px}.user-voice-message .transcript-container:hover{background-color:var(--bg-2)}.transcript-container p{margin:0;flex-grow:1;color:var(--text-weak);transition:max-height .3s ease-out,opacity .3s ease-out;overflow:hidden;max-height:100px;opacity:1}.transcript-container p.collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}.scroll-to-bottom-btn:hover{background-color:var(--bg-0);color:var(--text);transform:translate(-50%) scale(1.1)}.chat-pane-body{position:relative}.scroll-to-bottom-btn{bottom:80px}.btn-action-icon{background-color:transparent;border:none;padding:0;width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:all var(--transition-fast)}.btn-action-icon:hover{background-color:var(--bg-2);color:var(--text)}.btn-action-delete:hover{background-color:#ff645026;color:#ff9a9a}.code-block-wrapper{position:relative;margin:1em 0;border-radius:8px;background-color:#1e1e1e}.code-block-wrapper pre{margin:0;padding:1rem;background-color:transparent!important;overflow-x:auto}.code-copy-btn{position:sticky;top:8px;display:block;width:fit-content;margin-left:auto;margin-right:8px;margin-bottom:-40px;z-index:10;background-color:#3c3c3cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border);color:var(--text-weak);border-radius:6px;padding:6px;cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease}.code-block-wrapper:hover .code-copy-btn{opacity:1}.code-copy-btn.copied{color:#34d399;background-color:#34d39933;border-color:#34d39966}.code-copy-btn.copied:hover{background-color:#34d39940;color:#34d399}@media (max-width: 800px){.chat-view{gap:.5rem}.message{padding:8px 12px;border-radius:10px}.message .meta{margin-bottom:6px}.msg-actions{margin-top:8px}.msg-actions button:not(.btn-apply):not(.btn-light){width:28px;height:28px}.msg-actions button svg{width:14px;height:14px}}@media (max-width: 800px){.code-copy-btn{top:-50px}.layout-mobile-chat .chat-pane{display:flex;flex-direction:column;height:100%}.chat-pane .chat-scroll{flex-grow:1}.chat-pane .chat-view{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%}.chat-panel-wrapper{height:100%;overflow:auto}.layout-mobile-chat .chat-panel-wrapper{display:none}.layout-mobile-chat.mobile-tab-threads .chat-panel--threads,.layout-mobile-chat.mobile-tab-chat .chat-panel--chat,.layout-mobile-chat.mobile-tab-settings .chat-panel--settings{display:block}.chat-panel-wrapper{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.scroll-to-bottom-btn{position:absolute;bottom:100px;right:1%;transform:translate(-50%);z-index:5323235;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background-color:#1e1e1ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-weak);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.studio-panel-wrapper{display:flex;flex-direction:column;min-height:0}.studio-panel-wrapper>*{flex-grow:1;min-height:0}@media (max-width: 800px){.studio-grid-layout .studio-panel-wrapper{display:none}.studio-layout-wrapper.mobile-tab-nav .studio-panel--nav,.studio-layout-wrapper.mobile-tab-settings .studio-panel--settings,.studio-layout-wrapper.mobile-tab-canvas .studio-panel--canvas,.studio-layout-wrapper.mobile-tab-history .studio-panel--history{display:flex}.studio-panel-wrapper{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.roles-dropdown-item--action{color:var(--indigo-500);font-weight:500}.roles-dropdown-item--action:hover{background-color:#6b7bff1a!important}.dropdown-divider{height:1px;background-color:var(--border);margin:4px 0}@media (max-width: 800px){.desktop-only{display:none!important}}.btn-icon-only{padding:.5rem;width:36px;height:36px}.color-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 12px 12px;border-bottom:1px solid var(--border)}.filter-chip{background:var(--bg-1);border:1px solid var(--border);color:var(--text-weak);border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.filter-chip.active{background:var(--bg-2);color:var(--text);border-color:var(--border-hover)}.filter-chip-color{width:28px;height:28px;border-radius:50%;border:2px solid transparent;background:transparent;padding:3px;cursor:pointer;transition:all var(--transition-fast)}.filter-chip-color .filter-dot{width:100%;height:100%;border-radius:50%;border:1px solid rgba(0,0,0,.2)}.filter-chip-color.active{border-color:var(--indigo-500)}.role-indicator-wrapper{position:relative;cursor:pointer;width:12px;height:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-indicator-wrapper .role-indicator{width:8px;height:8px;transition:transform .2s ease}.role-indicator-wrapper:hover .role-indicator{transform:scale(1.5)}.role-indicator-wrapper{position:relative;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-indicator-wrapper .role-indicator{width:10px;height:10px;transition:transform .2s ease;border:1px solid rgba(0,0,0,.3)}.role-indicator-wrapper:hover .role-indicator{transform:scale(1.4)}.list{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 8px}.color-palette{position:absolute;transform:translate(-50%);z-index:200;background:var(--bg-1);border:1px solid var(--border);border-radius:8px;padding:8px;box-shadow:var(--shadow-lg);width:180px}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px}.palette-color{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.3);cursor:pointer;transition:transform .2s ease}.palette-color:hover{transform:scale(1.1)}.palette-custom-color{display:block;width:100%;padding:6px 0;text-align:center;font-size:.8rem;color:var(--text-weak);border-top:1px solid var(--border);cursor:pointer;position:relative}.palette-custom-color:hover{color:var(--text)}.color-picker-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.custom-select-wrapper{position:relative}.custom-select-trigger{width:54px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-1);border:1px solid var(--border);color:var(--text-weak);border-radius:8px;padding:.5rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.custom-select-trigger:hover{border-color:var(--border-hover)}.color-option-display{flex-grow:1;display:flex;align-items:center;justify-content:center}.color-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.3);flex-shrink:0}.select-arrow{font-size:.6rem;transition:transform .2s}.custom-select-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;z-index:100;background:var(--bg-1);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:var(--shadow-lg)}.custom-select-option{display:flex;align-items:center;justify-content:center;height:36px;border-radius:6px;cursor:pointer;transition:background-color var(--transition-fast)}.custom-select-option:hover{background-color:var(--bg-2)}.color-palette{z-index:200}.fork-modal{position:absolute;z-index:200;width:320px;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:var(--shadow-lg)}.fork-modal-title{margin:0 0 10px;font-weight:500;font-size:.9rem;text-align:center;color:var(--text-weak)}.fork-options{display:flex;flex-direction:column;gap:8px}.fork-option{width:100%;display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;background:var(--bg-2);border:1px solid transparent;cursor:pointer;text-align:left;color:var(--text);transition:all var(--transition-fast)}.fork-option:hover{background:#2a2a2a;border-color:var(--border-hover)}.fork-option svg{flex-shrink:0;color:var(--muted)}.option-text{display:flex;flex-direction:column}.option-text strong{font-weight:500;color:var(--text)}.option-text span{font-size:.8rem;color:var(--muted)}.roulette-widget{background:none;border:1px solid var(--border);color:var(--muted);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.roulette-widget:hover{color:var(--text);border-color:var(--border-hover)}.roulette-widget.active{color:#facc15;border-color:#facc1566;box-shadow:0 0 15px #facc154d;animation:pulse-yellow 2s infinite}@keyframes pulse-yellow{0%{box-shadow:0 0 #facc1566}70%{box-shadow:0 0 0 10px #facc1500}to{box-shadow:0 0 #facc1500}}.roulette-modal{max-width:600px!important;text-align:center}.roulette-container{width:100%;height:100px;background-color:var(--bg-0);border:1px solid var(--border);border-radius:8px;margin:1.5rem 0;position:relative;overflow:hidden}.roulette-container:before,.roulette-container:after{content:"";position:absolute;top:0;bottom:0;width:50px;z-index:2}.roulette-container:before{left:0;background:linear-gradient(to right,var(--bg-1),transparent)}.roulette-container:after{right:0;background:linear-gradient(to left,var(--bg-1),transparent)}.roulette-pointer{position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:100%;background:linear-gradient(var(--indigo-500),var(--fuchsia-500));box-shadow:0 0 10px var(--indigo-500);z-index:3}.roulette-tape{display:flex;height:100%;position:absolute;left:0}.roulette-tape.spinning{transition:transform 7s cubic-bezier(.2,.8,.1,1)}.roulette-tape.finished{transition:none!important}.roulette-item{width:120px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border);position:relative;font-weight:600}.item-description{z-index:1}.roulette-item:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px}.roulette-item.rarity-common{color:#b0b0b0}.roulette-item.rarity-common:before{background:#b0b0b0}.roulette-item.rarity-uncommon{color:#58a6ff}.roulette-item.rarity-uncommon:before{background:#58a6ff}.roulette-item.rarity-rare{color:#b48ead}.roulette-item.rarity-rare:before{background:#b48ead}.roulette-item.rarity-epic{color:#ff06df;text-shadow:0 0 5px #ff06df}.roulette-item.rarity-epic:before{background:#ff06df}.roulette-item.rarity-legendary{color:#ff8000;text-shadow:0 0 8px #ff8000}.roulette-item.rarity-legendary:before{background:#ff8000}.roulette-item.rarity-jackpot{color:gold;text-shadow:0 0 10px #FFD700}.roulette-item.rarity-jackpot:before{background:gold}.spin-button{margin-top:1rem}.cooldown-timer{margin-top:1rem;padding:.75rem;background-color:var(--bg-2);border-radius:8px;color:var(--muted)}.cooldown-timer strong{display:block;font-size:1.5rem;color:var(--text);margin-top:4px}.prize-display-overlay{position:absolute;inset:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10}.prize-display-card{position:relative;width:280px;padding:1.5rem;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;text-align:center;overflow:hidden}.prize-display-card h3{margin:0 0 1rem;color:var(--text);font-size:1.5rem}.prize-description{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.prize-display-card .prize-rarity-glow{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);border-radius:50%;filter:blur(80px);opacity:.6}.prize-display-card.rarity-common .prize-rarity-glow{background:#b0b0b0}.prize-display-card.rarity-uncommon .prize-rarity-glow{background:#58a6ff}.prize-display-card.rarity-rare .prize-rarity-glow{background:#b48ead}.prize-display-card.rarity-epic .prize-rarity-glow{background:#ff06df}.prize-display-card.rarity-legendary .prize-rarity-glow{background:#ff8000}.prize-display-card.rarity-jackpot .prize-rarity-glow{background:gold}.prize-display-card.rarity-common .prize-description{color:#e0e0e0}.prize-display-card.rarity-uncommon .prize-description{color:#87c4ff;text-shadow:0 0 10px #58A6FF}.prize-display-card.rarity-rare .prize-description{color:#d6b5e3;text-shadow:0 0 10px #B48EAD}.prize-display-card.rarity-epic .prize-description{color:#ff94f3;text-shadow:0 0 15px #ff06df}.prize-display-card.rarity-legendary .prize-description{color:#ffb366;text-shadow:0 0 20px #ff8000}.prize-display-card.rarity-jackpot .prize-description{color:#ffeea8;text-shadow:0 0 25px #FFD700}.roulette-wrapper{position:relative;margin:1.5rem 0}.prize-display-card .btn-light{position:relative}.message-error-box{margin-top:12px;padding:10px 12px;background-color:#ff64501a;border:1px solid rgba(255,100,80,.3);border-radius:8px;display:flex;align-items:center;gap:10px;color:#ffc2c2;font-size:.9rem}.message-error-box svg{color:#ff9a9a;flex-shrink:0}.extra-options-container{margin-top:.75rem;padding-left:.5rem;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.modal-content.profile-modal{max-width:420px;text-align:left;padding:1.5rem}.profile-modal-content-wrapper{position:relative;width:100%;overflow:hidden}.profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.profile-avatar{width:64px;height:64px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--indigo-500),var(--fuchsia-500));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:#fff;border:2px solid var(--bg-1);box-shadow:0 0 15px #ab5dff4d}.user-info h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text)}.profile-badge{display:inline-block;margin-top:4px;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:500;background-color:var(--bg-2);color:var(--text-weak);border:1px solid var(--border)}.profile-badge.is-premium{background-color:#facc151a;border-color:#facc154d;color:#facc15;text-shadow:0 0 8px rgba(250,204,21,.5)}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:12px}.stat-icon{width:40px;height:40px;flex-shrink:0;border-radius:8px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;color:var(--muted)}.stat-card:first-child .stat-icon{color:#14d0c5}.stat-card:last-child .stat-icon{color:#facc15}.stat-details{display:flex;flex-direction:column}.stat-label{font-size:.8rem;color:var(--muted)}.stat-value{font-size:1.1rem;font-weight:600;color:var(--text)}.profile-actions{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--border);padding-top:1.5rem}.btn-logout-custom{margin-top:.5rem;color:var(--muted);border-color:var(--border)}.btn-logout-custom:hover{color:#ff9a9a;border-color:#ff645066;background-color:#ff64501a}.modal-view-header{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.modal-view-header h3{margin:0;font-size:1.25rem;font-weight:600;flex-grow:1}.back-btn{background:var(--bg-2);border:1px solid var(--border);color:var(--text-weak);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.back-btn:hover{background-color:#2a2a2a;color:var(--text)}.profile-form{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.profile-form .form-group{display:flex;flex-direction:column;gap:.5rem}.profile-form .form-group label{font-weight:500;font-size:.9rem;color:var(--text-weak)}.profile-form button[type=submit]{margin-top:.5rem}.btn-premium-cta{background:linear-gradient(135deg,#facc15,#ff8000)!important;color:#18181b!important;border:none!important;font-weight:600!important;box-shadow:0 0 20px #facc1566}.btn-premium-cta:hover{filter:brightness(1.1)}.premium-features-list{text-align:left;margin-bottom:1.5rem}.premium-features-list p{color:var(--text-weak);margin:0 0 1rem}.premium-features-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.premium-features-list li{display:flex;align-items:flex-start;gap:10px;color:var(--text)}.premium-features-list li svg{flex-shrink:0;color:#34d399;margin-top:3px}.user-id-container{margin-top:15px;text-align:center}.user-id-display{margin:0;font-size:.8rem;color:var(--muted)}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--bg-1);border-top:1px solid var(--border);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:0 -5px 20px #0003}.cookie-content p{margin:0;color:var(--text-weak);font-size:.9rem}.cookie-content a{color:var(--text);text-decoration:underline}.cookie-actions{display:flex;gap:.75rem;flex-shrink:0}.anonymous-consent-bar{padding:10px 14px;background-color:var(--bg-1);border:1px solid var(--border);border-radius:12px;margin-bottom:8px;font-size:.85rem}.consent-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-weak)}.agreement-links-bar{margin-top:6px;padding-left:28px;font-size:.75rem;color:var(--muted);line-height:1.4}.agreement-links-bar a{color:var(--text-weak);text-decoration:underline;margin-right:4px}.agreement-links-bar a:hover{color:var(--text)}.consent-checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--border-hover);border-radius:4px;display:inline-block;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-custom:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}.consent-checkbox-label input:checked+.checkbox-custom{background-color:var(--indigo-500);border-color:var(--indigo-500)}.consent-checkbox-label input:checked+.checkbox-custom:after{opacity:1}.first-message-consent-overlay,.consent-box,.consent-actions{display:none}.login-agreement{margin-top:1.5rem;padding:12px;background-color:var(--bg-1);border:1px solid var(--border);border-radius:8px}.consent-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.agreement-text{text-align:start;font-size:.9rem;line-height:1.6;color:var(--text-weak);flex:1;min-width:0;word-break:break-word}.agreement-text a{color:var(--text);text-decoration:underline;margin:0 2px}.agreement-text a:hover{color:#fff}.btn-login-tg.disabled{background-color:#555;cursor:not-allowed;opacity:.6}.btn-login-tg.disabled:hover{background-color:#555}@media (max-width: 600px){.cookie-consent-banner{flex-direction:column;text-align:center;gap:1rem}}.qr-code-container{position:relative;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.qr-code-container p{margin:0 0 1rem;color:var(--muted);font-size:.9rem}.qr-code-container img{border-radius:8px;border:1px solid var(--border);transition:filter .2s ease}.qr-code-container.disabled img{filter:grayscale(80%) blur(2px)}.qr-disabled-overlay{position:absolute;inset:0;background-color:#12121280;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:500;cursor:pointer;padding:1rem;border-radius:8px}.qr-disabled-overlay span{background-color:#000000b3;padding:8px 12px;border-radius:6px}@media (max-width: 800px){.mobile-hidden{display:none!important}}.usage-info{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:8px;border-top:1px solid var(--border);font-size:.75rem;color:var(--muted)}.usage-item{display:flex;align-items:center;gap:6px;background-color:var(--bg-1);padding:4px 8px;border-radius:6px;font-variant-numeric:tabular-nums}.usage-item svg{flex-shrink:0}.model-selector-wrapper{position:relative}.model-selector-trigger{display:flex;align-items:center;gap:4px;background:var(--bg-1);border:1px solid var(--border);color:var(--text);border-radius:6px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);padding:4px 8px}.model-selector-trigger:hover{border-color:var(--border-hover);background-color:var(--bg-2)}.model-selector-trigger .model-icon{font-size:.9rem;line-height:1}.model-selector-trigger .model-name{flex-grow:1;text-align:left;font-size:.8rem}.model-selector-trigger svg{color:var(--muted);transition:transform .2s ease}.model-selector-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:250px;z-index:1000;background:#1e1e1e;border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:2px;max-height:70vh;overflow-y:auto}.model-category-header{width:100%;text-align:left;padding:6px 8px;background:none;border:none;color:var(--muted);font-size:.75rem;font-weight:600;text-transform:uppercase;cursor:pointer}.model-category-header:hover{color:var(--text-weak)}.model-list{display:flex;flex-direction:column;gap:2px}.model-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border-radius:6px;background:transparent;border:none;text-align:left;color:var(--text-weak);cursor:pointer;transition:all var(--transition-fast)}.model-item:hover{background-color:var(--bg-2);color:var(--text)}.model-item.active{background-color:var(--bg-2);color:var(--text);font-weight:500}.model-item .model-icon{font-size:1rem}.model-item .model-name{flex-grow:1;font-size:.85rem}.model-item svg{color:var(--indigo-500);margin-left:auto}.model-badge{font-size:.65rem;font-weight:500;background-color:var(--bg-1);color:var(--muted);padding:1px 5px;border-radius:4px;border:1px solid var(--border)}.premium-badge,.free-badge{font-size:.8rem;margin-left:4px}@media (min-width: 801px){.model-selector-trigger{height:36px;padding:0 8px;min-width:170px}}@media (max-width: 800px){.model-selector-trigger{min-width:auto;padding:8px}.model-selector-trigger .model-name{display:none}}.model-selector-dropdown .dropdown-divider{height:1px;background-color:var(--border);margin:4px 0}.model-item.agent-item{font-weight:500}.payment-status-page{display:flex;align-items:center;justify-content:center;min-height:100%;padding:1rem}.payment-status-card{background-color:var(--bg-1);border:1px solid var(--border);border-radius:16px;padding:2.5rem 2rem;max-width:450px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.status-icon-wrapper{margin:0 auto 1.5rem;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.status-icon-wrapper.success{color:#34d399;background:radial-gradient(circle,rgba(52,211,153,.15) 0%,transparent 70%)}.status-icon-wrapper.fail{color:#f87171;background:radial-gradient(circle,rgba(248,113,113,.15) 0%,transparent 70%)}.payment-status-card h2{margin:0 0 .75rem;font-size:1.75rem;color:var(--text)}.payment-status-card p{color:var(--text-weak);line-height:1.6;margin:0 0 2rem}.payment-status-card a.btn-send,.payment-status-card a.btn-light{min-width:180px;text-decoration:none}.avatar-changer{position:relative;width:var(--avatar-size, 48px);height:var(--avatar-size, 48px);border-radius:50%;cursor:pointer;flex-shrink:0;border:2px solid var(--border);transition:border-color var(--transition-fast)}.avatar-changer:hover{border-color:var(--border-hover)}.avatar-image,.avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center}.avatar-placeholder{background:linear-gradient(135deg,var(--indigo-500),var(--fuchsia-500));font-size:calc(var(--avatar-size, 48px) / 2);font-weight:600;color:#fff}.avatar-overlay{position:absolute;inset:0;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease}.avatar-changer:hover .avatar-overlay{opacity:1}.modal-content.avatar-crop-modal{max-width:500px!important}.cropper-container{margin:1.5rem 0;background-color:var(--bg-1);border-radius:8px;padding:1rem;border:1px solid var(--border);display:flex;justify-content:center}.ReactCrop__crop-selection{border:2px dashed rgba(255,255,255,.7)}.avatar-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.user-profile{cursor:pointer}.avatar-placeholder-static{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;overflow:hidden}.avatar-placeholder-static .avatar-image{width:100%;height:100%;object-fit:cover}.profile-header{position:relative;display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.edit-profile-btn{position:absolute;top:0;right:30px;background:var(--bg-2);border:1px solid var(--border);color:var(--text-weak);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.edit-profile-btn:hover{background-color:#2a2a2a;color:var(--text)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon input{padding-right:36px}.name-checker-spinner,.name-checker-icon{position:absolute;right:12px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.name-checker-spinner{border:2px solid rgba(255,255,255,.2);border-left-color:var(--text);border-radius:50%;animation:spin .8s linear infinite}.name-checker-icon{font-weight:700;font-size:1.2rem}.name-checker-icon.success{color:#34d399}.name-checker-icon.error{color:#f87171}.error-text{color:#f87171!important;font-size:.8rem}.telegram-username-display{display:none;padding:10px 12px;background-color:var(--bg-1);border-radius:8px;font-size:.9rem;color:var(--text-weak);margin-top:-1rem;border:1px solid var(--border)}.telegram-username-display strong{color:var(--text);font-weight:500}.color-picker-wrapper{display:flex;align-items:center;gap:12px;background-color:var(--bg-0);border:1px solid var(--border);border-radius:8px;padding:8px}.color-picker-wrapper input[type=color]{width:40px;height:40px;padding:0;border:none;background:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.color-picker-wrapper input[type=color]::-moz-color-swatch{border:none;border-radius:6px}.color-picker-wrapper span{font-weight:500;font-family:monospace}.emoji-picker-wrapper{display:flex;flex-wrap:wrap;gap:8px}.emoji-chip{background:var(--bg-0);border:1px solid var(--border);width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .2s}.emoji-chip:hover{border-color:var(--border-hover);transform:scale(1.1)}.emoji-chip.active{border-color:var(--accent);background-color:#8ea0ff1a;box-shadow:0 0 10px #8ea0ff4d}.username-link{transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.username-link.is-premium{text-shadow:none}.header-center{display:flex;align-items:center;gap:8px}.main-nav-links{display:flex;align-items:center;gap:20px;margin-left:0}.main-nav-links a{font-weight:500;color:var(--text-weak);transition:color .2s;padding:4px 0;position:relative}.main-nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--text);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.main-nav-links a:hover,.main-nav-links a.active{color:var(--text)}.main-nav-links a.active:after{transform:scaleX(1)}.more-menu-wrapper{position:relative}.more-menu-trigger{width:28px;height:36px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.more-menu-trigger:hover{background-color:var(--bg-2);color:var(--text)}.more-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:160px;background:var(--bg-1);border:1px solid var(--border);border-radius:8px;padding:6px;box-shadow:var(--shadow-lg);z-index:1100}.more-menu-item{display:block;width:100%;padding:8px 12px;border-radius:6px;color:var(--text-weak);font-weight:500;transition:all var(--transition-fast)}.more-menu-item:hover,.more-menu-item.active{background-color:var(--bg-2);color:var(--text)}.burger-menu-trigger{display:none;position:relative;width:36px;height:36px;border-radius:8px;background-color:var(--bg-1);border:1px solid var(--border);cursor:pointer;padding:0;transition:background-color var(--transition-fast);z-index:1000}.burger-menu-trigger:hover{background-color:var(--bg-2)}.burger-menu-trigger span,.burger-menu-trigger:before,.burger-menu-trigger:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:18px;height:2px;background-color:var(--text);border-radius:1px;transition:transform .3s ease,top .3s ease,opacity .3s ease}.burger-menu-trigger:before{top:10px}.burger-menu-trigger span{top:16px}.burger-menu-trigger:after{top:22px}.burger-menu-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1900}.burger-menu{width:100%;height:100%;display:flex;flex-direction:column}.burger-menu-container{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:2000;background:var(--bg-0);border-right:1px solid var(--border)}.menu-header{display:flex;align-items:center;gap:12px;padding:1rem;border-bottom:1px solid var(--border);flex-shrink:0}.menu-header span{font-size:1.1rem;font-weight:600}.logo-icon-menu{width:28px;height:28px;border-radius:8px;background:linear-gradient(to bottom right,var(--indigo-500),var(--fuchsia-500))}.menu-items{padding:1rem .75rem;flex-grow:1;overflow-y:auto;overscroll-behavior-x:none}.menu-item{display:block;text-decoration:none}.menu-item-content{display:flex;align-items:center;gap:1rem;padding:12px;border-radius:8px;transition:background-color .2s ease,color .2s ease;color:var(--text-weak)}.menu-item .menu-item-icon{width:24px;height:24px}.menu-item .menu-item-icon svg{width:100%;height:100%;stroke-width:2;fill:none;stroke:currentColor}.menu-item .menu-item-label{font-size:1rem;font-weight:500}.menu-item:hover .menu-item-content,.menu-item.active .menu-item-content{background-color:var(--bg-2);color:var(--text)}@media (max-width: 800px){.header-center{display:none}.burger-menu-trigger{display:block}.more-menu-wrapper{display:none}}.history-item-content{position:relative;width:100%;height:100%;display:flex}.history-item-actions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:flex;gap:12px;opacity:0;transition:opacity .2s ease}.history-item:hover .history-item-actions{opacity:1}.history-item-actions button{background:#121212b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text-weak);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.history-item-actions button:hover{color:#fff;background:var(--accent)}.history-item-actions svg{width:20px;height:20px}.history-item:hover img{filter:brightness(.5);transform:scale(1.05)}.publication-detail-page{max-width:900px;margin:2rem auto;padding:0 1rem}.publication-media{margin:2rem 0;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.publication-media img{width:100%;display:block}.gallery-page{width:100%;max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.gallery-header{text-align:center;margin-bottom:2.5rem}.gallery-header h1{font-size:2.5rem;margin:0}.gallery-header p{font-size:1.1rem;color:var(--muted);margin-top:.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.gallery-loader,.gallery-end,.gallery-empty{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--muted);font-size:1rem}.publication-card{position:relative;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all var(--transition-medium);box-shadow:var(--shadow-md)}.publication-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.card-media{position:relative;aspect-ratio:1 / 1}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.publication-card:hover .card-image{transform:scale(1.05)}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 70%);display:flex;justify-content:flex-end;align-items:flex-end;padding:12px;opacity:0;transition:opacity .3s ease}.publication-card:hover .card-overlay{opacity:1}.card-stats{display:flex;gap:12px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 10px;border-radius:8px;font-size:.8rem;color:#fff}.stat-item{display:flex;align-items:center;gap:4px}.stat-item svg{width:14px;height:14px}.card-info{padding:12px 14px}.card-title{margin:0 0 10px;font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-author-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-weak);transition:color .2s}.card-author-link:hover{color:var(--text)}.author-avatar,.author-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:var(--bg-2)}.author-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:.8rem}.card-author-link span{font-size:.85rem}.publication-modal-content{width:90vw;max-width:1200px;height:90vh;padding:0;text-align:left;background-color:var(--bg-1)}.publication-modal-grid{display:grid;grid-template-columns:2fr 1fr;height:100%}.publication-modal-media{background-color:var(--bg-0);display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.publication-modal-media img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}@media (max-width: 800px){.publication-modal-content{height:85vh}.publication-modal-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.publication-modal-media{aspect-ratio:1 / 1}.publication-modal-details{padding:1.5rem 1rem;border-left:none;border-top:1px solid var(--border)}}.publication-modal-details{padding:2rem;display:flex;flex-direction:column;border-left:1px solid var(--border);overflow-y:auto}.author-info{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.author-info .author-avatar,.author-info .author-avatar-placeholder{width:40px;height:40px;border-radius:50%;background-color:var(--bg-2)}.author-info .author-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:500}.author-info .author-name{font-size:1rem;font-weight:500;color:var(--text)}.publication-text{flex-grow:1}.publication-text h2{font-size:1.75rem;margin:0 0 1rem}.publication-text p{color:var(--text-weak);line-height:1.6}.publication-actions{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;gap:1rem}.action-btn{flex-grow:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.action-btn.like-btn{background-color:var(--bg-2);border:1px solid var(--border);color:var(--text-weak);flex-grow:0;min-width:80px}.action-btn.like-btn:hover{border-color:var(--border-hover);color:var(--text)}.action-btn.like-btn.liked{background-color:#f87171;border-color:#f87171;color:#fff;box-shadow:0 0 15px #f8717166}.like-icon{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.like-icon.liked{transform:scale(1.2)}.action-btn.apply-btn{background-color:var(--accent);border:1px solid var(--accent);color:#fff}.action-btn.apply-btn:hover{filter:brightness(1.1)}.action-btn svg{width:20px;height:20px}.profile-page-header{display:flex;align-items:center;gap:2rem;padding:1rem;margin-bottom:2rem;background-color:var(--bg-1);border-radius:16px;border:1px solid var(--border)}.profile-avatar-large{width:128px;height:128px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--indigo-500),var(--fuchsia-500));display:flex;align-items:center;justify-content:center;border:4px solid var(--bg-0);box-shadow:0 0 20px #0000004d}.profile-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-large span{font-size:4rem;font-weight:600;color:#fff}.profile-info-main{flex-grow:1}.profile-name-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.profile-name-actions h1{font-size:2rem;margin:0}.profile-stats-counters{display:flex;gap:2rem}.counter-item{display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--text-weak)}.counter-item strong{font-size:1.1rem;font-weight:600;color:var(--text)}.counter-item svg{width:18px;height:18px;color:var(--muted)}@media (max-width: 800px){.profile-page-header{flex-direction:column;text-align:center}.profile-name-actions{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.profile-stats-counters{justify-content:center;gap:1.5rem}}.btn-send.unfollow{background:var(--bg-2);border:1px solid var(--border);color:var(--text-weak)}.btn-send.unfollow:hover{background:#2a2a2a;border-color:var(--border-hover);color:#ff9a9a;filter:none;box-shadow:none}.gallery-tabs{margin-top:1.5rem;display:inline-flex;background-color:var(--bg-1);padding:6px;border-radius:12px;border:1px solid var(--border)}.tab-btn{padding:8px 20px;border:none;background:transparent;color:var(--text-weak);border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover:not(.active){background-color:var(--bg-2)}.tab-btn.active{background-color:var(--bg-0);color:var(--text);box-shadow:var(--shadow-sm)}.comments-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.comments-section h4{margin:0 0 1rem;color:var(--text-weak)}.comments-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.comment{display:flex;gap:12px}.comment-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--bg-2);flex-shrink:0;display:flex;align-items:center;justify-content:center}.comment-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.comment-body{flex-grow:1}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-author-name{font-weight:500;color:var(--text)}.comment-time{font-size:.75rem;color:var(--muted)}.comment-text{margin:0;line-height:1.6;color:var(--text-weak);white-space:pre-wrap;word-break:break-word}.comment-actions{margin-top:8px}.comment-actions button{background:none;border:none;color:var(--muted);font-size:.8rem;font-weight:500;cursor:pointer}.comment-replies{margin-top:1rem;padding-left:1rem;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:1rem}.comment-form{display:flex;gap:8px;align-items:flex-start}.comment-form textarea{flex-grow:1;border-radius:8px;padding:8px 12px}.comment-form button{padding:8px 16px;border-radius:8px;background-color:var(--accent);color:#fff;border:none;cursor:pointer}.cancel-reply-btn{background:none;border:none;color:var(--muted);font-size:.8rem;margin-top:8px;cursor:pointer}.comment-login-prompt{text-align:center;padding:1rem;background-color:var(--bg-2);border-radius:8px;color:var(--text-weak)}.profile-tabs{margin:0 auto 2rem}.achievement-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:99999;display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #4f46e5;border-radius:12px;box-shadow:0 10px 30px #4f46e566;cursor:pointer}.achievement-icon{width:40px;height:40px;border-radius:50%;background-color:#4f46e5;color:#facc15;display:flex;align-items:center;justify-content:center}.achievement-icon svg{width:24px;height:24px}.achievement-details{display:flex;flex-direction:column}.achievement-unlock-text{font-size:.8rem;color:var(--text-weak);font-weight:500}.achievement-name{font-size:1rem;font-weight:600;color:#fff}.achievement-reward{font-size:.8rem;color:#34d399;font-weight:500;margin-top:2px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.achievement-card{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--bg-1);border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden;min-height:80px}.achievement-card.locked{opacity:.5;filter:grayscale(80%)}.achievement-card-icon{width:56px;height:56px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-2);color:var(--muted)}.achievement-card.unlocked .achievement-card-icon{background-color:#2b214a;color:#facc15}.achievement-card-details{display:flex;flex-direction:column}.achievement-card-name{margin:0;font-size:1rem;font-weight:500;color:var(--text)}.achievement-card.locked .achievement-card-name{color:var(--text-weak)}.achievement-card-desc{margin:4px 0 0;font-size:.85rem;color:var(--muted)}.achievement-card-reward{margin-top:6px;font-size:.8rem;font-weight:500;color:#34d399}.unlocked-checkmark{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background-color:#34d399;color:var(--bg-1);display:flex;align-items:center;justify-content:center;font-weight:700}.stat-card.is-button{cursor:pointer;transition:all var(--transition-fast)}.stat-card.is-button:hover{border-color:var(--border-hover);background-color:var(--bg-2)}.stat-card.is-button .stat-icon{color:#c084fc}.achievements-list-modal{display:flex;flex-direction:column;gap:.75rem;max-height:50vh;overflow-y:auto;padding-right:8px}.gallery-filter-container{margin-top:1.5rem;display:flex;justify-content:center}.gallery-filter-container select{max-width:240px}.gallery-filter-container{margin-top:0;margin-bottom:2rem;display:flex;justify-content:center}.publication-card.pinned{border-color:var(--accent);box-shadow:0 0 15px var(--glow-accent)}.card-owner-actions{position:absolute;top:8px;right:8px;z-index:5;display:flex;gap:6px;opacity:0;transition:opacity .2s}.publication-card:hover .card-owner-actions{opacity:1}.card-owner-actions button{width:32px;height:32px;border-radius:50%;border:none;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-weak);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.card-owner-actions button:hover{color:#fff;transform:scale(1.1)}.card-owner-actions button.delete:hover{background-color:#f87171}.publication-card.pinned .card-owner-actions button:first-child{color:var(--accent)}.card-owner-actions svg{width:16px;height:16px}.gallery-image-overlay{background:none;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px;pointer-events:none}.btn-publish{background:#121212b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text-weak);border-radius:8px;padding:8px 12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);pointer-events:all;opacity:0;transform:translateY(10px)}.gallery-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.gallery-image-wrapper .result-image,.gallery-image-wrapper .result-video{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;cursor:zoom-in}.gallery-image-overlay{position:absolute;inset:0;border-radius:12px;opacity:0;transition:opacity .2s ease;pointer-events:none}.gallery-image-wrapper:hover .gallery-image-overlay{opacity:1}.btn-publish{position:absolute;bottom:12px;right:12px;z-index:10;background:#121212b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text-weak);border-radius:8px;padding:8px 12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);opacity:0;transform:translateY(10px)}.gallery-image-wrapper:hover .btn-publish{opacity:1;transform:translateY(0)}.btn-publish:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}.suno-track-main{display:flex;flex-direction:column;gap:8px}.btn-publish-track{align-self:flex-end;background:var(--bg-2);border:1px solid var(--border);color:var(--text-weak);border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-publish-track:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}.btn-publish-track{position:static;bottom:auto;right:auto}.app-main:has(.page-with-scroll){overflow-y:auto;overscroll-behavior-y:contain}.page-with-scroll{min-height:100%}.pricing-page{max-width:1100px;margin:0 auto;padding:2rem}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-header h1{font-size:2.5rem;margin-bottom:.5rem}.pricing-header p{font-size:1.1rem;color:var(--muted)}.pricing-section{margin-bottom:3rem}.pricing-section h2{font-size:1.8rem;border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:1.5rem}.price-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.price-card{background-color:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.price-card-name{font-weight:500;color:var(--text-weak)}.price-card-value{font-size:1.5rem;font-weight:600;color:var(--text)}.price-grid-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.price-card-options{background-color:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.options-card-title{margin:0 0 1rem;font-size:1.2rem}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.option-item:last-child{border-bottom:none}.option-item span:first-child{color:var(--text-weak)}.option-item span:last-child{font-weight:500}.price-table-container{background-color:var(--bg-1);border:1px solid var(--border);border-radius:12px;padding:1rem;overflow-x:auto}.price-table-container h3{padding:0 1rem 1rem}.price-table{width:100%;border-collapse:collapse}.price-table th,.price-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}.price-table thead th{color:var(--muted);font-weight:500;font-size:.9rem}.price-table tbody tr:last-child td{border-bottom:none}.price-table tbody td:first-child{font-weight:500}.combinations-info{font-size:.85rem;color:var(--muted);margin:-.5rem 0 1rem}.app-main:has(.pricing-page){overflow-y:auto}.app-main:has(.rules-page){overflow-y:auto}.rules-page{max-width:900px;margin:0 auto;padding:2rem}.rules-header{text-align:center;margin-bottom:3rem}.rules-header h1{font-size:2.5rem;margin-bottom:.5rem}.rules-header p{font-size:1.1rem;color:var(--muted)}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.document-card{display:flex;flex-direction:column;padding:1.5rem;background-color:var(--bg-1);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all var(--transition-fast)}.document-card:hover{transform:translateY(-5px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.document-card h3{margin:0 0 .75rem;color:var(--text);font-size:1.2rem}.document-card p{margin:0 0 auto;color:var(--text-weak);line-height:1.6;flex-grow:1}.read-more-link{margin-top:1rem;color:var(--accent);font-weight:500}.gallery-examples-link{margin-top:1.5rem;font-size:.9rem;color:var(--muted);text-decoration:none;border:1px solid var(--border);padding:8px 16px;border-radius:999px;transition:all var(--transition-fast)}.gallery-examples-link:hover{color:var(--text);border-color:var(--border-hover);background-color:var(--bg-2)}.login-agreement.multi-consent{display:flex;flex-direction:column;gap:12px}.skeleton-panel{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--bg-0);border-right:1px solid var(--border)}.skeleton-header{font-size:1.1rem;font-weight:600;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0;color:var(--muted);opacity:.5}.skeleton-content{flex-grow:1;display:flex;align-items:center;justify-content:center}.spinner-small{border:3px solid rgba(255,255,255,.1);border-left-color:var(--muted);border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite}.studio-panel-wrapper:last-child .skeleton-panel{border-right:none;border-left:1px solid var(--border)}.canvas-actions{position:absolute;bottom:12px;right:12px;z-index:10;display:flex;gap:8px;opacity:0;transform:translateY(10px);transition:all .2s ease;pointer-events:none}.gallery-image-wrapper:hover .canvas-actions{opacity:1;transform:translateY(0)}.canvas-action-btn{pointer-events:all;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:#121212b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-weak);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.canvas-action-btn:hover{background-color:var(--bg-2);color:var(--text);transform:scale(1.1)}.resizable-textarea-wrapper{position:relative}.resizable-textarea-wrapper textarea{resize:none;padding-bottom:12px}.resizable-textarea-wrapper .resize-handle{position:absolute;bottom:0;left:0;width:100%;height:10px;cursor:ns-resize;display:flex;align-items:center;justify-content:center}.resizable-textarea-wrapper .resize-handle:before{content:"";width:40px;height:4px;background-color:var(--border);border-radius:2px;transition:background-color .2s ease}.resizable-textarea-wrapper .resize-handle:hover:before{background-color:var(--border-hover)}.roles-dropdown-header{padding:6px 10px;font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase}.roles-dropdown-menu .roles-dropdown-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;border-radius:6px;background:none;border:none;cursor:pointer;color:var(--muted)}.roles-dropdown-menu .roles-dropdown-header:hover{background-color:var(--bg-2)}.roles-dropdown-header .accordion-arrow{transition:transform .2s ease;font-size:.8rem}.roles-dropdown-header .accordion-arrow.open{transform:rotate(90deg)}.roles-submenu-content{padding-left:12px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.authenticated-image-container{position:relative;width:100%;height:100%;background-color:var(--bg-1);overflow:hidden}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.auth-image-content{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease-in-out}.auth-image-error,.placeholder-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-2);color:var(--muted);font-weight:600}.auth-image-error{color:#f87171;font-size:2rem}