.create-page{--rb-bg:#0a0a0a;--rb-bg-elevated:#141414;--rb-bg-surface:#1a1a1a;--rb-bg-hover:#222222;--rb-border:#2a2a2a;--rb-border-subtle:#1e1e1e;--rb-text:#fafafa;--rb-text-secondary:#a0a0a0;--rb-text-muted:#666666;--rb-accent:#f97316;--rb-accent-dim:rgba(249,115,22,0.15);--rb-radius:10px;--rb-radius-sm:6px;--rb-radius-lg:14px;background:var(--rb-bg);color:var(--rb-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden;display:flex;flex-direction:column}.create-topbar{height:52px;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--rb-border);background:var(--rb-bg-elevated);flex-shrink:0}.create-topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:10px;flex:1;min-width:0}.topbar-center{display:flex;align-items:center;justify-content:center;margin:0 16px}.upgrade-btn-glow{background:linear-gradient(135deg,#f97316,#fb923c);box-shadow:0 0 8px rgba(249,115,22,.4);animation:upgrade-glow 2s ease-in-out infinite;cursor:pointer}.upgrade-btn-glow:hover{box-shadow:0 0 16px rgba(249,115,22,.6)}@keyframes upgrade-glow{0%,to{box-shadow:0 0 8px rgba(249,115,22,.4)}50%{box-shadow:0 0 16px rgba(249,115,22,.7)}}.topbar-logo{height:20px;width:auto}.topbar-divider{width:1px;height:20px;background:var(--rb-border)}.topbar-project-name{color:var(--rb-text-secondary);font-size:13px;font-weight:500}.topbar-right{gap:8px}.topbar-btn,.topbar-right{display:flex;align-items:center}.topbar-btn{gap:6px;padding:6px 14px;border:1px solid var(--rb-border);border-radius:var(--rb-radius-sm);background:transparent;color:var(--rb-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.topbar-btn:hover{background:var(--rb-bg-hover);color:var(--rb-text)}.topbar-btn.copied{color:var(--rb-accent);border-color:var(--rb-accent)}.topbar-btn-danger{color:#ef4444;border-color:rgba(239,68,68,.3)}.topbar-btn-danger:hover{background:rgba(239,68,68,.1);color:#f87171;border-color:rgba(239,68,68,.5)}.topbar-version-select{appearance:none;background:var(--rb-bg-surface);border:1px solid var(--rb-border);border-radius:6px;color:var(--rb-text-muted);font-size:12px;font-family:inherit;padding:4px 24px 4px 8px;cursor:pointer;transition:all .15s;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.topbar-version-select:hover{border-color:var(--rb-text-muted)}.topbar-version-select:disabled{opacity:.4;cursor:default}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--rb-radius-sm);background:transparent;color:var(--rb-text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0}.sidebar-toggle:hover{background:var(--rb-bg-hover);color:var(--rb-text)}.game-sidebar{width:0;min-width:0;overflow:hidden;background:var(--rb-bg-surface);border-right:1px solid var(--rb-border);display:flex;flex-direction:column;transition:width .2s ease,min-width .2s ease;flex-shrink:0}.game-sidebar.open{width:220px;min-width:220px}.sidebar-header{height:40px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--rb-border);flex-shrink:0}.sidebar-title{font-size:12px;font-weight:600;color:var(--rb-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex:1}.sidebar-create-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--rb-radius-sm);background:transparent;color:var(--rb-text-secondary);cursor:pointer;flex-shrink:0;transition:all .15s}.sidebar-create-btn:hover:not(:disabled){background:var(--rb-bg-hover);color:var(--rb-text)}.sidebar-create-btn:disabled{color:var(--rb-text-muted);opacity:.4;cursor:not-allowed}.sidebar-list{flex:1;overflow-y:auto;padding:6px}.sidebar-list::-webkit-scrollbar{width:4px}.sidebar-list::-webkit-scrollbar-track{background:transparent}.sidebar-list::-webkit-scrollbar-thumb{background:var(--rb-border);border-radius:2px}.sidebar-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:2px solid transparent;border-radius:var(--rb-radius-sm);background:transparent;color:var(--rb-text-secondary);font-size:13px;font-family:inherit;text-align:left;cursor:pointer;transition:all .15s;white-space:nowrap;overflow:hidden}.sidebar-item:hover{background:var(--rb-bg-hover);color:var(--rb-text)}.sidebar-item.active{border-color:var(--rb-accent);color:var(--rb-text);background:var(--rb-accent-dim)}.sidebar-item-title{overflow:hidden;text-overflow:ellipsis}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-empty{display:flex;align-items:center;justify-content:center;padding:20px 10px;color:var(--rb-text-muted);font-size:13px;white-space:nowrap}.sidebar-backdrop{display:none}.create-main{display:flex;flex:1;min-height:0;overflow:hidden}@media (max-width:767px){.game-sidebar{position:fixed;top:52px;left:0;bottom:0;z-index:100;width:0;min-width:0;transition:width .2s ease,min-width .2s ease}.game-sidebar.open{width:260px;min-width:260px}.sidebar-backdrop{display:block;position:fixed;inset:0;top:52px;z-index:99;background:rgba(0,0,0,.5)}}.chat-panel{width:380px;min-width:300px;display:flex;flex-direction:column;border-right:1px solid var(--rb-border);background:var(--rb-bg)}.chat-history{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:0}.chat-history::-webkit-scrollbar{width:4px}.chat-history::-webkit-scrollbar-track{background:transparent}.chat-history::-webkit-scrollbar-thumb{background:var(--rb-border);border-radius:2px}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;flex:1;min-height:0}.chat-welcome img{height:28px;width:auto;margin-bottom:16px}.chat-welcome h2{font-size:18px;font-weight:600;margin-bottom:6px;letter-spacing:-.02em}.chat-welcome p{color:var(--rb-text-muted);font-size:13px;max-width:260px}.chat-msg{display:flex;flex-direction:column;gap:4px}.chat-msg.user{align-items:flex-end}.chat-msg.assistant{align-items:flex-start}.msg-bubble{max-width:90%;padding:10px 14px;border-radius:var(--rb-radius);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.chat-msg.user .msg-bubble{background:var(--rb-bg-surface);border:1px solid var(--rb-border);color:var(--rb-text)}.chat-msg.assistant .msg-bubble{background:transparent;color:var(--rb-text-secondary);padding-left:0}.chat-event{font-size:13px;line-height:1.6;animation:file-appear .3s ease forwards;opacity:0}.chat-event.file-write{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--rb-text-secondary);line-height:1.8}.chat-event .file-icon{color:var(--rb-accent);margin-right:6px}.chat-event.build-start{display:flex;align-items:center;gap:8px;color:var(--rb-accent);font-weight:500}.chat-event.build-error{color:#f59e0b}.chat-event.build-success{color:#22c55e}.chat-event.complete{color:#22c55e;font-weight:500}.chat-event.status{color:var(--rb-text-muted)}.chat-event.error-msg{color:#ef4444}.rb-spinner{width:14px;height:14px;border:2px solid var(--rb-accent-dim);border-top-color:var(--rb-accent);border-radius:50%;animation:rb-spin .8s linear infinite;flex-shrink:0}@keyframes rb-spin{to{transform:rotate(1turn)}}@keyframes file-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.thinking-dots{display:flex;align-items:center;gap:3px;padding:8px 0}.thinking-dots span{width:5px;height:5px;border-radius:50%;background:var(--rb-text-muted);animation:dot-pulse 1.4s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.generating-indicator{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px}.generating-text{font-size:14px;font-weight:500;color:var(--rb-accent)}.animated-dots{display:inline-block;width:1em;text-align:left}.animated-dots:after{content:"";animation:dots 1.4s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.chat-input-area{padding:12px 16px 16px;border-top:1px solid var(--rb-border-subtle)}.input-wrapper{display:flex;align-items:center;gap:8px;background:var(--rb-bg-surface);border:1px solid var(--rb-border);border-radius:var(--rb-radius);padding:8px 10px 8px 14px;transition:border-color .15s}.input-wrapper:focus-within{border-color:#444}.input-wrapper textarea{flex:1;background:transparent;border:none;outline:none;color:var(--rb-text);font-family:Inter,sans-serif;font-size:13px;line-height:1.5;resize:none;max-height:120px;overflow-y:auto}.input-wrapper textarea::placeholder{color:var(--rb-text-muted)}.input-wrapper textarea:disabled{opacity:.5}.send-btn{width:32px;height:32px;border-radius:var(--rb-radius-sm);border:none;background:var(--rb-text);color:var(--rb-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}.send-btn:hover{opacity:.85}.send-btn:disabled{opacity:.3;cursor:not-allowed}.prompt-count{padding:4px 0 0;font-size:12px;color:var(--rb-text-muted)}.tos-box{margin-top:8px;padding:10px 14px;border:1px solid var(--rb-border);border-radius:var(--rb-radius);background:var(--rb-bg-surface);font-size:13px;color:var(--rb-text-secondary)}.tos-box a{text-decoration:underline;color:var(--rb-text)}.title-input{width:100%;background:var(--rb-bg-surface);border:1px solid var(--rb-border);border-radius:var(--rb-radius);padding:8px 14px;color:var(--rb-text);font-family:Inter,sans-serif;font-size:13px;outline:none;transition:border-color .15s;margin-bottom:8px}.title-input:focus{border-color:#444}.title-input::placeholder{color:var(--rb-text-muted)}.preview-panel{flex:1;display:flex;flex-direction:column;background:var(--rb-bg-elevated);min-width:300px}.error-bar{padding:10px 16px;border-top:1px solid #7f1d1d;background:rgba(127,29,29,.2);display:flex;align-items:center;gap:10px}.error-bar p{flex:1;font-size:13px;color:#fca5a5}.error-bar button{padding:4px 12px;border:1px solid #7f1d1d;border-radius:var(--rb-radius-sm);background:transparent;color:#fca5a5;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.error-bar button:hover{background:#7f1d1d;color:var(--rb-text)}.loading-overlay{position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.85)}.create-fullstate,.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.create-fullstate{height:100vh;background:var(--rb-bg);color:var(--rb-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.create-fullstate p{font-size:14px;color:var(--rb-text-secondary)}.create-fullstate .error-text{color:#fca5a5}.create-fullstate button{padding:8px 20px;border:1px solid var(--rb-border);border-radius:var(--rb-radius-sm);background:var(--rb-bg-surface);color:var(--rb-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.create-fullstate button:hover{background:var(--rb-bg-hover)}.create-fullstate .link-btn{padding:0;border:none;background:none;color:var(--rb-text-secondary);font-size:12px;text-decoration:underline;cursor:pointer}.create-fullstate .link-btn:hover{background:none;color:var(--rb-text)}