*{box-sizing:border-box}html,body,#root{margin:0;height:100%;font-family:-apple-system,system-ui,sans-serif}body{background:#f6f7f9;color:#111}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:1px solid #e4e6eb;height:48px}.topbar h1{font-size:14px;margin:0;font-weight:600}.topbar .right{display:flex;align-items:center;gap:12px}.btn{background:#5b57d1;color:#fff;border:0;border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}.btn.ghost{background:transparent;color:#333;border:1px solid #d0d3d9}.btn:disabled{opacity:.5;cursor:not-allowed}.layout{display:flex;flex:1;min-height:0}.sidebar{width:260px;background:#fff;border-right:1px solid #e4e6eb;overflow-y:auto;padding:12px}.sidebar h2{font-size:11px;text-transform:uppercase;color:#777;margin:12px 4px 6px}.scene-item{padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;align-items:center}.scene-item:hover{background:#f0f1f4}.scene-item.active{background:#ecebfa;color:#5b57d1;font-weight:600}.scene-item .badge{font-size:10px;color:#999}.canvas-wrap{flex:1;min-width:0;position:relative}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#888}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;padding:20px;width:420px;max-width:90vw}.modal h3{margin-top:0}.modal input,.modal select{width:100%;padding:8px;border:1px solid #d0d3d9;border-radius:6px;font-size:13px;margin-top:6px}.modal .row{display:flex;gap:8px;margin-top:12px}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.share-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f1f4;font-size:13px}.share-row:last-child{border-bottom:0}.center-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px}