*{box-sizing:border-box}body{height:100vh;margin:0;overflow:hidden}#root{width:100%;height:100vh;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{color:#eee;background:#1a1a2e;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{height:100vh;display:flex}.sidebar{background:#16213e;border-right:1px solid #0f3460;flex-direction:column;width:250px;display:flex;overflow-y:auto}.toolbar{border-bottom:1px solid #0f3460;padding:8px 16px}.toolbar h1{color:#e94560;margin-bottom:8px;font-size:16px}.toolbar-section{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.layer-list{flex:1;padding:8px;overflow-y:auto}.layer-list h2{color:#888;margin-bottom:8px;padding:0 8px;font-size:14px}.layer-item{cursor:pointer;background:#0f3460;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;display:flex}.layer-item:hover{background:#1a4a7a}.layer-item.selected{background:#e94560}.layer-item .layer-icon{border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.layer-item .layer-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.layer-item .layer-type{color:#888;font-size:11px}.layer-item.selected .layer-type{color:#ddd}.layer-actions{gap:4px;display:flex}.layer-color-picker{cursor:pointer;background:0 0;border:none;border-radius:4px;width:24px;height:24px;padding:0}.layer-color-picker::-webkit-color-swatch-wrapper{padding:2px}.layer-color-picker::-webkit-color-swatch{border:none;border-radius:4px}.btn-icon{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.btn-icon:hover{color:#fff;background:#ffffff1a}.btn-icon-danger:hover{color:#e74c3c;background:#c0392b4d}.btn{color:#fff;cursor:pointer;background:#0f3460;border:none;border-radius:6px;padding:10px 16px;font-size:14px;transition:background .2s}.btn:hover{background:#e94560}.btn-danger{background:#c0392b}.btn-export{background:#27ae60}.btn-export:hover{background:#2ecc71}.btn-export:disabled{cursor:not-allowed;background:#555}.canvas-container{background:#0f0f23;flex:1;justify-content:center;align-items:center;padding:16px;display:flex;overflow:auto}canvas{background:#fff;box-shadow:0 4px 20px #00000080}.placeholder{color:#888;text-align:center;border:2px dashed #333;border-radius:12px;padding:60px;font-size:18px}.color-picker{align-items:center;gap:8px;display:flex}.color-picker input[type=color]{cursor:pointer;border:none;border-radius:4px;width:32px;height:32px;padding:0}