:root{color-scheme:dark;--bg:#070911;--panel:#101421;--panel2:#151b2b;--line:#273149;--text:#eef4ff;--muted:#91a0bb;--cyan:#63e6ff;--violet:#9c7cff;--pink:#ff75b5;--ok:#52e5a5;--bad:#ff6e86;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 15% 0,#15213d 0,transparent 32%),radial-gradient(circle at 90% 10%,#26153c 0,transparent 31%),var(--bg);color:var(--text)}button,select,textarea,input{font:inherit}button,.import-recipe{border:1px solid var(--line);border-radius:10px;padding:9px 13px;background:#192135;color:var(--text);cursor:pointer;transition:.18s}button:hover,.import-recipe:hover{border-color:#5d79ae;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary{border-color:#77d7ff;background:linear-gradient(135deg,#65e9ff,#a08aff);color:#09101d;font-weight:800}.quiet{background:transparent}.danger{color:var(--bad)}[v-cloak]{display:none}.topbar{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:74px;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(7,9,17,.82);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.brand-orb{width:31px;height:31px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#6ee7ff 25%,#8c6fff 62%,#141b35 64%);box-shadow:0 0 24px #69dfff77}.brand span:last-child{display:grid}.brand b{font-size:15px}.brand small{font:8px/1.5 monospace;letter-spacing:.2em;color:var(--muted)}.topbar nav{display:flex;justify-content:center;gap:8px}.topbar nav button{background:transparent;border-color:transparent;color:var(--muted)}.topbar nav button span{margin-right:6px}.topbar nav button.active{color:var(--text);border-color:#596987;background:#151b2b}.studio-link{color:var(--cyan);font-size:13px;text-decoration:none}main{width:min(1560px,94vw);margin:0 auto;padding:34px 0 70px}.module-page{animation:rise .3s ease}@keyframes rise{from{opacity:0;transform:translateY(8px)}}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head p,.section-title small{margin:0 0 5px;color:var(--cyan);font:700 10px/1 monospace;letter-spacing:.18em}.page-head h1{margin:0;font-size:clamp(28px,4vw,52px);letter-spacing:-.04em}.page-head span{display:block;margin-top:9px;color:var(--muted)}.image-layout{display:grid;grid-template-columns:minmax(330px,430px) 1fr;gap:18px}.control-card,.gallery-panel,.recipe-section,.chat-shell,.arcade-grid>article{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(21,27,43,.95),rgba(10,13,24,.95));box-shadow:0 20px 60px #0004}.control-card{padding:19px;position:sticky;top:94px;align-self:start}.control-card label,.chat-shell aside label{display:grid;gap:7px;color:var(--muted);font-size:12px}.control-card textarea,.control-card select,.chat-shell textarea,.chat-shell select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:#0b101c;color:var(--text);outline:0}.control-card textarea:focus,.chat-shell textarea:focus{border-color:var(--cyan)}.button-row{display:flex;gap:8px;margin:10px 0 14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid .wide{grid-column:1/-1}.upload-zone{margin-top:14px;padding:14px;border:1px dashed #3e5476;border-radius:12px;background:#0c1220;cursor:pointer}.upload-zone input,.import-recipe input{display:none}.upload-zone span{color:var(--text)}.reference-strip{display:flex;gap:7px;overflow:auto;margin:9px 0}.reference-strip figure{position:relative;flex:0 0 58px;height:58px;margin:0}.reference-strip img{width:100%;height:100%;object-fit:cover;border-radius:9px}.reference-strip button{position:absolute;right:-4px;top:-5px;width:19px;height:19px;padding:0;border-radius:50%;background:#241725}.generate{width:100%;margin-top:5px;padding:12px}.status{min-height:18px;margin:10px 0 0;color:var(--muted);font-size:11px}.status.ok{color:var(--ok)}.status.err{color:var(--bad)}.gallery-panel{min-height:620px;padding:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title h2{margin:0}.section-title>span{color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:15px}.result-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#0a0f1b}.result-card.error{border-color:#723142}.result-media{display:grid;place-items:center;aspect-ratio:3/4;background:linear-gradient(145deg,#151d32,#0b0e17)}.result-media img{width:100%;height:100%;object-fit:contain}.result-wait{display:grid;gap:6px;text-align:center;color:var(--muted)}.result-wait small{max-width:180px;color:var(--bad)}.result-card footer{display:flex;align-items:center;gap:6px;padding:8px}.result-card footer span{margin-right:auto;color:var(--muted);font-size:10px}.result-card footer button{padding:5px 7px;font-size:10px}.empty-stage{display:grid;place-items:center;align-content:center;gap:8px;min-height:520px;color:var(--muted);text-align:center}.empty-stage b{font-size:24px;color:#d9e6ff}.recipe-section{margin-top:18px;padding:20px}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px;margin-top:15px}.recipe-grid article{display:grid;grid-template-columns:105px 1fr;min-height:145px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#0c111d}.recipe-grid article>img{width:105px;height:100%;object-fit:cover}.recipe-copy{min-width:0;padding:12px}.recipe-copy p{display:-webkit-box;overflow:hidden;margin:7px 0;color:var(--muted);font-size:11px;-webkit-line-clamp:3;-webkit-box-orient:vertical}.recipe-copy small{color:var(--cyan);font-size:9px}.recipe-copy>div{display:flex;gap:5px;margin-top:9px}.recipe-copy button{padding:5px 7px;font-size:10px}.recipe-empty{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted)}.chat-shell{display:grid;grid-template-columns:300px 1fr;height:clamp(600px,calc(100dvh - 190px),820px);overflow:hidden}.chat-shell>aside{display:flex;flex-direction:column;gap:13px;padding:18px;border-right:1px solid var(--line);background:#0d1220}.context-card{padding:14px;border:1px solid var(--line);border-radius:13px;background:#131a2b}.context-card small{display:block;color:var(--cyan)}.context-card b{display:block;margin:7px 0}.context-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.chat-room{display:grid;grid-template-rows:1fr auto;min-width:0;min-height:0}.messages{overflow:auto;padding:24px;overscroll-behavior:contain}.messages article{width:fit-content;max-width:78%;margin-bottom:13px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:#141b2c}.messages article.user{margin-left:auto;background:linear-gradient(135deg,#193d51,#352c63)}.messages article small{color:var(--cyan);font-size:9px}.messages article p{margin:5px 0 0;white-space:pre-wrap;line-height:1.65}.chat-empty,.typing{color:var(--muted)}.chat-room form{display:flex;gap:9px;padding:13px;border-top:1px solid var(--line);background:#0d1220}.chat-room form textarea{resize:none}.arcade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.arcade-grid>article{padding:22px}.game-icon{font-size:38px}.arcade-grid h2{margin:12px 0 7px}.arcade-grid p{min-height:48px;color:var(--muted);line-height:1.6}.arcade-grid select{width:100%;margin:4px 0;padding:9px;border:1px solid var(--line);border-radius:9px;background:#0b101c;color:var(--text)}.arcade-grid button{width:100%;margin-top:9px}.game-result{min-height:110px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0a101c;color:#d6e5ff;white-space:pre-wrap;line-height:1.65}.toast{position:fixed;z-index:50;left:50%;bottom:25px;transform:translate(-50%,20px);padding:10px 15px;border:1px solid var(--line);border-radius:11px;background:#182034;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.topbar{grid-template-columns:1fr auto;padding:10px 4vw}.topbar nav{grid-column:1/-1;grid-row:2;overflow:auto;justify-content:flex-start}.image-layout{grid-template-columns:1fr}.control-card{position:static}.chat-shell{grid-template-columns:1fr;height:auto}.chat-shell>aside{border-right:0;border-bottom:1px solid var(--line)}.chat-room{height:650px}.arcade-grid{grid-template-columns:1fr}.studio-link{font-size:11px}}@media(max-width:560px){main{width:94vw;padding-top:22px}.page-head{align-items:start}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.result-grid{grid-template-columns:1fr 1fr}.recipe-grid{grid-template-columns:1fr}.recipe-grid article{grid-template-columns:82px 1fr}.recipe-grid article>img{width:82px}.topbar nav button{padding:7px 9px;font-size:11px}}