:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;background:#f4f2ec;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:1080px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:44px;font-weight:800}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{color:#111827;background:#fff;border:1px solid #d8d0bf;border-radius:8px;outline:none}input:focus,select:focus,textarea:focus{border-color:#2f6fe8;box-shadow:0 0 0 3px #2f6fe824}.primary{color:#fff;background:#2f6fe8;border-color:#2f6fe8;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.primary:hover{background:#235fd6}.secondary{color:#1f2937;background:#eceaf8;border-color:#d8d2f0;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.ghost{color:#344054;background:#fff;border-color:#ddd5c5;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.square{width:44px;padding:0}.icon-text svg{flex:none}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-shell,.boot{background:#f4f2ec;place-items:center;min-height:100vh;display:grid}.login-panel{background:#fff;border:1px solid #e2dac9;border-radius:8px;width:380px;padding:28px;box-shadow:0 12px 28px #11182714}.brand-mark,.rail-brand{color:#fff;background:#2f6fe8;border-radius:8px;place-items:center;width:52px;height:52px;font-weight:900;display:grid}.login-panel h1{margin:18px 0 24px;font-size:26px}.login-panel label{gap:8px;margin-bottom:14px;font-weight:800;display:grid}.login-panel input{height:46px;padding:0 12px}.login-panel .primary{width:100%;margin-top:8px}.error-line,.message-line{color:#b42318;background:#ffece9;border-radius:8px;padding:10px 12px;font-weight:700}.message-line{color:#2454c7;background:#eef4ff}.app-shell{grid-template-columns:80px 1fr;min-height:100vh;display:grid}.rail{background:#121826;grid-auto-rows:min-content;gap:12px;height:100vh;padding:16px 10px;display:grid;position:sticky;top:0}.rail button{color:#d7deea;background:0 0;border:0;place-items:center;gap:6px;width:60px;min-height:60px;font-size:12px;display:grid}.rail button.active,.rail button:hover{color:#fff;background:#2f6fe8}.workspace{gap:16px;padding:20px;display:grid}.topbar,.panel{background:#fff;border:1px solid #e2dac9;border-radius:8px}.topbar{justify-content:space-between;align-items:center;gap:20px;min-height:90px;padding:18px 20px;display:flex}.topbar h1{margin:0;font-size:26px}.topbar span{color:#64748b}.key-panel{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.key-panel input{width:260px;height:44px;padding:0 12px}.status{border-radius:18px;padding:8px 12px;font-weight:900}.status.ok{color:#4d7c0f;background:#eefcd0;border:1px solid #c2e76a}.status.warn{color:#9a5b10;background:#fff4e0;border:1px solid #f6cf8e}.inline-message,.note,.meta-line{color:#64748b;font-size:13px}.work-grid{grid-template-columns:minmax(560px,1fr) 440px;gap:16px;display:grid}.panel{padding:16px}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.panel h2{margin:0;font-size:20px}.preview-stage{background:#fbfaf6;border:1px solid #ece6d8;border-radius:8px;place-items:center;height:560px;display:grid;overflow:hidden}.preview-stage img{object-fit:contain;max-width:100%;max-height:100%}.empty-preview,.empty-state{color:#64748b;place-items:center;gap:8px;min-height:140px;display:grid}.meta-line{margin-top:12px;font-weight:800}.side-stack{gap:16px;display:grid}.role-row{gap:8px;margin-bottom:12px;display:flex}.role-row span{color:#5b4fc0;background:#eceaf8;border:1px solid #d8d2f0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:800}.upload-zone{color:#26364c;background:#f3f7ff;border:1px dashed #9fb2cf;place-items:center;gap:4px;width:100%;height:110px;display:grid}.upload-zone span{color:#64748b;font-size:13px}.reference-grid{grid-template-columns:repeat(3,86px);gap:10px;min-height:96px;margin-top:14px;display:grid}.reference-tile{background:#faf8f2;border:1px solid #e2dac9;border-radius:8px;width:86px;height:86px;position:relative;overflow:hidden}.reference-tile img{object-fit:contain;width:100%;height:100%}.reference-tile button{background:#fff;border-color:#e2dac9;border-radius:50%;width:24px;height:24px;min-height:24px;padding:0;position:absolute;top:5px;right:5px}.prompt-panel textarea{resize:vertical;width:100%;height:190px;padding:12px;line-height:1.55}.controls{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.controls label{color:#475569;gap:6px;font-size:13px;font-weight:800;display:grid}.controls select{height:42px;padding:0 10px}.generate{width:100%}.asset-panel{min-height:300px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(214px,1fr));gap:12px;display:grid}.asset-card{background:#fff;border:1px solid #e2dac9;border-radius:8px;padding:10px}.asset-card img{aspect-ratio:4/3;object-fit:contain;background:#fbfaf6;border:1px solid #ece6d8;border-radius:8px;width:100%}.asset-card p{color:#475569;height:42px;margin:8px 0;font-size:13px;line-height:1.45;overflow:hidden}.asset-actions{grid-template-columns:1fr auto auto;gap:8px;display:grid}@media (width<=1180px){body{min-width:0}.app-shell{grid-template-columns:1fr}.rail{grid-auto-columns:min-content;grid-auto-flow:column;height:auto;position:static}.work-grid{grid-template-columns:1fr}.preview-stage{height:420px}}