@charset "UTF-8";
:root{color-scheme:dark;--page:#0c111e;--panel:#101726;--surface:#182133;--surface-hover:#202c43;--line:#ffffff12;--line-strong:#ffffff23;--text:#ecf0fc;--muted:#94a0b9;--subtle:#75839e;--accent:#b2a5ff;--accent-strong:#8274e9;--accent-bg:#a697ff16;--preview:#0b1222;--input:#151e2e;--glow:#a48aff;--body-color:#97b9ff;--shadow:0 24px 70px #00000025;--font:"Segoe UI Variable", "Segoe UI", system-ui, sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}svg.icon{width:18px;height:18px;flex-shrink:0;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover{background-color:var(--surface-hover)}.app-shell{max-width:1536px;margin:auto;padding:0 48px}.topbar{height:91px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:680;letter-spacing:-.6px}.brand-mark{font-family:Georgia,serif;color:#b6a7ff;font-size:41px;font-weight:400;line-height:1;filter:drop-shadow(0 0 10px #a28aff55)}.brand-divider{height:20px;width:1px;background:var(--line-strong);margin:0 7px}.brand-sub{font-size:13px;font-weight:450;letter-spacing:0;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:25px}.local-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.local-note i{width:5px;height:5px;border-radius:50%;background:#8cd8bb;box-shadow:0 0 10px #8cd8bb44}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:10px;color:var(--muted);padding:0;transition:background .2s,color .2s}.icon-button:hover{color:var(--text)}main{padding-top:34px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.3;font-weight:610;letter-spacing:-.85px}.page-heading p{color:var(--muted);margin-top:8px;font-size:14px}.quiet-button,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:9px 13px;color:var(--muted);font-weight:500;font-size:12px;border:1px solid var(--line-strong);transition:background .2s,color .2s}.quiet-button:hover,.small-button:hover{color:var(--text)}.quiet-button .icon{width:15px;height:15px}.small-button{border:0;background:transparent;padding:6px 8px;font-size:11px}.small-button .icon{width:13px;height:13px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 375px;gap:20px;align-items:stretch}.preview-panel{overflow:hidden;border:1px solid var(--line-strong);border-radius:22px;background:var(--preview);min-width:0;position:relative;isolation:isolate;box-shadow:var(--shadow)}.preview-top{height:62px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;padding:0 25px}.preview-label{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:#86d8b6;box-shadow:0 0 12px #7ddbbb55}.universe{height:411px;position:relative;isolation:isolate;--hero-size:340px;touch-action:pan-y}.nebula{position:absolute;border-radius:50%;z-index:-1;pointer-events:none;opacity:.17;filter:blur(52px)}.nebula-one{width:340px;height:160px;left:calc(50% - 215px);top:135px;transform:rotate(-30deg);background:var(--glow)}.nebula-two{width:190px;height:180px;left:calc(50% + 20px);top:165px;opacity:.07;background:#64cfff}.starfield{position:absolute;inset:-20px 0 0;overflow:hidden;pointer-events:none;z-index:-1}.star{position:absolute;width:2px;height:2px;background:#d6dbff;border-radius:50%;opacity:var(--star-opacity)}.star.cross{background:none;color:#c1baff;width:10px;height:10px;font:17px/1 Georgia,serif;filter:drop-shadow(0 0 5px #a697ff66)}.hello-bubble{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:2;max-width:300px;width:max-content;padding:10px 17px;background:#1d2638c7;border:1px solid #ffffff16;box-shadow:0 6px 18px #00000015;border-radius:13px;color:#c7d1e9;font-size:12px;text-align:center;backdrop-filter:blur(8px);transition:opacity .25s,transform .25s}.hello-bubble:after{content:"";position:absolute;width:8px;height:8px;bottom:-5px;left:50%;background:#1c2638;transform:rotate(45deg);border-bottom:1px solid #ffffff16;border-right:1px solid #ffffff16}.hero-agent{position:absolute;width:var(--hero-size);height:var(--hero-size);padding:0;left:calc(50% - var(--hero-size)/2);top:33px;background:none!important;border-radius:45%;z-index:1;transition:filter .2s;animation:float 5s ease-in-out infinite;overflow:visible;transform-origin:50% 85%}.hero-agent:hover{filter:brightness(1.035)}.hero-agent .agent-svg{overflow:visible;width:100%;height:100%;display:block;pointer-events:none}.hero-agent[data-personality="calm"]{animation-duration:7.5s}.hero-agent[data-personality="playful"]{animation-name:playful-float;animation-duration:3.2s}.hero-agent[data-personality="focused"]{animation-duration:9s}.hero-agent[data-personality="focused"] .avatar-character{transform:translateY(1px)}.hero-agent .blinking-eyes{transform-origin:160px 169px;animation:blink 6.7s infinite}.hero-agent .eye-tracking{transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .15s ease-out}.hero-agent.greeting .wave-hand{transform-origin:229px 187px;animation:wave .42s ease-in-out 5}.hero-agent.greeting{animation:greeting 1.3s ease-in-out}.hero-agent.greeting .blinking-eyes{animation:none}.agent-platform{position:absolute;left:50%;top:265px;transform:translateX(-50%);width:320px;height:80px;pointer-events:none;z-index:0}.orbit{position:absolute;border-radius:50%;inset:0;border:1px solid #a6abf314;background:radial-gradient(ellipse at center,var(--glow),transparent 69%);background-size:100% 100%;opacity:.18;box-shadow:inset 0 0 40px #99aaff05}.orbit-inner{inset:15px 52px;border-color:#bfc8ff44;opacity:.32;background:radial-gradient(ellipse at center,#b5b0ff10,#a9b0ff05)}.platform-light{position:absolute;inset:20px 85px;background:var(--glow);filter:blur(20px);opacity:.17;border-radius:50%;animation:shadow-breathe 5s ease-in-out infinite}.hero-caption{position:absolute;top:350px;left:15px;right:15px;text-align:center}.hero-caption h2{font-weight:600;font-size:23px;letter-spacing:-.5px;line-height:1.2}.hero-caption p{font-size:12px;margin-top:6px;color:var(--muted)}.preview-bottom{padding:6px 26px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.interaction-hint{display:flex;align-items:center;gap:7px;color:var(--subtle);font-size:11px}.interaction-hint .icon{width:14px;height:14px}.preview-bottom .quiet-button{background:#ac9fff0b;border-color:#ac9fff25;color:#b9b2e3}.team-section{padding:22px 25px 23px;border-top:1px solid var(--line);background:linear-gradient(150deg,#ffffff02,transparent)}.team-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.team-heading h3{font-size:12px;font-weight:600}.team-heading>span{font-size:10px;color:var(--subtle)}.team{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.team-card{min-width:0;border-radius:13px;border:1px solid transparent;padding:0 2px 12px;background:transparent;position:relative;text-align:center;transition:background .2s,border-color .2s}.team-card:hover{background:#ffffff04}.team-card[aria-pressed="true"]{background:linear-gradient(170deg,#a69cff13,#8095ea07);border-color:#a99dff4d;box-shadow:inset 0 1px 0 #ffffff06}.team-card .agent-svg{display:block;width:100%;height:93px;margin-bottom:-5px}.team-card h4{font-size:12px;line-height:1.3;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-card p{font-size:10px;color:var(--muted)}.selection-dot{position:absolute;top:8px;right:8px;border-radius:50%;width:5px;height:5px;background:var(--accent);display:none}.team-card[aria-pressed="true"] .selection-dot{display:block}.editor{background:var(--panel);border:1px solid var(--line-strong);border-radius:22px;padding:24px 25px 21px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.editor-heading h2{font-size:18px;font-weight:600;letter-spacing:-.4px}.editor-heading p{color:var(--muted);font-size:11px;margin-top:5px}.editor-heading .icon-button{border-color:var(--line);width:32px;height:32px;flex-shrink:0}.tabs{display:flex;padding:4px;background:var(--page);border-radius:9px;margin-bottom:22px;gap:4px}.tabs button{font-size:11px;font-weight:500;flex:1;padding:7px;border-radius:6px;color:var(--muted)}.tabs button[aria-selected="true"]{background:var(--surface-hover);color:var(--text);box-shadow:0 1px 4px #00000014}.identity-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:23px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}input:not([type="range"]):not([type="color"]),select,textarea{min-width:0;width:100%;border:1px solid var(--line-strong);border-radius:7px;background:var(--input);padding:9px 10px;color:var(--text);font-size:12px;height:36px}select{padding-right:5px}fieldset{margin:0 0 22px;padding:0;border:0;min-width:0}legend{display:flex;justify-content:space-between;width:100%;font-size:11px;color:var(--muted);margin-bottom:11px;padding:0}legend span{font-size:10px;color:var(--subtle)}.swatch-row{display:flex;gap:10px;align-items:center}.swatch{width:24px;height:24px;border-radius:50%;padding:0;background:var(--swatch)!important;box-shadow:inset 0 0 0 1px #ffffff25;position:relative;flex-shrink:0;border:3px solid var(--panel)}.swatch[aria-pressed="true"]:after{content:"";position:absolute;inset:-5px;border:1.5px solid var(--swatch);border-radius:50%}.swatch:hover{transform:scale(1.1)}.custom-color{width:24px;height:24px;border-radius:50%;position:relative;overflow:hidden;display:block;cursor:pointer;border:3px solid var(--panel);background:conic-gradient(#ec9abe,#eace8b,#96d6b8,#9ec7f9,#bb99ff,#ec9abe);flex-shrink:0}.custom-color input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.custom-color:focus-within{outline:2px solid var(--accent);outline-offset:3px}.option-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.option-button{padding:0;background:var(--input);height:40px;border-radius:8px;border:1px solid var(--line-strong);display:grid;place-items:center;position:relative;color:var(--muted)}.option-button[aria-pressed="true"]{border-color:#ada0ff;background:#aca0ff14;color:var(--accent)}.option-button>svg{width:29px;height:29px;display:block;pointer-events:none}.accessories .option-button{height:43px}.body-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;margin-top:3px}.range-field>span{display:flex;align-items:center;justify-content:space-between}.range-field output{font-size:10px;color:var(--subtle)}input[type="range"]{appearance:none;width:100%;height:4px;background:var(--surface-hover);border-radius:8px;margin:17px 0 0;cursor:pointer;accent-color:var(--accent)}input[type="range"]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#c4b8ff;border:2px solid var(--panel);box-shadow:0 0 0 1px #c4b8ff66}input[type="range"]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#c4b8ff;border:2px solid var(--panel)}.editor-footer{margin-top:auto;padding-top:22px}.editor-footer>p{font-size:10px;color:var(--subtle);text-align:center;margin-bottom:12px;min-height:15px}.editor-footer>div{display:flex;justify-content:space-between;gap:12px}.editor-footer .quiet-button{border:0;padding:10px 3px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fbfaff;font-size:12px;background:linear-gradient(180deg,#9385f2,#7664d6);border:1px solid #d0c5ff36;border-radius:8px;padding:10px 17px;box-shadow:0 3px 12px #7762da25,inset 0 1px 0 #ffffff20;font-weight:550}.primary-button:hover{background:linear-gradient(180deg,#a194ff,#8270e4)}.primary-button .icon{width:15px;height:15px}.personality-options{display:grid;gap:9px}.personality-option{display:flex;align-items:center;gap:13px;background:var(--input);border:1px solid var(--line-strong);border-radius:10px;text-align:left;padding:13px}.personality-option[aria-pressed="true"]{border-color:#a99aff;background:var(--accent-bg)}.personality-symbol{font:26px/1 Georgia,serif;width:26px;text-align:center;color:var(--accent)}.personality-option strong{display:block;font-size:12px;font-weight:550}.personality-option small{color:var(--muted);font-size:11px;margin-top:3px;display:block}.personality-note{display:flex;gap:10px;margin:4px 0 23px;color:var(--muted);font-size:11px}.personality-note .icon{color:var(--accent);margin-top:2px}.greeting-field textarea{height:77px;resize:vertical;line-height:1.7}.greeting-field>span{font-size:10px;color:var(--subtle)}[hidden]{display:none!important}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 26px;font-size:10px;color:var(--subtle)}.page-footer>span:first-child{display:flex;align-items:center;gap:8px}.tiny-star{font-size:18px;color:#a399cb}dialog{padding:27px;border:1px solid var(--line-strong);border-radius:20px;background:var(--panel);color:var(--text);width:460px;max-width:calc(100% - 30px);box-shadow:0 20px 100px #0008}dialog::backdrop{background:#050913ab;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:start;gap:12px;justify-content:space-between}.dialog-heading h2{font-size:19px;font-weight:600;letter-spacing:-.5px}.dialog-heading p{font-size:12px;color:var(--muted);margin-top:6px}.dialog-heading .icon-button{flex-shrink:0}.export-preview{height:185px;display:flex;justify-content:center}.export-preview svg{width:200px;height:200px}.export-options{display:grid;gap:9px}.export-options button{display:flex;align-items:center;gap:15px;padding:14px;background:var(--input);border:1px solid var(--line-strong);border-radius:10px;text-align:left}.export-options button:hover{background:var(--surface-hover)}.export-options button>.icon{color:var(--accent)}.export-options button>span:nth-child(2){flex:1}.export-options strong{display:block;font-size:12px;font-weight:550}.export-options small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--surface-hover);color:var(--text);border:1px solid var(--line-strong);padding:12px 20px;border-radius:12px;box-shadow:0 10px 40px #0004;font-size:13px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:10;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .hero-agent .eye-tracking{transform:none!important}.motion-paused .hero-agent{transform:none!important}.motion-paused .blinking-eyes{transform:none!important}.motion-paused .wave-hand{transform:none!important}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes playful-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-16px) rotate(3deg)}}@keyframes blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.08)}}@keyframes wave{0%,100%{transform:rotate(-15deg)}50%{transform:rotate(-65deg)}}@keyframes greeting{0%,100%{transform:translateY(0) scale(1)}25%{transform:translateY(3px) scale(1.05,.95)}48%{transform:translateY(-22px) scale(.96,1.04)}70%{transform:translateY(0) scale(1.02,.98)}}@keyframes shadow-breathe{0%,100%{transform:scaleX(1);opacity:.17}50%{transform:scaleX(.83);opacity:.11}}
body.light{color-scheme:light;--page:#f5f6fb;--panel:#ffffff;--surface:#eef0f9;--surface-hover:#e8eaf6;--line:#2632640c;--line-strong:#29305d1b;--text:#26304a;--muted:#697691;--subtle:#75829b;--accent:#7763c9;--accent-strong:#7763c9;--accent-bg:#a697ff13;--preview:#f8faff;--input:#f7f8fc;--shadow:0 16px 40px #22347008}body.light .brand-mark{color:#8c7dde}body.light .hello-bubble{background:#ffffffd9;color:#667095;border-color:#7771b51a;box-shadow:0 6px 20px #52638c08}body.light .hello-bubble:after{background:#fff;border-color:#7771b51a}body.light .star{background:#8e90cf}body.light .star.cross{color:#a9a0d5}body.light .nebula-one{opacity:.1}body.light .nebula-two{opacity:.07}body.light .team-card:hover{background:#8688c209}body.light .team-card[aria-pressed="true"]{background:linear-gradient(170deg,#b3abed14,#b3bce80b);border-color:#9a8be06b}body.light .team-card[aria-pressed="true"] .selection-dot{background:#8a75cc}body.light .preview-bottom .quiet-button{color:#8070b3;border-color:#8e7acc36}body.light .orbit-outer{border-color:#9ba0dd4d;opacity:.15}body.light .orbit-inner{border-color:#9ba0dd55}body.light .swatch{box-shadow:inset 0 0 0 1px #00000005}body.light .option-button[aria-pressed="true"]{border-color:#9a83e3}body.light .icon-button:hover{background:#969cd61a}body.light dialog::backdrop{background:#3036505c}
@media(min-width:1400px){.studio{grid-template-columns:minmax(0,1fr) 400px}.universe{--hero-size:370px}.hero-agent{top:17px}.editor{padding:26px 28px}.swatch-row{gap:12px}.team-card .agent-svg{height:96px}.team-section{padding-bottom:25px}}
@media(max-width:1100px){.app-shell{padding:0 28px}.studio{grid-template-columns:minmax(0,1fr) 340px;gap:16px}.editor{padding:21px 20px}.swatch-row{gap:8px}.team-section{padding:20px 17px}.preview-top{padding:0 20px}.preview-bottom{padding-left:20px;padding-right:20px}.team-heading>span{font-size:9px}.team-card .agent-svg{height:81px}.team{gap:4px}.universe{--hero-size:320px;height:412px}.hero-agent{top:44px}.hero-caption{top:348px}.agent-platform{top:270px;width:280px}.option-grid{gap:5px}.team-card p{font-size:9px}.team-card h4{font-size:11px}.primary-button{padding:10px 12px}.editor-footer>div{gap:5px}}
@media(max-width:850px){.studio{grid-template-columns:1fr}.editor{padding:25px;max-width:none}.tab-panel{min-height:0}.editor-footer{margin-top:5px}.editor-footer>div{justify-content:flex-end;gap:25px}.editor-footer>p{text-align:right}.page-heading h1{font-size:24px}.local-note{display:none}.preview-panel{min-height:0}.universe{height:386px;--hero-size:330px}.hero-agent{top:22px}.agent-platform{top:262px}.hero-caption{top:329px}.team-card .agent-svg{height:100px}.team-section{padding:21px 24px}.team{gap:10px}.team-card h4{font-size:13px}.team-card p{font-size:11px}.team-heading>span{font-size:10px}.preview-bottom{padding:6px 25px 20px}.identity-fields{gap:20px}.swatch-row{gap:14px}.option-button{height:48px}.accessories .option-button{height:48px}.body-controls{gap:24px}.tabs{max-width:100%}.page-footer{margin-top:20px}.option-grid{gap:9px}}
@media(max-width:500px){.app-shell{padding:0 16px}.topbar{height:73px}.brand{font-size:21px;gap:9px}.brand-sub{font-size:11px}.brand-divider{margin:0 3px}.brand-mark{font-size:34px}.top-actions{gap:0}main{padding-top:26px}.page-heading{align-items:flex-start;margin-bottom:22px;gap:12px}.page-heading h1{font-size:24px;max-width:260px;line-height:1.25}.page-heading p{font-size:12px;max-width:190px}.page-heading>.quiet-button{font-size:0;padding:10px;margin-top:3px}.page-heading>.quiet-button .icon{width:18px;height:18px}.page-heading>.quiet-button{gap:0}.studio{gap:16px}.preview-top{padding:0 16px;height:56px}.preview-label{font-size:11px}.small-button{font-size:10px;gap:5px}.universe{height:371px;--hero-size:310px}.hero-agent{top:27px}.hello-bubble{font-size:11px;max-width:260px;top:8px;padding:9px 13px}.agent-platform{top:250px;width:270px}.hero-caption{top:314px}.hero-caption h2{font-size:23px}.team-heading{margin-bottom:11px;gap:4px}.team-heading h3{font-size:11px}.team-heading>span{font-size:9px}.team-section{padding:18px 12px}.team{gap:4px}.team-card{padding-bottom:10px;border-radius:9px}.team-card .agent-svg{height:69px}.team-card h4{font-size:10px}.team-card p{font-size:8px}.selection-dot{top:5px;right:5px;width:4px;height:4px}.preview-bottom{padding:6px 15px 17px}.interaction-hint{font-size:9px;gap:5px}.preview-bottom .quiet-button{font-size:10px;padding:8px 10px}.editor{padding:22px 20px}.editor-heading p{font-size:10px}.swatch-row{gap:10px}.option-grid{gap:6px}.option-button{height:40px}.accessories .option-button{height:42px}.editor-footer>div{gap:20px}.page-footer{align-items:start}.page-footer>span{font-size:9px}.page-footer>span:last-child{max-width:105px;text-align:right}.identity-fields{gap:12px}.body-controls{gap:18px}.dialog-heading h2{font-size:17px}.dialog-heading p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-agent .eye-tracking{transform:none!important}}
@media(max-width:500px){.swatch-row{gap:clamp(6px,2.2vw,10px)}}