*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0f0f0f;color:#f2f2f2;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;color:#f2f2f2}button{border:1px solid rgba(255,255,255,.12);background:#232323;min-height:30px;padding:0 10px;border-radius:6px;cursor:pointer}button:hover{border-color:#e8702acc}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#e8702a;border-color:#e8702a;color:#111;font-weight:700}button.primary-soft{background:#e8702a29;border-color:#e8702ab3}button.danger,.danger{color:#ff8b90}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:#101010;border-radius:6px;padding:7px 8px}textarea{min-height:84px;resize:vertical}.toolbar{height:56px;display:flex;align-items:center;gap:18px;padding:0 14px;background:#181818;border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:grid;gap:1px;white-space:nowrap}.brand strong{font-weight:800;line-height:1.05}.brand span{color:#ffffff8c;font-size:12px}.toolbar-actions{display:flex;gap:8px;align-items:center;overflow-x:auto;flex:1}.toolbar-sep{width:1px;height:28px;background:#ffffff1f;flex:0 0 auto}.app-grid{height:calc(100vh - 56px);display:grid;grid-template-columns:280px minmax(420px,1fr) 340px;background:#0f0f0f}.left-panel,.right-panel{background:#181818;overflow:auto;border-color:#ffffff1f}.left-panel{border-right:1px solid rgba(255,255,255,.12)}.right-panel{border-left:1px solid rgba(255,255,255,.12)}.center-panel{min-width:0;display:flex;flex-direction:column;background:#101010}.workspace-heading{min-height:54px;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#151515;border-bottom:1px solid rgba(255,255,255,.1)}.workspace-heading div{display:grid;gap:3px;min-width:0}.workspace-heading strong{font-size:14px}.workspace-heading span{color:#ffffff8c;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-pill{max-width:260px;padding:5px 8px;border:1px solid rgba(232,112,42,.55);border-radius:999px;color:#ffffffc2!important;flex:0 0 auto}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:8px;position:sticky;top:0;background:#181818;z-index:10}.tabs button.active{background:#2b2b2b;border-color:#e8702a}.panel-section,.properties,.prompt-preview{padding:12px}h3{margin:16px 0 10px;font-size:14px;color:#ffffffb8;font-weight:700}.wide{width:100%}.empty{color:#ffffff8c;padding:18px 0;text-align:center}.asset-list,.layer-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.asset-item,.layer-item{display:grid;grid-template-columns:54px 1fr 28px;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#121212}.asset-thumb{width:54px;height:44px;padding:0;overflow:hidden}.asset-thumb img{width:100%;height:100%;object-fit:cover;display:block}.asset-name,.layer-type{color:#fff9;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon{min-height:28px;padding:0}.layer-item{grid-template-columns:1fr 44px 34px 34px 34px;cursor:pointer}.layer-item.active{border-color:#e8702a;background:#e8702a1f}.layer-item input{padding:4px 6px}.layer-item button{min-height:26px;padding:0 4px;font-size:12px}.canvas-shell{flex:1;display:grid;place-items:center;overflow:auto;padding:28px;position:relative}.canvas-stage{width:1920px;height:1080px;position:relative;overflow:hidden;flex:0 0 auto;transform-origin:center center;box-shadow:0 0 0 1px #ffffff26,0 22px 80px #0009}.canvas-size-label{position:absolute;left:20px;bottom:12px;color:#ffffff6b;font-size:12px}.canvas-rnd{outline:1px solid transparent}.canvas-rnd.is-selected{outline:2px solid #e8702a}.canvas-rnd.is-locked{outline-style:dashed}.element-rotate{width:100%;height:100%;transform-origin:center center}.element-image{object-fit:cover;display:block}.element-text{white-space:pre-wrap;overflow:hidden;word-break:break-word}.status-line{min-height:28px;padding:6px 14px;color:#ffffff8c;border-top:1px solid rgba(255,255,255,.08);font-size:12px}.field{display:grid;gap:6px;margin-bottom:10px;color:#ffffff9e;font-size:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle-row{display:flex;gap:16px;margin:10px 0;color:#ffffffc7}.toggle-row input{width:auto}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.prompt-preview textarea{min-height:330px;line-height:1.45;font-size:12px;color:#ffffffc7}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:grid;place-items:center}.preview-stage-wrap{width:100vw;height:100vh;display:grid;place-items:center;overflow:hidden}.preview-close{position:fixed;right:18px;top:18px;z-index:110;background:#181818eb}.loading{height:100vh;display:grid;place-items:center;background:#0f0f0f;color:#ffffffa8}@media(max-width:1100px){.app-grid{grid-template-columns:240px minmax(360px,1fr) 300px}.toolbar{gap:10px}}