*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#1a1a2e;color:#e0e0e0;overflow:hidden;width:100vw;height:100vh}#app{width:100%;height:100%;position:relative}#viewport{width:100%;height:100%;position:absolute;top:0;left:0}#viewport canvas{display:block}.hidden{display:none!important}.panel{position:absolute;z-index:100}.center-panel{top:50%;left:50%;transform:translate(-50%,-50%);min-width:360px}.full-panel{top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}.lobby-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 50%,rgba(67,97,238,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(72,149,239,.1) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(46,196,182,.08) 0%,transparent 50%),linear-gradient(160deg,#0a0a1e,#0f1a35,#16213e 60%,#0a0a1e);animation:lobbyShift 12s ease-in-out infinite alternate}@keyframes lobbyShift{0%{background-position:0% 0%,100% 0%,50% 100%,0% 0%}to{background-position:20% 20%,80% 40%,40% 60%,0% 0%}}.lobby-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(67,97,238,.18) 0%,rgba(72,149,239,.1) 25%,rgba(46,196,182,.05) 50%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);transition:left .12s ease-out,top .12s ease-out;z-index:0;will-change:left,top}.lobby-branding{text-align:center;margin-bottom:24px}.lobby-logo{font-size:2.4em;font-weight:800;letter-spacing:6px;background:linear-gradient(135deg,#4361ee,#4895ef,#2ec4b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.lobby-subtitle{font-size:.85em;color:#5a6a8a;letter-spacing:2px;font-weight:400}.lobby-content{position:relative;z-index:1;background:#101830cc;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 16px 48px #0006,inset 0 1px #ffffff0a}.panel-content{background:#16213e;border-radius:16px;padding:32px;box-shadow:0 8px 32px #0006;min-width:360px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column}.login-content{background:#101830d9;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 16px 48px #0006,inset 0 1px #ffffff0a}.panel-content h2{margin-bottom:16px;color:#fff;font-size:1.4em}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-actions{display:flex;gap:8px}.panel-footer{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.panel-footer h3{margin-bottom:12px;font-size:1em;color:#7a8aaa}.btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg,#4361ee,#5b7bff);color:#fff;box-shadow:0 2px 12px #4361ee4d}.btn.primary:hover{box-shadow:0 4px 20px #4361ee80}.btn.secondary{background:#2a3a5e99;color:#bbb;border:1px solid rgba(255,255,255,.06)}.btn.secondary:hover{background:#2a3a5ee6;color:#fff}.btn.danger{background:linear-gradient(135deg,#e63946,#ff5a67);color:#fff;box-shadow:0 2px 12px #e6394640}.btn.danger:hover{box-shadow:0 4px 20px #e6394673}.btn.small{padding:4px 10px;font-size:12px;border-radius:6px}input[type=text],input[type=number]{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#0a102499;color:#e0e0e0;font-size:14px;margin-bottom:12px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee26}input[type=number]{width:80px}.input-row{display:flex;gap:8px;align-items:center}.input-row input[type=text]{flex:1;margin-bottom:0}.input-row label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;color:#aaa}.input-row label input{margin-bottom:0}.status-text{font-size:13px;margin-bottom:8px;min-height:20px}.status-text:empty{display:none}.status-text.error{color:#e63946}.status-text.success{color:#2ec4b6}.status-text.info{color:#4895ef}.item-list{flex:1;overflow-y:auto;margin-bottom:8px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0a102480;border:1px solid rgba(255,255,255,.03);border-radius:10px;margin-bottom:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.list-item:hover{background:#1a2a50b3;border-color:#4361ee26;box-shadow:0 2px 12px #0003}.list-item-info{flex:1}.list-item-name{font-weight:500;color:#fff;margin-bottom:2px}.list-item-meta{font-size:12px;color:#666}.list-item-actions{display:flex;gap:6px}#toolbar{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:3px;background:#0c1226bf;padding:5px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 24px #0000004d;z-index:50}.toolbar-btn{padding:7px 14px;border:none;border-radius:8px;background:transparent;color:#8a9ab5;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.toolbar-btn:hover{background:#ffffff0f;color:#fff}.toolbar-btn.active{background:linear-gradient(135deg,#4361ee,#5b7bff);color:#fff;box-shadow:0 2px 10px #4361ee59}.toolbar-separator{width:1px;background:#ffffff14;margin:4px 6px}.download-menu{background:#0c1226f2;border:1px solid rgba(255,255,255,.1);border-radius:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 24px #0006;z-index:1000;overflow:hidden;min-width:100px}.download-menu-item{display:block;width:100%;padding:10px 16px;border:none;background:transparent;color:#b0bfdf;font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s,color .15s}.download-menu-item:hover{background:#4361ee33;color:#fff}.download-menu-item+.download-menu-item{border-top:1px solid rgba(255,255,255,.06)}.side-window{position:absolute;top:60px;right:12px;width:360px;background:#0c1226cc;border:1px solid rgba(255,255,255,.06);border-radius:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff08;z-index:40;display:flex;flex-direction:column;max-height:calc(100vh - 140px)}.side-window:not(.hidden){animation:slideInRight .28s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(16px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.back-btn{position:absolute;top:12px;left:12px;padding:7px 16px;border:none;border-radius:10px;background:#0c1226bf;border:1px solid rgba(255,255,255,.06);color:#8a9ab5;cursor:pointer;font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-btn:hover{background:#141e3ce6;color:#fff;border-color:#4361ee33;box-shadow:0 2px 12px #0003}.sidebar-toggle-btn{position:absolute;bottom:12px;left:12px;width:42px;height:42px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#0c1226bf;color:#8a9ab5;cursor:pointer;font-size:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover{background:#141e3ce6;color:#fff;border-color:#4361ee33}.left-sidebar{position:absolute;top:50px;left:12px;bottom:60px;width:240px;background:#0c1226cc;border:1px solid rgba(255,255,255,.06);border-radius:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff08;z-index:40;display:flex;flex-direction:column;overflow:hidden}.left-sidebar:not(.hidden){animation:slideInLeft .28s cubic-bezier(.16,1,.3,1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.sidebar-tabs{display:flex;position:relative;flex-shrink:0;background:#ffffff05}.sidebar-tab{flex:1;padding:12px 0;border:none;background:transparent;color:#6a7a9a;cursor:pointer;font-size:13px;font-weight:600;transition:color .25s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.sidebar-tab:hover{color:#b0bfdf}.sidebar-tab.active{color:#fff;border-bottom:none}.tab-indicator{position:absolute;bottom:0;left:0;width:33.333%;height:2px;background:linear-gradient(90deg,#4361ee,#4895ef);border-radius:2px 2px 0 0;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2}.sidebar-tab-content{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;min-height:0}.sidebar-tab-content:not(.hidden){animation:fadeInUp .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sidebar-tab-content .empty-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#4a5a7a;font-size:13px;-webkit-user-select:none;user-select:none}.settings-section{margin-bottom:16px}.settings-section-title{font-size:10px;font-weight:700;color:#4a5a7a;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.04)}.skybox-gallery{display:grid;grid-template-columns:1fr 1fr;gap:6px}.skybox-item{cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);background:#0a102499;position:relative}.skybox-item:hover{border-color:#4361ee59;transform:scale(1.04);box-shadow:0 4px 16px #0000004d}.skybox-item.active{border-color:#4361ee;box-shadow:0 0 0 1px #4361ee4d,0 4px 16px #4361ee33}.skybox-thumb{width:100%;aspect-ratio:2 / 1;background-size:cover;background-position:center;background-color:#080c1a}.skybox-thumb-gradient{background:linear-gradient(135deg,#2a2a52,#1c2040,#0e1628)}.skybox-thumb-fallback{display:flex;align-items:center;justify-content:center;font-size:16px;color:#3a4a6a}.skybox-name{padding:4px 0;text-align:center;font-size:10px;color:#5a6a8a;font-weight:500;transition:color .15s}.skybox-item:hover .skybox-name,.skybox-item.active .skybox-name{color:#b0bfdf}.asset-gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-gallery-item{cursor:pointer;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.04);transition:all .2s cubic-bezier(.4,0,.2,1);background:#0a102499;position:relative;display:flex;flex-direction:column}.asset-gallery-item:hover{border-color:#4361ee40;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.asset-thumb{width:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,#080c1a,#0f1528);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.asset-thumb canvas{width:100%;height:100%;display:block}.asset-thumb-placeholder{font-size:28px;color:#1e2a4a;font-weight:800;-webkit-user-select:none;user-select:none}.asset-thumb-loading{width:20px;height:20px;border:2px solid rgba(255,255,255,.06);border-top-color:#4361ee;border-radius:50%;animation:spin .8s linear infinite}.asset-gallery-info{padding:8px}.asset-gallery-name{font-size:11px;color:#8a9ab5;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.asset-gallery-item:hover .asset-gallery-name{color:#c0d0e8}.asset-gallery-actions{display:flex;gap:4px}.asset-gallery-actions .btn{flex:1;padding:4px 0;font-size:11px;border-radius:6px;text-align:center}.slider-group{margin-bottom:14px}.slider-group label{display:flex;justify-content:space-between;font-size:13px;color:#8a9ab5;margin-bottom:4px}.slider-group label span{color:#4895ef;font-weight:600;min-width:32px;text-align:right}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:#ffffff14;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:linear-gradient(135deg,#4361ee,#5b7bff);border-radius:50%;cursor:pointer;box-shadow:0 0 6px #4361ee66;transition:box-shadow .15s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 12px #4361ee99}.window-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.04);font-weight:600;font-size:14px;color:#c0d0e8}.close-btn{background:none;border:none;color:#5a6a8a;font-size:20px;cursor:pointer;padding:0 4px;transition:color .15s;line-height:1}.close-btn:hover{color:#fff}.window-body{padding:12px 16px;overflow-y:auto;flex:1}.message-list{max-height:300px;overflow-y:auto;margin-bottom:12px}.chat-msg{padding:8px 12px;border-radius:10px;margin-bottom:6px;font-size:13px;border:1px solid transparent}.chat-msg.user{background:#1a2a5099;border-color:#4361ee1a;text-align:right}.chat-msg.system{background:#0a102480;color:#4895ef;border-color:#4895ef14}.chat-msg.error{background:#2a0f1580;color:#e63946;border-color:#e639461a}.chat-msg.llm-thinking{display:flex;align-items:center;gap:2px;color:#7b8cde;font-style:italic}.thinking-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}#chat-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:600px;max-width:calc(100% - 24px);display:flex;flex-direction:column;gap:8px;background:#0c1226cc;border:1px solid rgba(255,255,255,.06);padding:8px 12px;border-radius:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 24px #0000004d;z-index:50}#chat-bar .input-row{width:100%}#chat-bar input{margin-bottom:0;flex:1}#llm-messages{max-height:180px;overflow-y:auto}#llm-messages:empty{display:none}.item-list.compact .list-item{display:flex;align-items:center;gap:4px;height:48px;padding:0 10px;margin-bottom:3px;font-size:13px;border-radius:8px;overflow:hidden}.item-list.compact .list-item-name{font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:48px}.item-list.compact .list-item.active{background:#1a2a50b3;border-left:3px solid #4361ee;box-shadow:inset 0 0 0 1px #4361ee1a}.item-row{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:3px;font-size:13px;border-radius:8px;cursor:pointer;color:#b0bfdf;transition:background .15s,color .15s}.item-row:hover{background:#4361ee1f;color:#fff}.item-row.selected{background:#4361ee40;color:#fff;border-left:3px solid #4895ef}.item-row .item-icon{font-size:11px;color:#4895ef;flex-shrink:0}.item-row .item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rename-btn{flex-shrink:0;background:none;border:none;color:#ffffff40;cursor:pointer;font-size:14px;padding:2px 4px;border-radius:4px;transition:color .15s,background .15s;opacity:0}.list-item:hover .rename-btn{opacity:1}.rename-btn:hover{color:#4895ef;background:#4895ef1a}.rename-input.inline{flex:1;min-width:0;background:transparent;border:none;border-bottom:1px solid #4361ee;border-radius:0;color:#fff;font-size:13px;padding:0;height:48px;line-height:48px;outline:none;box-shadow:none}.queue-item{padding:10px 12px;background:#0a102480;border:1px solid rgba(255,255,255,.03);border-radius:10px;margin-bottom:6px}.queue-item-label{font-size:13px;margin-bottom:4px}.queue-item-status{font-size:12px;color:#6a7a9a}.progress-bar{height:4px;background:#ffffff0f;border-radius:2px;margin-top:6px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4361ee,#4895ef);border-radius:2px;transition:width .3s}#loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#060812d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;gap:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.08);border-top-color:#4361ee;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{font-size:14px;color:#6a7a9a}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}#toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 24px #0000004d;animation:toastIn .3s ease,toastOut .4s ease forwards;pointer-events:auto;max-width:400px;text-align:center;border:1px solid rgba(255,255,255,.08)}.toast.success{background:#22a03cd9}.toast.error{background:#dc3232d9}.toast.info{background:#2864c8d9}@keyframes toastIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%,70%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}#gen-activity{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:10px;background:#0c1226d9;border:1px solid rgba(255,255,255,.06);padding:10px 18px;border-radius:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 20px #00000059;z-index:300;animation:genActivityIn .3s ease;cursor:pointer;transition:all .2s}#gen-activity:hover{background:#141e3cf2;border-color:#4361ee26}.gen-activity-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.08);border-top-color:#4895ef;border-radius:50%;animation:spin .8s linear infinite}#gen-activity-text{font-size:13px;color:#8a9ab5;white-space:nowrap}@keyframes genActivityIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#version-info{position:fixed;bottom:6px;right:10px;font-size:11px;color:#ffffff26;z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:monospace;letter-spacing:.5px}