:root{color:#f4f7fb;background:#0c1018;font-family:PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Noto Sans SC,WenQuanYi Micro Hei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:#0c1018}button,input{font:inherit;color:inherit}.login-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#060a10b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-gate-card{position:relative;width:min(460px,100%);padding:36px 32px 28px;border-radius:24px;border:1px solid rgba(150,186,255,.28);background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(58,120,220,.22),transparent 70%),#0e1420f5;box-shadow:0 28px 80px #00000075;text-align:center}.login-gate-card h2{margin:0;font-size:30px;letter-spacing:.04em}.login-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;border-radius:999px;background:transparent;color:#e8eef8b8;font-size:22px;line-height:1;cursor:pointer}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:22px;padding:4px;border-radius:999px;background:#060a12b8;border:1px solid rgba(150,186,255,.16)}.login-tab{height:36px;border:0;border-radius:999px;background:transparent;color:#d6deeab8;cursor:pointer}.login-tab.is-active{color:#f4f7fb;background:linear-gradient(90deg,#1b6fe6e6,#3aa4ffd9)}.login-form{display:flex;flex-direction:column;gap:14px;margin-top:22px;text-align:left}.login-field{display:flex;flex-direction:column;gap:8px;color:#d6deeac7;font-size:13px}.login-field input{height:44px;width:100%;padding:0 14px;border-radius:12px;border:1px solid rgba(150,186,255,.22);background:#060a12b8;color:#f4f7fb;outline:none}.login-field input:focus{border-color:#6ea2ffcc}.login-code-row{display:flex;gap:8px}.login-code-row input{flex:1;min-width:0}.login-code-btn{flex:0 0 auto;height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(150,186,255,.32);background:#121c30e6;color:#d7e6ff;cursor:pointer}.login-code-btn:disabled{cursor:default;color:#d6deea73}.login-error,.login-note{margin:0;color:#ffb4b4;font-size:13px;line-height:1.6}.login-note{color:#d6deeab8}.login-submit{width:100%;margin-top:4px}.studio{min-height:100vh;display:grid;grid-template-columns:84px minmax(0,1fr);background:radial-gradient(ellipse 70% 48% at 48% 22%,rgba(55,92,160,.28),transparent 68%),linear-gradient(180deg,#121826,#0d121c 46%,#090d14)}.rail{display:flex;flex-direction:column;align-items:center;padding:18px 8px 16px;background:#060a12b8;border-right:1px solid rgba(255,255,255,.04)}.rail-brand{margin:0 0 22px;width:52px;text-align:center;font-size:13px;font-weight:650;line-height:1.25;letter-spacing:.04em}.rail-nav{display:flex;flex-direction:column;gap:8px;width:100%}.rail-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:10px 4px;border:0;border-radius:12px;background:transparent;color:#e8eef8c7;cursor:default}.rail-item svg,.search svg,.rail-points svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.rail-points svg{width:14px;height:14px;fill:currentColor;stroke:none}.rail-item span{font-size:12px;line-height:1.2}.rail-item.is-active{background:#ffffff0f;color:#f7f9fc}.rail-foot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:14px}.rail-points{display:flex;align-items:center;gap:4px;color:#e8eef8d1;font-size:13px}.rail-avatar{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#d7e4f8 0 28%,transparent 30%),linear-gradient(180deg,#8ea0b8,#5d6d84);box-shadow:inset 0 0 0 1px #ffffff2e}.rail-avatar.is-user{display:grid;place-items:center;background:linear-gradient(180deg,#8eb6ff,#3d6fd8);color:#f7fbff;font-size:12px;font-weight:700}.stage{position:relative;display:flex;flex-direction:column;min-width:0;padding:0 48px 40px}.stage-tools{position:absolute;top:22px;right:48px;z-index:5;display:flex;align-items:center;gap:10px}.admin-entry{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 12px;border-radius:999px;border:1px solid rgba(150,186,255,.32);background:#0e1420c7;color:#e8eef8;font-size:13px;letter-spacing:.02em;text-decoration:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-entry:hover{border-color:#6ea2ffbf;color:#fff}.account-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 6px;border-radius:999px;border:1px solid rgba(150,186,255,.28);background:#0e1420c7;color:#e8eef8;font-size:13px}.account-login{padding:0 16px;cursor:pointer}.account-team{color:#e8eef89e;font-size:12px}.account-chip img,.account-fallback{width:26px;height:26px;border-radius:50%;object-fit:cover}.account-fallback{display:grid;place-items:center;background:linear-gradient(180deg,#8eb6ff,#3d6fd8);color:#f7fbff;font-size:12px;font-weight:700}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16vh 0 88px}.eyebrow{margin:0 0 22px;color:#6ea2ff;font-size:14px;letter-spacing:.12em}h1{margin:0;font-size:clamp(42px,4.8vw,60px);font-weight:620;line-height:1.32;letter-spacing:.01em}.sub{margin:22px 0 0;max-width:640px;color:#d6deea9e;font-size:15px;line-height:1.7}.hero-actions{display:flex;gap:16px;margin-top:36px}.btn{min-width:148px;height:46px;padding:0 26px;border-radius:999px;cursor:pointer}.create-menu{position:relative}.create-dropdown{position:absolute;top:calc(100% + 12px);left:0;z-index:20;width:292px;padding:8px;border-radius:16px;border:1px solid rgba(150,186,255,.18);background:#0c121ef5;box-shadow:0 22px 48px #00000075}.create-option{display:flex;flex-direction:column;gap:4px;width:100%;padding:12px 14px;border:0;border-radius:12px;background:transparent;text-align:left;text-decoration:none;color:inherit;cursor:pointer;transition:background .18s ease}.create-option:hover,.create-option:focus-visible{background:#4e8cff2e}.create-title{font-size:15px;font-weight:620}.create-hint{color:#d6deea94;font-size:12px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;color:#fff;background:linear-gradient(90deg,#1b6fe6,#3aa4ff 58%,#67d0ff);box-shadow:0 10px 28px #247ae652}.btn-ghost{border:1px solid rgba(190,206,226,.38);background:#080c1440;color:#e7eef8}.plaza{display:flex;flex-direction:column;flex:1;gap:16px}.plaza-titles{display:flex;align-items:baseline;gap:10px}.plaza-titles h2{margin:0;font-size:18px;font-weight:650}.plaza-split,.plaza-alt{color:#d6deea61;font-size:14px}.plaza-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.tabs{display:flex;gap:10px}.tab{height:34px;padding:0 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:#e2e8f2c7;cursor:pointer;transition:background .18s ease,color .18s ease}.tab:hover{background:#ffffff0d}.tab.is-active{background:#171e2c;border-color:#ffffff0f;color:#f4f7fb}.search{display:flex;align-items:center;gap:8px;width:220px;height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0a0e168c;color:#d6deea73}.search svg{width:16px;height:16px;flex:none}.search input{width:100%;border:0;outline:none;background:transparent;color:#f4f7fb}.search input::placeholder{color:#d6deea6b}.plaza-empty{margin:72px 0 0;text-align:center;color:#d6deea6b;font-size:14px}.project-grid{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.project-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:#ffffff09;text-decoration:none;color:inherit;transition:border-color .18s ease,transform .18s ease}.project-card:hover{border-color:#6ea2ff80;transform:translateY(-2px)}.project-cover{display:block;aspect-ratio:16 / 10;background:radial-gradient(circle at 30% 30%,rgba(80,130,210,.28),transparent 55%),#121826}.project-cover.has-image{background-size:cover;background-position:center}.project-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px 14px}.source-badge{padding:2px 8px;border-radius:999px;font-size:11px;letter-spacing:.04em}.source-canvas{color:#9ec4ff;background:#508cff24}.source-editor{color:#d7e4f6;background:#ffffff14}.project-title{font-size:15px;font-weight:620;line-height:1.4}.project-time{color:#d6deea80;font-size:12px}@media (max-width: 860px){.studio{grid-template-columns:72px minmax(0,1fr)}.stage{padding:0 20px 32px}.stage-tools{top:16px;right:20px}.hero{padding-top:64px}.plaza-bar{flex-direction:column;align-items:stretch}.search{width:100%}}