@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.grid{display:grid}.hidden{display:none}.inline{display:inline}}:root{--bg:#0a0c12;--bg-2:#0e1119;--surface:#ffffff0b;--surface-2:#ffffff12;--surface-solid:#141826;--border:#ffffff1a;--border-strong:#ffffff29;--ink:#eef0f8;--muted:#aab0c6;--faint:#7e85a0;--violet:#8b5cf6;--pink:#f472b6;--coral:#fb923c;--teal:#2dd4bf;--danger:#f87171;--accent:linear-gradient(135deg, var(--violet), var(--pink) 55%, var(--coral));--accent-soft:var(--violet)}@supports (color:color-mix(in lab,red,red)){:root{--accent-soft:color-mix(in oklab, var(--violet) 22%, transparent)}}:root{--radius:16px;--radius-sm:10px;--radius-lg:22px;--shadow:0 18px 40px -22px #000000bf;--shadow-soft:0 8px 24px -16px #000000b3;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[hidden]{display:none!important}*{box-sizing:border-box}html,body{min-block-size:100dvh;margin:0}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 800px at 80% -10%,#161a2b 0%,var(--bg) 55%),var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.aurora{z-index:-1;pointer-events:none;background:radial-gradient(40% 40% at 15% 20%,var(--violet),transparent 70%),radial-gradient(36% 36% at 85% 15%,var(--coral),transparent 70%),radial-gradient(45% 45% at 70% 85%,var(--teal),transparent 72%);position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.aurora{background:radial-gradient(40% 40% at 15% 20%,color-mix(in oklab,var(--violet) 38%,transparent),transparent 70%),radial-gradient(36% 36% at 85% 15%,color-mix(in oklab,var(--coral) 30%,transparent),transparent 70%),radial-gradient(45% 45% at 70% 85%,color-mix(in oklab,var(--teal) 24%,transparent),transparent 72%)}}.aurora{filter:blur(48px)saturate(125%);opacity:.55;animation:26s ease-in-out infinite alternate aurora-drift}@keyframes aurora-drift{0%{transform:translate(-3%,-2%)scale(1.05)}to{transform:translate(4%,3%)scale(1.12)}}.muted{color:var(--muted);margin:0;font-size:.85rem}h1,h2{letter-spacing:-.01em;margin:0}.brand,.sidebar__brand{align-items:center;gap:.6rem;display:flex}.brand__mark{background:var(--accent);block-size:26px;inline-size:26px;box-shadow:0 0 18px -2px var(--pink);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.brand__mark{box-shadow:0 0 18px -2px color-mix(in oklab,var(--pink) 60%,transparent)}}.brand__mark{position:relative}.brand__mark:after{content:"✦";color:#fff;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.brand__name{letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--ink);font:inherit;border-radius:var(--radius-sm);cursor:pointer;padding:.6rem 1.1rem;font-weight:600;transition:transform .12s,background .2s,box-shadow .2s,opacity .2s}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{color:#15101e;background:var(--accent);box-shadow:0 10px 26px -12px var(--pink);border:0}@supports (color:color-mix(in lab,red,red)){.btn--primary{box-shadow:0 10px 26px -12px color-mix(in oklab,var(--pink) 70%,transparent)}}.btn--primary:hover{background:var(--accent);filter:brightness(1.06)}.btn--block{inline-size:100%}.iconbtn{appearance:none;border:1px solid var(--border);background:var(--surface);block-size:36px;inline-size:36px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;transition:color .2s,background .2s;display:grid}.iconbtn:hover{color:var(--ink);background:var(--surface-2)}.iconbtn svg{block-size:18px;inline-size:18px}:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.field{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.field>span{font-weight:600}.field input,.field textarea,.field select,.chat-form input{font:inherit;color:var(--ink);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .85rem;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus,.field select:focus,.chat-form input:focus{border-color:var(--violet);outline:none}@supports (color:color-mix(in lab,red,red)){.field input:focus,.field textarea:focus,.field select:focus,.chat-form input:focus{border-color:color-mix(in oklab,var(--violet) 70%,transparent)}}.field input:focus,.field textarea:focus,.field select:focus,.chat-form input:focus{box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-block-size:3rem}.field--inline{flex:1}.login{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:center;gap:2rem;min-block-size:100dvh;max-inline-size:1100px;margin-inline:auto;padding:clamp(1.25rem,4vw,3rem);display:grid}.login__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:clamp(1.5rem,3vw,2.4rem)}.login__title{margin-block:1.4rem .25rem;font-size:1.75rem}.login__tagline{color:var(--muted);margin:0 0 1.5rem}.login__form{flex-direction:column;gap:1rem;display:flex}.login__error{color:var(--danger);margin:0;font-size:.85rem;font-weight:600}.login__demo{border:1px dashed var(--border-strong);inline-size:100%;color:var(--muted);font:inherit;border-radius:var(--radius-sm);cursor:pointer;background:0 0;margin-block-start:1rem;padding:.55rem;transition:color .2s,border-color .2s}.login__demo:hover{color:var(--ink);border-color:var(--violet)}.login__aside{padding:2rem;position:relative}.login__glow{background:var(--accent);filter:blur(70px);opacity:.35;z-index:-1;border-radius:40px;position:absolute;inset:10% 5%}.login__features{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.login__features li{color:var(--muted);padding-inline-start:1.5rem;position:relative}.login__features li:before{content:"";background:var(--accent);border-radius:50%;block-size:8px;inline-size:8px;position:absolute;inset-block-start:.45em;inset-inline-start:0}.login__features strong{color:var(--ink)}.shell{grid-template-columns:264px minmax(0,1fr);block-size:100dvh;display:grid}.shell__main{flex-direction:column;min-block-size:0;display:flex;overflow:hidden}.shell__body{flex:1;min-block-size:0;padding:clamp(1rem,2vw,1.75rem);display:flex}.sidebar{border-inline-end:1px solid var(--border);background:var(--bg-2);flex-direction:column;gap:1.5rem;padding:1.25rem 1rem;display:flex}@supports (color:color-mix(in lab,red,red)){.sidebar{background:color-mix(in oklab,var(--bg-2) 80%,transparent)}}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar__brand{padding-inline:.4rem}.sidebar__nav{flex-direction:column;flex:1;gap:.3rem;display:flex}.nav-item{text-align:start;inline-size:100%;font:inherit;color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;padding:.65rem .8rem;font-weight:500;transition:color .18s,background .18s,border-color .18s;display:flex}.nav-item:hover{color:var(--ink);background:var(--surface)}.nav-item__icon{block-size:20px;inline-size:20px;color:var(--faint);place-items:center;transition:color .18s;display:grid}.nav-item__icon svg{block-size:20px;inline-size:20px}.nav-item--active{color:var(--ink);background:var(--accent-soft);border-color:var(--violet)}@supports (color:color-mix(in lab,red,red)){.nav-item--active{border-color:color-mix(in oklab,var(--violet) 40%,transparent)}}.nav-item--active .nav-item__icon{color:var(--pink)}.sidebar__user{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:.7rem;padding:.7rem;display:flex}.avatar{background:var(--accent);color:#15101e;border-radius:50%;flex-shrink:0;place-items:center;block-size:38px;inline-size:38px;font-weight:700;display:grid}.sidebar__id{flex:1;min-inline-size:0}.sidebar__name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.topbar{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem clamp(1rem,2vw,1.75rem);display:flex}.topbar__title{font-size:1.4rem}.topbar__sub{margin-block-start:.15rem}.badge-offline{color:var(--muted);border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .8rem;font-size:.8rem;display:inline-flex}.dot{background:var(--teal);block-size:8px;inline-size:8px;box-shadow:0 0 10px var(--teal);border-radius:50%;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.view{flex:1;min-block-size:0;animation:.3s both view-in;overflow-y:auto}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}}.dashboard{flex-direction:column;gap:1.25rem;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);flex-direction:column;gap:.25rem;padding:1.1rem 1.25rem;display:flex}.stat-card__label{color:var(--muted);font-size:.8rem}.stat-card__value{letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1.1}.stat-card__hint{color:var(--faint);font-size:.75rem}.stat-card--accent{background:linear-gradient(135deg,var(--accent-soft),transparent),var(--surface);border-color:var(--violet)}@supports (color:color-mix(in lab,red,red)){.stat-card--accent{border-color:color-mix(in oklab,var(--violet) 35%,transparent)}}.dash-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.25rem;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1.25rem}.card__title{margin-block-end:1rem;font-size:1rem}.quick-grid{flex-direction:column;gap:.6rem;display:flex}.quick-action{text-align:start;font:inherit;color:var(--ink);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:.15rem;padding:.85rem 1rem;transition:border-color .18s,transform .12s,background .18s;display:flex}.quick-action:hover{border-color:var(--violet)}@supports (color:color-mix(in lab,red,red)){.quick-action:hover{border-color:color-mix(in oklab,var(--violet) 50%,transparent)}}.quick-action:hover{background:var(--surface-2)}.quick-action:active{transform:translateY(1px)}.quick-action__title{font-weight:600}.quick-action__sub{color:var(--muted);font-size:.8rem}.activity-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.activity-item{border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--border);align-items:center;gap:.7rem;padding:.6rem .7rem;display:flex}.activity-badge{text-transform:uppercase;letter-spacing:.04em;color:#15101e;border-radius:6px;flex-shrink:0;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.activity-badge--image{background:var(--violet)}.activity-badge--audio{background:var(--coral)}.activity-badge--chat{background:var(--teal)}.activity-text{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;color:var(--ink);flex:1;font-size:.9rem;overflow:hidden}.activity-time{color:var(--faint);flex-shrink:0;font-size:.75rem}.empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:2rem 1rem;display:flex}.empty--lg{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.empty--lg{background:color-mix(in oklab,var(--surface) 60%,transparent)}}.empty__title{color:var(--ink);margin:0;font-weight:600}.status{min-block-size:1.2em;color:var(--teal);margin:0;font-size:.85rem;font-weight:600}.tag{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.72rem;font-weight:600}.gen{flex-direction:column;gap:1.25rem;display:flex}.composer{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.composer__row{align-items:flex-end;gap:.85rem;display:flex}.gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.art-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid);box-shadow:var(--shadow-soft);overflow:hidden}.art-card__canvas{aspect-ratio:4/3;background:var(--bg-2);block-size:auto;inline-size:100%;display:block}.art-card__body{flex-direction:column;gap:.6rem;padding:.8rem .9rem;display:flex}.art-card__prompt{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.35;display:-webkit-box;overflow:hidden}.art-card__foot,.audio-card__foot{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.art-card__time,.audio-card__time{color:var(--faint);font-size:.75rem}.visualizer{border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--border);block-size:120px;inline-size:100%;display:block}.audio-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.audio-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-solid);flex-direction:column;gap:.7rem;padding:.9rem;display:flex}.audio-card__wave{border-radius:var(--radius-sm);background:var(--bg-2);block-size:48px;inline-size:100%;display:block}.audio-card__body{flex-direction:column;gap:.5rem;display:flex}.audio-card__text{margin:0;font-size:.9rem}.chat{flex-direction:column;display:flex;overflow:hidden}.chat-area{flex:1;min-block-size:0;position:relative}.chat-log{flex-direction:column;gap:.75rem;padding:.5rem .25rem 1rem;display:flex;position:absolute;inset:0;overflow-y:auto}.bubble{border:1px solid var(--border);border-radius:16px;max-inline-size:min(72%,560px);padding:.7rem .95rem;animation:.25s both bubble-in}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}}.bubble--user{background:var(--accent);color:#15101e;border:0;border-bottom-right-radius:4px;align-self:flex-end}.bubble--assistant{background:var(--surface-solid);border-bottom-left-radius:4px;align-self:flex-start}.bubble__content{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.45}.bubble__time{opacity:.7;margin-block-start:.3rem;font-size:.7rem;display:block}.bubble--user .bubble__time{color:#2a1830}.bubble--assistant .bubble__time{color:var(--faint)}.bubble--typing{gap:5px;padding:.9rem 1rem;display:inline-flex}.bubble--typing span{background:var(--muted);border-radius:50%;block-size:7px;inline-size:7px;animation:1.2s ease-in-out infinite typing}.bubble--typing span:nth-child(2){animation-delay:.18s}.bubble--typing span:nth-child(3){animation-delay:.36s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chat-form{border-block-start:1px solid var(--border);gap:.6rem;padding-block-start:.75rem;display:flex}.chat-form input{flex:1}@media(max-width:860px){.login{grid-template-columns:1fr}.login__aside{display:none}.shell{grid-template-columns:1fr;block-size:auto;min-block-size:100dvh}.sidebar{border-inline-end:0;border-block-end:1px solid var(--border);flex-flow:wrap;align-items:center}.sidebar__nav{flex-flow:wrap}.sidebar__user{inline-size:100%}.shell__main,.shell__body,.view{overflow:visible}.dash-cols{grid-template-columns:1fr}.chat{min-block-size:70dvh}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.aurora{animation:none}}